@charset "utf-8";
@import url("../css/accesskey-zones.css");

/* CSS Document */

/* 螢幕報讀軟體專用樣式 */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    display: block !important;
    visibility: hidden !important;
    left: -9999px !important;
    top: -9999px !important;
}


/*css reseat */

ul {
    list-style: none;
    padding: 0px;
}

a {
    text-decoration: none;
}

p {
    font-family: "微軟正黑體";
}

li {
    font-family: "微軟正黑體";
}

.ul-reset {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*--index--*/

body {
    margin: 0;
}

.bg {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    background: url(images/bg.png) center top no-repeat;
    height: auto;
    background-size: cover;
}

.header {
    width: 100%;
    background: url(images/header_colorbar.png) center 0 repeat-x #fff;
    float: left;
}

.header-misc {
    width: 100%;
    max-width: 1280px;
    font-size: 0.8125rem;
    margin: 0 auto;
    overflow: hidden;
}

.header-misc-logo {
    float: left;
    display: block;
    height: 30px;
    margin: 4px 0;
}

.header-misc-nav {
    float: right;
    margin: 8px 0;
}

.header-misc-nav li {
    list-style: none;
    float: left;
    margin: 0 7px;
}

.header-misc-nav li a {
    color: #333;
    background: #fff;
    display: block;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

.header-misc-nav li a:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}


/*-----內容----*/

.header-inner.clearfix {
    z-index: 10;
    position: absolute;
    top: 53px;
    width: 100%;
}

/* 首頁：LOGO／三選單插在 ::: 之後、熱點之前；仍置頂顯示 */
.bg > .header-inner-after-content,
#sb-site > .header-inner-after-content {
    z-index: 10;
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
}

h1.header-logo {
    float: left;
    margin: 0;
    /* padding 從 img 移到此，焦點框才會包住整塊圖示 */
    padding: 0 0 0 74px;
    font-size: inherit;
    font-weight: normal;
    line-height: normal;
    border: 0;
    max-width: 42%;
    box-sizing: border-box;
}

/* LOGO 連結緊貼圖片；留內距給內嵌焦點框（上／左才看得到） */
h1.header-logo a {
    display: inline-block;
    max-width: 100%;
    line-height: 0;
    font-size: 0;
    position: relative;
    z-index: 20;
    padding: 0.5rem;
    margin: -0.5rem;
    box-sizing: border-box;
}

nav.main-nav {
    float: left;
    margin-top: 150px;
}

.main-nav>ul.ul-reset>li {
    list-style: none;
    /* margin: 0px 40px;*/
    float: left;
}

.main-nav>ul.ul-reset>li:before {
    background: #0aff43;
    content: '';
    display: block;
    height: 30px;
    width: 3px;
    float: left;
    margin: 18px 20px;
}

.main-nav>ul.ul-reset:after {
    background: #0aff43;
    content: '';
    display: block;
    height: 30px;
    width: 3px;
    float: left;
    margin: 18px 20px;
}

.main-nav>ul.ul-reset>li a {
    font-size: 1.5rem;
    color: #3d3d3d;
    text-decoration: none;
    font-family: "Adobe 繁黑體 Std";
    letter-spacing: 14px;
}

h1.header-logo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    padding-left: 0;
}

.car {
    background: url(images/car1.png) right 405px no-repeat;
    height: 583px;
    width: 100%;
}


/*.car:hover {
	background: url(images/car2.png)right 405px no-repeat;
	height: 583px;
	width: 100%;
}*/

.post {
    display: block;
    overflow: hidden;
}

.school {
    position: absolute;
    background: url(images/school1.png) center 70px no-repeat;
    height: 490px;
    width: 100%;
    z-index: 1;
}

.rwd_school {
    position: absolute;
    background: url(images/rwd_school.png) center 70px no-repeat;
    height: 490px;
    width: 100%;
    z-index: 1;
    display: none;
}

.rwd_bird {
    position: absolute;
    background: url(images/rwd_bird.png) center 70px no-repeat;
    height: 490px;
    width: 100%;
    z-index: 1;
    display: none;
}


/*.school:hover {
	position: absolute; 
    background: url(images/school2.png) 93px 96px no-repeat;
    height: 490px;
    width: 100%;
	z-index: 1;
}*/

.history {
    background: url(images/library.png) left 430px no-repeat;
    height: 945px;
    width: 50%;
    float: left;
}

.rwd_history {
    background: url(images/rwd_library.png) left 430px no-repeat;
    height: 945px;
    width: 50%;
    float: left;
    display: none;
}

