.main .Breadcrumb { display: flex; justify-content: space-between; font-size:0.875rem; padding:10px 0px; color:#474747; border-bottom:1px solid #9e9d9f; }
.main .Breadcrumb i.arrow { font-size:0.75rem; color:#5e5e5e; margin:0px 5px; }
.main .Breadcrumb a { color:#002c45; }
.main .Breadcrumb a:hover { color:#f2a900; }

.main .EditContent { text-align: justify; font-size:1.125rem; color:#474747; }
.main .EditContent img { width:100%; max-width:100%; height:auto !important; }
.main .EditContent a { color:#0070be; text-decoration: underline; }
.main .EditContent a:hover { color:#f2a900;  }

.main .classname { display: flex; align-items:center; }
.main .classname .row { width:100%; margin:20px -3px; }
.main .classname .row > div { padding:10px 3px; }
.main .classname a { display: block; font-size:1rem; text-align:left; color:#262626; border-bottom:1px solid #474747; padding:5px 0px; height:100%; }
.main .classname a.active,.classname a:hover { color:#1ba1e6; border-bottom:2px solid #1ba1e6; }

.main .classname .list { width:calc(100% - 150px); }
.main .classname .year { width:120px; margin-left:30px; }
.main .classname .year select { font-size:0.875rem; }

.main .BottomPage { display: flex; justify-content: center; align-items:center; }
.main .BottomPage .move { width:32px; height:32px; border-radius:25px; background-color:#002c45; color:#dae000; padding:4px; }
.main .BottomPage .move:not(.disable):hover { background-color:#ff9500; }
.main .BottomPage .move.disable { background-color:#cccccc; }
.main .BottomPage .page { margin:0px 25px; }
.main .BottomPage .page select { width:84px; height:40px; border:1px solid #9d9d9f; color:#474747; padding:8px 10px; }

.main .Share { display: inline-flex; align-items:center;  }
.main .Share .shareIcon { display: flex; }
.main .Share .shareIcon a { display: flex; align-items: center; justify-content: center; width:32px; height:32px; background-color:#3f3a39; color:#fff; border-radius: 25px; margin:0px 5px; }
.main .Share .shareIcon a.line img { width:18px; }
.main .Share .shareIcon a.fb { background-color:#004a86; }
.main .Share .shareIcon a.line { background-color:#00c400; }
.main .Share .shareIcon a.twitter { background-color:#00adef; }
.main .Share .shareIcon a:hover { color:#fff; background-color:#ff9500; }

.main .RowItem { text-align:justify; background-color:#fff; margin-top: 40px; }
.main .RowItem .txt { padding:10px; }
.main .RowItem .txt .title a { color:#002c45; }
.main .RowItem .txt .date { font-size:0.875rem; color:#596f7f; }

.main .Info { text-align:left; margin-left:105px; }
.main .Info > div:not(:first-child) { margin-top:60px; }
.main .Info .title { color:#006e3b; }
.main .Info .bd { margin:20px 0px; width:40px; height:4px; background-color:#006e3b; }
.main .Info .content { color:#262626; font-size:0.9375rem; }

/* 無資料顯示 */
.main .nodata { text-align: center; padding:40px 0px; color:#919191; font-size:1.5rem; }
.main .nodata .emotion { font-size:6rem; padding-bottom:60px; }

/* ====== news ====== */

.main .news .cls { margin:10px 0px; justify-content: center;  border-bottom:2px solid #cbd4dc; }
.main .news .cls .item { padding-bottom:20px; text-align:center; font-size:1.125rem; }
.main .news .cls a { color:#777777; text-decoration: none; padding-bottom:3px; }
.main .news .cls a:hover { color:#f2a900; border-bottom:2px solid #f2a900; }
.main .news .cls a.now { border-bottom:2px solid #808080;  } 
.main .news .cls select { display:none; }

/* .news { padding-bottom:40px; } */
.main .news .new { color:#c6c6c6;  position: relative; display: flex; justify-content: flex-start; align-items: center; padding:30px 60px 30px 30px; border-bottom: 1px solid #dbe4ec; text-align: left; }
.main .news .new:hover { background-color:#f2a900; color:#303030; }
.main .news .new .date { color:#596f7f; display:inline-block; margin-right:75px; font-size:1rem; }
.main .news .new .nc .newtitle { color:#002c45; font-size:1.375rem; }
.main .news .new .nc .FontIcon { color:#8ec901; position: absolute; top:50%; right:30px; transform: translate(0,-50%); }

.main .newsdetail { text-align: left; }
.main .newsdetail .date { color:#9e9d9f; margin-top:10px; font-size:0.9375rem; }
.main .newsdetail .title { color:#002c45; margin-top:10px; font-size:1.5rem; }
.main .newsdetail .bottomLink { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:40px; }

.main .ecobuy .submenu { margin-bottom:30px; margin-top:-15px; }
.main .ecobuy .submenu .item { margin:0 15px; }
.main .ecobuy .submenu .item a { display:inline-block; border:1px solid #909090; color:#606060; padding:10px 20px; border-radius:6px; }
.main .ecobuy .submenu .item a.now { border:1px solid #000000;  color:#303030; font-weight:bold; }
.main .ecobuy .submenu .item a:hover { color:#000; }
.main .ecobuy .cls { margin:10px 0px; justify-content: center;  border-bottom:2px solid #cbd4dc; border-top:2px solid #cbd4dc; }
.main .ecobuy .cls .item { padding-bottom:15px; padding-top:15px; text-align:center; font-size:1.125rem; }
.main .ecobuy .cls a { color:#777777; text-decoration: none; padding-bottom:3px; }
.main .ecobuy .cls a:hover { color:#f2a900; border-bottom:2px solid #f2a900; }
.main .ecobuy .cls a.now { border-bottom:2px solid #808080;  color:#303030; } 
.main .ecobuy .cls select { display:none; }

.main .ecobuy .sh { margin-top:20px; }
.main .ecobuy .sh form { text-align:center; }
.main .ecobuy .sh .txt { width:400px; max-width:70%; }
.main .ecobuy .sh button { background-color:#002c45; color:#fff; border-radius:8px; padding:3px 10px; margin-left:8px; }
.main .ecobuy .sh button:hover { background-color:#f2a900; }


.main .ecobuy .list { margin-top:30px; }
.main .ecobuy .list table { width:100%; }
.main .ecobuy .list th { border-bottom:1px solid #ccc; background-color:#c0e8d2; padding:10px; }
.main .ecobuy .list td { border-bottom:1px solid #ccc; background-color:#fff; padding:10px; word-break:break-all; }
.main .ecobuy .list td .en { color:#005040; }
.main .ecobuy .list td > div { margin:1px 0; }
.main .ecobuy .list td.td1 { width:30%; }
.main .ecobuy .list td.td2 { width:35%; }

.main .ecobuy .list .td3 > div > span { color:#1f5060; }


.main .ecobuy .list .show2 th { padding-left:20px; padding-right:20px; }
.main .ecobuy .list .show2 td { padding-left:20px; padding-right:20px; }
.main .ecobuy .list .show2 .td2 { margin-top:20px; }
.main .ecobuy .list .show2 .td3 { margin-top:20px; }



.main .contact .Info .content { font-size:1rem; margin-top:10px; }
.main .contact .Info > div:not(:first-child) { margin-top:40px; }

.main .supplier .content { line-height:26px; }
.main .supplier .title { color:#006e3b; font-size:2rem; margin-bottom:40px; margin-top:60px; }
.main .supplier form .left { padding-right:40px; }
.main .supplier form .left .check { margin-top:10px; margin-right:5px; }
.main .supplier form .left .otherCheck { display: inline-block; }
.main .supplier form .left .otherCheck .form-control.other { display: inline-block; width:120px; }
.main .supplier form .right .check { margin-top:20px; line-height:24px; }
.main .supplier form .right .tt { color:#006e3b; }
.main .supplier form .right .checkmark { top:4px; }
.main .supplier form .formBD { border-top:1px solid #919191; margin-top:40px; margin-bottom:40px; }

.main .download .tit { color:#002c45; font-size:1.5rem; }
.main .download .online { display: flex; flex-direction: row-reverse; }
.main .download .online .info { margin-top:40px; }
.main .download .online .info span { color:#006e3b; }
.main .download .online .info a { color:#262626; border-bottom:1px solid #262626; }
.main .download .online .info a:hover { color:#f2a900; border-bottom:1px solid #f2a900; }
.main .download .row > .wd1 { width:20%; padding-left:15px; padding-right:15px; }
.main .download .row > .wd2 { width:80%; padding-left:15px; padding-right:15px; }
.main .download .wd2 .content { margin-top:40px; font-size:1.125rem; line-height:35px; }
.main .download .BD1 { border-top:1px solid #919191; margin-top:60px; margin-bottom:80px; }
.main .download .RowItem .txt .date { font-size:1rem; margin-top:10px; }

@media (max-width:1199.98px){
    .main .Info { margin-left:40px; }

    .main .supplier form .left .otherCheck { display: block; }
}

@media (max-width:991.98px){
    .main .Info { margin-left:0px; margin-top:40px; }

    .main .ecobuy .list .show1 { display:none; }

    .main .supplier form .left { padding-right:0px; }
    .main .supplier form .left .otherCheck { display: inline-block; }
    .main .supplier form .right { margin-top:60px; }

    .main .download .row > .wd1 { width:33%; }
    .main .download .row > .wd2 { width:67%; }
}

@media (max-width:767.98px){
    .main .classname { flex-direction: column; padding:0px; }
    .main .classname .row { padding-top:20px; }
    .main .classname .cls { display:none; }
    .main .classname select { display:block; width:100%; border:none; padding:10px; font-size:1rem; border-bottom:1px solid #1ba1e6; color:#1ba1e6; background-color:transparent; }

    .main .classname .list { width:100%; margin:0px; }
    .main .classname .year { width:100%; margin-left:0px; margin-bottom:20px; }

    .main .BottomPage { justify-content: space-between; }

    /* ====== news ====== */
    .main .news .cls div { display:none; }
    .main .news .cls select { display:block; width:100%; border:none; padding:10px; font-size:1.25rem; color:#777777; }

    .main .news .new { display:block; padding:15px 30px 15px 15px; }
    .main .news .new .nc .newtitle { font-size:1.25rem; }
    .main .news .new .nc .FontIcon { right:5px; }

    .main .newsdetail .bottomLink .Share { margin-top:30px; margin-right:20px; }
    .main .newsdetail .bottomLink .back { margin-top:30px; }

    .main .ecobuy .submenu .item { margin:0 6px; }
    .main .ecobuy .submenu .item a { padding:8px 15px; display:block; text-align:center; }
    .main .ecobuy .cls { border-top:0 none; }
    .main .ecobuy .cls div { display:none; }
    .main .ecobuy .cls select { display:block; width:100%; border:none; padding:10px; font-size:1.25rem; color:#777777; }

    .main .supplier .title { font-size:1.5rem; margin-top:40px; margin-bottom:20px; }
    .main .download .online { flex-direction:row }
    .main .download .row > .wd1 { width:50%; }
    .main .download .row > .wd2 { width:100%; }
}

@media (max-width:575.98px){ 
    .main .ecobuy .submenu .item { flex:0 0 50%; }
    +.main .ecobuy .submenu .item a { display:block; text-align:center; }
}

@media (min-width:576px){ }

@media (min-width:768px){ }

@media (min-width:992px){ 
    .main .ecobuy .list .show2 { display:none; }
}

@media (min-width:1200px){
    .main .download .row .txt { padding:15px 20px; }
    .main .download .RowItem .txt .title a { font-size:1.125rem; }
}