a.history_title {
    position: relative;
    top: 753px;
    left: 150px;
}

a.rwd_history_title {
    position: relative;
    top: 213px;
    left: 150px;
}

.infor {
    background: url(images/greenhouse.png) right 402px no-repeat;
    height: 930px;
    width: 50%;
    float: left;
}

.rwd_infor {
    background: url(images/rwd_greenhouse.png) right 402px no-repeat;
    height: 930px;
    width: 50%;
    float: left;
    display: none;
}


/*.infor:hover {
    background: url(images/greenhouse2.png) 93% 402px no-repeat;
    height: 1000px;
    width: 50%;
    float: left;
}*/

.info_title {
    position: relative;
    top: 686px;
    right: -229px;
}

.rwd_info_title {
    position: relative;
    top: 498px;
    right: -348px;
}

.bird {
    background: url(images/ribbon.png) left top no-repeat;
    height: 274px;
    width: 85%;
}


/*.bird:hover {
    background: url(images/ribbon2.png)left 10px no-repeat;
    height: 274px;
    width: 85%;
}*/

.arbor {
    background: url(images/arbor.png) right top no-repeat;
    height: 500px;
    float: right;
    width: 40%;
    position: absolute;
    top: 1658px;
    right: 0px;
}

.rwd_arbor {
    background: url(images/arbor.png) right top no-repeat;
    height: 500px;
    float: right;
    width: 40%;
    position: absolute;
    top: 1658px;
    right: 0px;
    display: none;
}


/*.arbor:hover {
    background: url(images/arbor2.png)right top no-repeat;
    height: 500px;
    float: right;
    width: 40%;
    position: absolute;
    top: 1658px;
    right: 0px;
}*/

.playground {
    background: url(images/playequipment.png) left top no-repeat;
    height: 500px;
    width: 60%;
    float: left;
}


/*.playground:hover {
	background: url(images/playequipment2.png) left top no-repeat;
	height: 500px;
	width: 60%;
	float:left;
}*/

.bunker {
    background: url(images/bunker.png) right top no-repeat;
    height: 400px;
    width: 62%;
    float: right;
    position: relative;
    top: -41px;
    right: 0px;
}

.rwd_slider {
    background: url(images/bunker.png)right top no-repeat;
    height: 400px;
    width: 62%;
    float: right;
    position: relative;
    top: -41px;
    right: 0px;
    display: none;
}


/*.bunker:hover{
	background: url(images/bunker2.png) right top no-repeat;
    height: 400px;
    width: 100%;
    float: left;
    position: relative;
    top: -40px;  
}*/

.bunker_title {
    position: absolute;
    top: -155px;
    right: 150px;
}


/*.bunker_title:hover {
    position: absolute;
    top: -155px;
    right: 150px;
}*/

.rwd_slider_title {
    position: absolute;
    top: 160px;
    right: 4px;
}

.tree {
    background: url(images/tree.png) left top no-repeat;
    width: 40%;
    height: 410px;
    float: left;
    position: relative;
    top: -437px;
}

.rwd_playground {
    background: url(images/tree.png) left top no-repeat;
    width: 40%;
    height: 410px;
    float: left;
    position: relative;
    top: -437px;
    display: none;
}

a.tree_title {
    position: absolute;
    bottom: 4px;
    right: -27px;
}

/* 到處逛逛：原鴿子圖；聚焦在 a.dove（勿加 position:relative 到 #see_more，否則絕對定位會跑位） */
a.dove,
.dove {
    background: url(images/dove.png) center 0px no-repeat;
    width: 60%;
    height: 310px;
    float: left;
    position: absolute;
    bottom: 177px;
    right: 102px;
    display: block;
    box-sizing: border-box;
    /*top: 2671px;*/
}


/*.dove:hover {
    background: url(images/dove2.png) center top no-repeat;
    width: 60%;
    height: 400px;
    float: left;
    position: absolute;
    bottom: 194px;
    right: 115px;
}*/

div#see_more {
    margin-top: 600px;
}


/*----start footer----*/

footer {
    position: relative;
}

.footer-content {
    width: 100%;
    background: url(images/footer_bg.png);
    padding: 15px 0;
    line-height: 24px;
    width: 100%;
    float: left;
    font-family: 微軟正黑體;
}

.footer-wrap {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0.8125rem;
    padding: 0 2%;
}

.copyright {
    float: left;
    width: 80%;
}

.footer-info {
    float: left;
    width: 80%;
}

.footer-social {
    float: right;
    width: 160px;
}

.footer-social li {
    float: left;
    width: 27px;
    height: 27px;
    margin-left: 10px;
}

.footer-social li a {
    display: block;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
}

.footer-social li .icon1 {
    background: url(images/footer_icon1.png) 0 0 no-repeat;
}

.footer-social li .icon2 {
    background: url(images/footer_icon2.png) 0 0 no-repeat;
}

.footer-social li .icon3 {
    background: url(images/footer_icon3.png) 0 0 no-repeat;
}

.footer-social li .icon4 {
    background: url(images/footer_icon4.png) 0 0 no-repeat;
}


/*----top----*/

.back_top {
    position: fixed;
    bottom: 225px;
    right: 127px;
    z-index: 999;
    width: 40px;
    height: 40px;
    cursor: pointer;
}


/*----內頁共用----*/


/*---- start of inside -----*/
.inside_bg {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    background: url(images/inside_bg.png) center top no-repeat;
    height: auto;
    background-size: cover;
	padding-bottom: 150px;
}

.banner_bg {
    padding-top: 380px;
    width: 80%;
    margin: 0 auto;
}

.banner_bg>img {
    width: 100%;
}

.inside_class {
    display: block;
    padding: 50px 0px 300px;
}

.inside_class a {
    float: left;
    width: 33%;
}

.class {
    position: relative;
}

.triangle {
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 14px solid #3da6c8;
    border-bottom: 11px solid transparent;
    padding: 0px !important;
    margin: 26px 0px;
}

.cont_bg {
    background: rgba(255, 255, 255, 0.6);
    margin: 0 auto;
    width: 90%;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 150px;
}

.path {
    padding-bottom: 40px;
    font-family: 微軟正黑體;
}


/*----內頁共用結束----*/


/*-----郵政史話------*/

ul.hist_tit {
    list-style: none;
    margin: 0 auto;
    width: 55%;
}

ul.hist_tit>li {
    float: left;
    padding: 20px 36px;
}

.tit_icon a {
    font-size: 1.5rem;
    text-decoration: none;
    font-family: "微軟正黑體";
    color: #3da6c8;
}

.min_icon a {
    font-size: 2.125rem;
    text-decoration: none;
    font-family: "微軟正黑體";
    color: #3da6c8;
    line-height: 0.9;
}

.bill_bg {
    margin: 0 auto;
    padding: 0;
    background: url(images/bill_bg.png) center 28px no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    z-index: -1;
    width: 80%;
    height: 364px;
}

.secondary {
    width: 100%;
    float: left;
    padding-left: 100px;
    padding-top: 76px;
    line-height: 1.5;
    font-family: 微軟正黑體;
    position: relative;
}

.secondary p {
    font-size: 1.25rem;
}

.secondary_txt {
    width: 36%;
	margin: 60px 0 0 9%;
	float: left;
	line-height: 36px;
}

.divider {
    float: left;
    width: 4%;
    padding-top: 20px;
    padding-left: 24px;
}

.divider>img {
    width: 39%;
}

.primary {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 76px;
    line-height: 1.5;
    font-family: 微軟正黑體;
}
.primary_txt {
    width: 36%;
    margin: 48px 9% 0 0;
    float: right;
    line-height: 36px;
}

.primary ul {
    padding-left: 0px;
}

.primary ul li {
    font-size: 1.25rem;
}

.print img {
    width: 70%;
}

.mail img {
    width: 70%;
}

.bill_cont {
    position: relative;
}

ul.bill_icon {
    position: absolute;
    top: 80px;
    right: 100px;
}

ul.bill_icon li {
    float: left;
}

.history_pic>img {
    width: 100%;
}

.history_title_1 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 42px;
    left: 152px;
    text-align: center;
    line-height: 33px;
}

.history_title_2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 42px;
    left: 145px;
    text-align: center;
    line-height: 33px;
}

.history_title_3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 35px;
    left: 132px;
    text-align: center;
    line-height: 33px;
}
.inside > .footer-content {
    width: 100%;
    background: url(images/footer_bg.png);
    padding: 15px 0;
    line-height: 24px;
    float: left;
}

/*----start to 集郵資訊 ----*/
.infor_pic>img {
    width: 100%;
}
.infor_title_1 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 83px;
	text-align: center;
    left: 36%;
}
.infor_title_2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 66px;
	text-align: center;
    left: 149px;
}
.infor_title_3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 10%;
    left: 39%;
    line-height: 31px;
}
.infor_title_4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 16%;
    left: 40%;
}
.infor_title_5 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 9%;
    left: 38%;
    text-align: center;
    line-height: 31px;
}
.infor_title_6 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 15%;
    left: 36%;
}
ul.infor_tit {
    list-style: none;
    margin: 0 auto;
    width: 52%;
}
ul.infor_tit>li {
    float: left;
    padding: 20px 36px;
}
div#infor {
    padding: 50px 0px;
}
div#infor:last-child {
    padding-bottom: 300px;
}

/*---- 校外教學園地 ----*/
div#teach_out {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0px 0px 20px;
}
div#teach_out:last-child {
    padding-bottom: 300px;
}
div#teach_out>a {
    float: left;
    width: 50%;
}
.teach_pic>img {
    width: 85%;
}
.teach_title_1 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 11%;
    left: 29%;
}
.teach_title_2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 11%;
    left: 33%;
}
.teach_title_3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 12%;
    left: 26%;
}
.teach_title_4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 9%;
    left: 23%;
}

/*----校外教學園地(共用)----*/
.teach_inside_bg {
    position: relative;
}
.teach_inside_bg>span {
    width: 46%;
    position: absolute;
    right: -36px;
    bottom: -45px;
}
.teach_inside_bg>span>img {
    width: 90%;
}
.teach_inside_pic_cont {
    margin: 4% 2%;
}

/*----校外教學園地 內頁----*/
ul.teach_tit {
    list-style: none;
    margin: 0 auto;
    width: 62%;
}
ul.teach_tit>li {
    float: left;
    padding: 20px 36px;
}
.teach_cont {
    margin: 20px;
}
.teach_cont p {
    margin: 10px 0px 0px;
    font-size: 1.25rem;
}
.teach_cont>ul {
    margin: 0px;
    padding: 10px;
    display: inline-block;
}
.teach_cont {
    margin: 20px;
    width: 100%;
    font-family: 微軟正黑體;
    font-size: 1.25rem;
}
.pazzle_pro {
    display: flex;
	margin-top: 20px;
}
.puzzle_pic {
    float: left;
}
.puzzle_pic_1>span>img {
    width: 94%;
}
.puzzle_pic_2>span>img {
    width: 96%;
}
.puzzle_pic_1 {
    width: 32%;
}
.puzzle_pic_2 {
    width: 70%;
}
.puzzle_pic_1>span,
.puzzle_pic_2>span {
    display: block;
    padding-bottom: 10px;
}

/*----分信好好玩----*/
.picture_1>span>img {
    width: 80%;
}

/*----小郵差送信樂----*/
.picture_3_cont {
    display: inline-block;
    font-family: 微軟正黑體;
}
.picture_3 {
    width: 33%;
    float: left;
}
.picture_3>span>img {
    width: 92%;
}
.picture_3>span {
    display: block;
    padding-bottom: 10px;
}
.clothes_info>li {
    float: left;
}
ul.size {
    list-style: initial;
    padding-top: 20px;
    padding-left: 20px;
}
.size>li {
    float: none;
    line-height: 3;
    font-size: 1.375rem;
}

/*--- 遊戲區 ---*/
.play_tit {
    list-style: none;
    margin: 0 auto;
    width: 50%;
}
ul.play_tit>li {
    float: left;
    padding: 20px 36px;
}
.game {
    display: inline-block;
    padding: 30px 0px 40px;
    font-family: 微軟正黑體;
    text-align: center;
}
.game ul li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding-right: 3%;
}
.game ul li a {
    color: #000;
}
.game ul li span {
    line-height: 1.8;
}
.game ul li span>img {
    width: 100%;
    padding-bottom: 20px;
}

/*----郵政史話內頁(共用)----*/
.title_2 {
    color: #fff;
    background: url(images/subtitle_two.png) left top no-repeat;
    width: 219px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}
.title_3 {
    color: #fff;
    background: url(images/subtitle_three.png) left top no-repeat;
    width: 219px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}
.title_4 {
    color: #fff;
    background: url(images/subtitle_four.png) left top no-repeat;
    width: 253px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}
.title_5 {
    color: #fff;
    background: url(images/subtitle_five.png) left top no-repeat;
    width: 282px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}
.title_6 {
    color: #fff;
    background: url(images/subtitle_six.png) left top no-repeat;
    width: 310px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}
.title_9 {
    color: #fff;
    background: url(images/subtitle_nine.png) left top no-repeat;
    width: 421px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}

/*-----郵政史話內頁-----*/
div#history_inside_1 {
    display: flex;
}
div#history_1 {
    padding-top: 10px;
    padding-left: 10px;
}
#hist_1 {
    width: 67%;
}
.history_cont {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
}
.title_2 {
    color: #fff;
    background: url(images/subtitle_two.png) left top no-repeat;
    width: 219px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}
.title_4 {
    color: #fff;
    background: url(images/subtitle_four.png) left top no-repeat;
    width: 253px;
    height: 78px;
    line-height: 3.2;
    padding-left: 30;
    font-size: 1.25rem;
    font-family: "微軟正黑體";
}
.history_file ul li a {
    color: #303030;
}
ul.hist_file {
    padding: 3px 20px;
}
.hist_file li>img {
    width: 80%;
}
ul.hist_file>li {
    float: left;
    padding: 0px 14px 20px 0px;
    line-height: 1.3;
    font-size: 1.375rem;
}
.history_file>ul>li {
    float: none;
    display: block;
    overflow: hidden;
    margin: 10px 5px;
}
/*div#hist_in {
    position: relative;
}*/
/*.hist_inside_bg_1 {
    position: absolute;
    bottom: 20px;
    left: 152px;
}*/

/*----前清時期郵政----*/
#hist_2 {
    width: 71%;
}
.hist_inside_bg_2>img {
    width: 450;
}
/*.hist_inside_bg_2 {
    position: absolute;
    bottom: 20px;
    left: 200px;
    width: 100%;
}*/

/*----現代化郵政----*/
#hist_3 {
    width: 62%;
}
.hist_inside_bg_3>img {
    width: 500;
}
/*.hist_inside_bg_3 {
    position: absolute;
    bottom: 20px;
    left: 100px;
    width: 100%;
}*/
.main-inner {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}
.header-inner2 {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    /* 勿 hidden：會把 LOGO 焦點外框裁成圖下方一條細線 */
    overflow: visible;
}
.rwd-wrap {
    float: left;
    width: 100%;
    display: none;
    position: absolute;
    z-index: 999;
}
.rwd-nav-wrap {
    font-size: 1.4375rem;
    font-family: 微軟正黑體;
}
.rwd-nav-row .rwd-subnav {
    background: #f4dae3;
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rwd-nav-row .rwd-subnav li {
    border-top: solid 1px #fff;
}
.rwd-nav-row .rwd-subnav li a {
    font-size: 1.25rem;
    background: none;
}
.rwd-nav-wrap {
    display: block;
}
.sb-slidebar.sb-active {
    display: block;
    background-color: #ffffff;
}
.rwd-nav a {
    color: #ffffff;
}
.rwd-nav-row2 a {
    display: block;
    background-color: #1e715c;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-left: 13px;
    line-height: 29px;
    background-size: 100% 100%;
}
.rm1 {
    background: url(images/rwd_menu_bg_first.png) 89% 1px no-repeat;
}
.rm1-1 {
    background: url(images/rwd_menu_bg2.png) 89% 1px no-repeat;
}
.rm2 {
    background: url(images/rwd_menu_bg.png) 89% 1px no-repeat;
}
.rwd-nav {
    display: none;
}
.rwd-nav-row2 ul {
    margin-top: 0px;
    margin-bottom: 0px;
    display: none;
}
.rwd-subnav a {
    background-color: #389c80;
}
.inside {
    position: absolute !important;
    bottom: 0;
    float: left;
    width: 100%;
}
.article-2 {
    float: left;
    height: auto;
    width: 100%;
    list-style-image: none;
    list-style-type: none;
    line-height: 30px;
    margin-top: 0px;
    padding-left: 0% !important;
    font-size: 1.25rem;
}
.article-2 li .item,
.article-2 li .txt,
.article-2 li .note {
    float: left;
    display: block;
}
.article-2 li .item {
    width: 2%;
}
.article-2 li .txt {
    width: 97.5%;
    margin-bottom: 3px;
}
.article-2 li .item,
.article-2 li .txt,
.article-2 li .note {
    float: left;
    display: block;
}


/*--*/
.last-date {
    font-family: 微軟正黑體;
    font-weight: bold;
    color: #28a1c8;
   
}
.img-full-desc {
    margin: 0.5em 0 1em;
    font-size: 0.95em;
    line-height: 1.6;
    color: #333;
    text-align: left;
}