@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 14px/18px "微軟正黑體", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: none;
}
a {
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
	text-decoration: none;
	color: #643c05;
}
a:hover {
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
	color: #c83f03;
}
.BackToTop_2 {
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 15px 0px;
	position: relative;
	height: 35px;
	clear:both
}
.BackToTop_2 a {
	padding: 0 0 0 15px;
	background: url(../images/bullet_top.png) no-repeat 0 3px;
	font-size: 1em;
	color: #727171;
	margin: 4px 0 0 0 !important;
	position: absolute;
	top: 5px;
	right: 15px;
}
.BackToTop_2 a:hover {
	color: #f05e5e;
}
.BackToPrev,.BackTolist {
	float:left;
	width:100px;
}
.BackToPrev a {
	display: inline-block;
	padding: 0 0 0 27px;
	height: 21px;
	line-height: 22px;
	background: url(../images/BackToPrev.png) no-repeat top left;
	/*font-size: 18px;*/
	color: #535353;
}
.BackTolist a {
	display: inline-block;
	padding: 0 0 0 27px;
	height: 21px;
	line-height: 22px;
	background: url(../images/BackTolist.png) no-repeat top left;
	/*font-size: 18px;*/
	color: #535353;
}
.BackToPrev a:hover,.BackTolist a:hover {
	color: #930;
	background-position:bottom left;
}
.CRT{clear:both}
#logo{position:absolute;}
#INback{position:absolute; top:5px; right:195px}
#INmap{position:absolute; top:5px; right:25px}
#INback a:hover,#INmap a:hover{filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}
#sun{position:absolute;}
#cloud1{ position:absolute; top:60px; left: -250px; z-index:5; }
#cloud2{ position:absolute; top:20px; left: -200px; z-index:4; }

.PaddingTop20 {
	padding-top: 20px;
}

.FutureMail_1 {
	width:100%;
}
.FutureMail_2 {
	width:70%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.Align_Center {
    text-align: center;
}

#ContentsContainer{
	margin:0 auto; 
	position:relative;
	width:100%;
	overflow:hidden;
}
#ContentsContainer #Contents{
	position:relative; 
	margin:0 auto; 
	background:url(../images/index.png) no-repeat;
}
#Stamp_pic_paper{width:15%; padding: 5px 10px 5px 0;}
#Stamp_pic{width: 30%;float: left;padding: 5px 10px 5px 0;}
#Stamp_pic img,#Stamp_pic_paper img{max-width:106px}
#Stamp_pic a.EnlargeIcon,#Stampfrom li a.EnlargeIcon,#Stamp_pic_paper .EnlargeIcon{	
	padding: 5px 25px 0 0;
	background: url(../images/enlarge_icon_001.png) no-repeat right bottom;
	display: block;
	font-size:0.75em;
	color:#6b110e;
	line-height: 1.6em;
}
/*內頁底色*/
.P_brown1{background:#fcb8c0}/*我是一封信*/
.P_money{background:#bde4e5}/*我要存款*/
.P_green{background:#a6f69f}/*小小郵局*/
.P_red1{background:#fbb05e}/*郵史光廊區*/
.P_brown2{background:#fdae8b}/*集郵小天地*/
.P_green2{background:#6ce6b7}/*兒童郵園*/
.P_yellow1{background:#ffc600}/*小小郵迷*/
.P_purple1{background:#ada9e2}/*體驗遊戲區*/
.P_blue2{background:#90b9f5}/*郵局好鄰居*/
.P_pink{background:#e9b9af}/*告訴郵局*/
.P_pink1{background:#ff9eb3}/*未來郵件*/
.P_yellow2{background:#f1dcbc}/*訊息活動區*/
/*內頁底色 End*/

/*無障礙標點色*/
.first .acc-key a{color:#139fae}/*首頁*/
.P_brown1 .acc-key a{ color:#fcb8c0}/*我是一封信*/
.P_money .acc-key a{ color:#bde4e5}/*我要存款*/
.P_green .acc-key a{ color:#a6f69f}/*小小郵局*/
.P_red1 .acc-key a{ color:#fbb05e}/*郵史光廊區*/
.P_brown2 .acc-key a{ color:#fdae8b}/*集郵小天地*/
.P_green2 .acc-key a{ color:#6ce6b7}/*兒童郵園*/
.P_yellow1 .acc-key a{ color:#ffc600}/*小小郵迷*/
.P_purple1 .acc-key a{ color:#ada9e2}/*體驗遊戲區*/
.P_blue2 .acc-key a{ color:#90b9f5}/*郵局好鄰居*/
.P_pink .acc-key a{ color:#e9b9af}/*告訴郵局*/
.P_pink1 .acc-key a{ color:#ff9eb3}/*未來郵件*/
.P_yellow2 .acc-key a{ color:#f1dcbc}/*訊息活動區*/
/*無障礙標點色 End*/

/*內頁*/
#P_FooterContainer{ 
	position:relative; 
	margin:0 auto;
	padding-top:25px
}
#P_FooterContainer #type{
	position:relative; 
	margin:0 auto; 
	width:866px; 
	font-size:0.75em; 
	font-family:Arial, Helvetica, sans-serif; 
	text-indent:50px
}


#mainBG{
	position:relative;
	width:100%;
	min-height:400px;
	z-index:1;
}

#paper .title{
	padding-top:10px
}
#paper .pad10{
	padding-bottom:10px;
}
#paper .pic_padding{
	padding:0 26px
}
#paper span{
	font-size:1.2em;
	font-weight:800;
	line-height:2.4em;
}
#paper span strong{
	color:#060;
	font-weight:bold;
	padding:0 5px
}
.paper_red{
	color:#e44343;
	background:#f9fc9f;
	padding:0 5px;
	border:1px dashed #c12b0e;
	margin:0 10px
}
#paper #pic{
	clear:both;
	margin:0 auto;
	width:80%;
	padding-bottom:50px
}
#paper #pic .img{
	max-width:220px
}
.left{
	float:left
}
.right{
	float:right
}
.arrow{
	line-height:1.5em;
	color:#86101e;
	font-weight:800;
	font-size:1em
}
.Bluearrow{
	line-height:1.5em;
	color:#011c43;
	font-weight:600;
	font-size:0.938em;
	clear:both;
	padding-bottom:15px
}
.Bluearrow input{
	border:none;
	margin:0 5px;
	padding:2px;
	background:#cae0ff;
	font-size:0.875em;
}
.Paper_img{
	padding:2px 25px
}

#paper a{
	color:#F05002
}
#paper a:hover{
	color:#F70006
}


/*小小郵局.小小會員.網路地圖單元*/
#Little_Post .header_img_1 img{
	margin-left: 3px;
	position: relative;
}

#Little_Post .ListStyle_1 li {
	border-top: 1px dotted #42923c;
	padding: 15px 0 15px 60px;
	background: no-repeat left center;
}
#Little_Post .ListStyle_1 li.list_1 { background-image: url(../images/littlePost-img2.png);}
#Little_Post .ListStyle_1 li.list_2 { background-image: url(../images/littlePost-img3.png);}
#Little_Post .ListStyle_1 li.list_3 { background-image: url(../images/littlePost-img4.png);}
#Little_Post .ListStyle_1 li.list_4 { background-image: url(../images/littlePost-img5.png);}

#Little_Post .header_img_2 img{
	margin-left:30px;
	position: relative;
}
#NBlogin{ margin:0 auto; width:267px; height:256px; background:url(../images/login_bg.png) no-repeat top center; padding:75px 20px 0 130px}
#Password_login{ margin:0 auto; width:267px; height:241px; background:url(../images/login_bg1.png) no-repeat top center; padding:110px 20px 0 130px}
#Password_login #keyin{height:35px}
#NBlogin_key #line{ height:35px}
#keyadres{ padding:6px 2px 10px 2px}
#keyadres p{padding:2px 0}
.keylist{ margin:3px 5px; font-size:1em; color:#696c10}
.keyFirst{ margin-bottom:38px}
.keyLeft{ padding-left:65px}
#NBlogin_key #list{clear:both; position:relative; left:-10px; height:45px; width:400px; top:20px;}
#NBlogin_key{ margin:0 auto; width:460px; height:570px; background:url(../images/login_bg2.png) no-repeat top center; padding:22px 5px 5px 100px}
#NBlogin p,#Password_login p{padding-bottom:20px}
#NBlogin #list{clear:both; position:relative; left:-70px; height:45px; width:300px; top:25px}
#Password_login #list{clear:both; position:relative; left:-70px; height:45px; width:300px; top:0}
#NBlogin #checkOK,#Password_login #password{clear:both; position:relative; left:70px; height:45px; width:180px}
#NBlogin #list #nember_meun li,#NBlogin #list #checkOK li,#Password_login #list #password li,#applyNB #list li,#NBlogin_key #list #nember_meun li{
	float: left;
	padding-left:5px;
	text-indent:-9999px;
	margin-bottom:25px
}
#NBlogin #list #checkOK li a{
	display: block;
	width:135px;
	height:62px
}
#NBlogin_key #list #nember_meun li a{
	display: block;
	width:178px;
	height:60px
}
#Password_login #list #password li a{
	display: block;
	width:218px;
	height:62px
}
#applyNB #list #checkOK li a{display:block}
#applyNB #list #checkOK .yes a{background:url(../images/login_yes.png) no-repeat center 0px; width:137px; height:60px}
#applyNB #list #checkOK .no a{background:url(../images/login_no.png) no-repeat center 0px; width:184px; height:60px}
#applyNB #list #checkOK .reviewCard a{background:url(../images/reviewCard.png) no-repeat center 0px; width:178px; height:60px}
#applyNB #list #checkOK .SendCard a{background:url(../images/SendCard.png) no-repeat center 0px; width:178px; height:60px}
#applyNB #list #checkOK .editCard a{background:url(../images/editCard.png) no-repeat center 0px; width:178px; height:60px}
#applyNB #list #checkOK .closeCard a{background:url(../images/closecard.png) no-repeat center 0px; width:178px; height:60px}
#applyNB #list #checkOK .backCard a{background:url(../images/backCard.png) no-repeat center 0px; width:178px; height:60px; margin-left:13px}
#NBlogin #list #nember_meun li a{
	display: block;
	width:145px;
	height:31px
}
#NBlogin #list #checkOK  li a:hover,#Password_login #list #password li a:hover,#applyNB #list #checkOK li a:hover,#NBlogin_key #list #nember_meun li a:hover{
    background-position: center -60px;
}
#NBlogin #list #nember_meun li a:hover{
    background-position: center -31px;
}
#NBlogin_key #list #nember_meun .send a{
	background:url(../images/login_send.png) no-repeat center 0px;
} 
#NBlogin_key #list #nember_meun .rekey a{
	background:url(../images/login_rekey.png) no-repeat center 0px;
} 
#NBlogin_key #list #nember_meun .chang a{
	background:url(../images/login_changPassword.png) no-repeat center 0px;
} 
#NBlogin #list #nember_meun .join a{
	background:url(../images/login_M1.png) no-repeat center 0px;
}
#NBlogin #list #nember_meun .forget a{
	background:url(../images/login_M2.png) no-repeat center 0px;
}
#NBlogin #list #checkOK .final a{
	background:url(../images/login_ok.png) no-repeat center 0px;
}
#Password_login #list #password .code a{
	background: url(../images/login_password.png) no-repeat center 0px;
}
.ps{color:#c12b0e; font-weight:500; font-size:1.125em; line-height:1.4em; padding:0 0 15px 45px}
.NBline{ border-bottom:1px dotted #42923c; padding-bottom:15px}
.NBnote{ border:2px dotted #42923c; clear:both; min-height:40px; line-height:2.5em;float:left; width:100%; margin-bottom:5px; padding:5px}
.NBnote img{ float:left; padding-right:10px}
.NBnote span{width:92%; float:left}
#makesure{ clear:both; width:100%}
#makesure #bt li{
	float: right;
	padding-left:5px;
	text-indent:-9999px;
	margin-bottom:25px
}
#makesure #bt li a{
	display: block;
	width:330px;
	height:61px
}
#makesure #bt li a:hover{
	background-position:left -60px
}
#makesure .wantjoin a {
	background:url(../images/login_makesure.png) no-repeat center 0px;
}
#makesure .backI a {
	background:url(../images/login_backI.png) no-repeat center 0px;
}
#makesure .testbank a {
	background:url(../images/test_bank.png) no-repeat center 0px;
}
#makesure .watchMoive a {
	background:url(../images/watch_movie.png) no-repeat center 0px;
}

#outer_container{margin:10px; width:580px; padding:0 10px; border-top:1px solid #81d979; border-bottom:1px solid #81d979;}
#customScrollBox{position:relative; height:400px; overflow:hidden;}
#customScrollBox .container{position:relative; width:560px; top:0; float:left}
#customScrollBox .content{clear:both;}
#customScrollBox .content p.Mlist_title{font-size:0.938em; font-weight:800; color:#c12b0e}
#customScrollBox .content p{padding:2px 5px; margin:2px 0; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:0.813em; line-height:2em}
#customScrollBox .content span{clear:both; float:left; width:540px;font-size:0.813em; color:#9e3434; padding:2px 5px}
#customScrollBox img{border:5px solid #1a5816;}
#dragger_container{position:relative; width:0px; height:380px; float:left; margin:10px 0 0 10px; border-left:1px solid #4ca245; border-right:1px solid #a9e5a3;}
#dragger{position:absolute; width:9px; height:40px; background:#319f29; margin-left:-5px; text-align:center; line-height:40px; color:#99e494; overflow:hidden; border-left:1px solid #62ce5a; border-right:1px solid #198911;}
/*小小郵局.小小會員.網路地圖單元 end*/





/*集郵小天地單元*/
#paper #selectBT2{
	background:url(../images/selectArrow.png) no-repeat right #f48b5d;
	width:100%;
	overflow:hidden;
	height:35px;
	-moz-border-radius: 	.5em ;
	-webkit-border-radius: 	.5em ;
	border-radius: 			.5em ;
	color:#FFF;
	position:relative;
	float:left
}
#paper #selectBT2 select{
	background:transparent;
	margin: .25em 0 .25em .25em;
	color:#731f1c; font-size:1em;
	height:30px;
	border:none;
	width:120%;
	-webkit-appearance: none; /*for chrome*/
}
#StampWorld .list-wrap .list li{
	padding: 5px;
	border-bottom: 1px solid #e7c28b;
	display: block;
}
#StampWorld .list-wrap .list li a{
	background: url(../images/ListIcon_02.jpg) no-repeat 0 0;
	padding: 1px 0 1px 30px;
	display: block;
	color: #643c05
}
#StampWorld .list-wrap .list li a:hover{color: #c83f03}
#StampWorld .list-wrap .deco,#paper .list-wrap .deco {
	position: absolute; 
	background: url(../images/StampWorld_intro_deco.png) no-repeat 0 0;
	z-index: 2;
}
.Stamparrow{
	color:#86101e;
	font-weight:600;
	font-size:0.938em;
}
.downpaper{
	color:#000;
	font-size:0.875em;
	width:100%
}
.popular-list li {
	vertical-align: top;
	display: inline-block;
	padding: 20px 0 15px;
	border-top: 1px dotted #842e26;
}
#post-item {
	float: left;
	width: 100%;
	min-height: 90px;
	margin: 0;
	position: relative;
}
#post-item .col-l {
	width: 66px;
	float: left;
	margin: 0 15px 0 0;
}
#post-item .title a{color: #F05002; font-weight:800}
#post-item .title a:hover{color:#733206}
#post-item .pic img {
	max-width: 100%;
	max-height: 83px;
}
#post-item .pic {
	width: 60px;
	height: 82px;
	padding: 2px;
	border: 1px solid #842e26;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	float: left;
	margin: 6px 0 10px;
	-moz-box-shadow: 0px 15px 10px -20px #cf6a52;
	-webkit-box-shadow: 0px 15px 10px -20px #cf6a52;
	box-shadow: 0px 15px 10px -20px #cf6a52;
}
#post-item .text{line-height:1.4em; font-size:.9em}
#post-item .text a {color: #000000}
#post-item .text a:hover {color: #F05002}
#post-item .price {color: #842e26;padding: 0 2px;font-weight: 700; line-height:1.4em}
#post-item .icon-row {display: inline-block;}
.publish-detail {padding: 10px 0 0;}
.pd-col-l {width: 200px;float: left; padding-left:20px}
.pd-col-r {width: 410px;float: left;padding: 0 0 0 15px;}
.pd-pic-wrap {padding: 0 0 30px;}
.pd-pic {
	border: 1px solid #842e26;
	padding: 2px;
	width: 140px;
	margin: 0 auto;
	position: relative;
	-moz-box-shadow: 0px 15px 10px -18px #000;
	-webkit-box-shadow: 0px 15px 10px -18px #000;
	box-shadow: 0px 15px 10px -18px #000;
}
.pd-pic img {max-width: 140px;}
.publish-detail-hd {padding: 0 0 20px;}
.publish-detail-hd .heading {color: #000;font-weight: 700;}
.publish-detail-tabs{position:relative;}
.publish-detail-tabs #ShareNav{
	position: absolute;
	top:3px;
	right:0;
	font-size:0.813em;
	color:#842e26;
	z-index:10;
}
.publish-detail-tabs #ShareNav img{vertical-align:middle;}
.share-hd{padding:0 5px 0 0; vertical-align:middle;}
.publish-detail-tabs .tabs {
    border-bottom: 1px solid #cb841b;
	position:relative;
	height:40px;
}

.publish-detail-tabs .tabs li{
    float: left;
    font-weight: 700;
    position: relative;
}


.publish-detail-tabs .tabs li a {
    background: url(../images/pageMessageBG.gif);
    border: 1px solid #cb841b;
    border-bottom:0;
    color: #4c310b;
    display: block;
    height: 32px;
    padding: 7px 0 0;
    text-align: center;
    width: 100px;
	margin:0 0 0 -1px;
	-moz-box-shadow:0px -15px 10px -18px #aaa inset;
	-webkit-box-shadow:0px -15px 10px -18px #aaa inset;
	box-shadow:0px -15px 10px -18px #aaa inset;
	text-shadow:0 1px 0 #ffca81;
}

.publish-detail-tabs .tabs li .current,.publish-detail-tabs .tabs li .current:hover {
    background: url(../images/pageMessageBG1.gif);
    color: #be1d03;
	height: 33px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.pd-table-wrap{padding:0 0 20px; color:#545454;}
.pd-info-table .hd{
	background:#fba82c; 
	color:#835719; 
	padding:6px 5px; 

}
.pd-info-table td{padding:6px 10px; color:#000; background:#fba82c}
.pd-info-table tr:nth-child(2n) td{background:#fffdac;}
.pd-info-table tr:nth-child(2n) .hd{background:#fffdac;}
.pd-info{padding:10px 0 20px; line-height:160%;}
.pd-actions a:hover{opacity:.7; filter:alpha(opacity=70);}

.pd-pic-wrap{padding:0 0 40px}
.pd-pic{
	border:1px solid #d06333; 
	padding:2px; 
	width:140px; 
	margin:0 auto; 
	position:relative;
	-moz-box-shadow:0px 15px 10px -18px #000;
	-webkit-box-shadow:0px 15px 10px -18px #000;
	box-shadow:0px 15px 10px -18px #000;
}
.pd-zoom{
	background: url(../images/icon-pd-zoom.png); 
	width:25px; 
	height:25px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	bottom:-1px;
	right:-1px;
}
.pd-zoom:hover{opacity:.7; filter:alpha(opacity=70);}

.pd-similar{
	background: url(../images/pageMessageBG.gif); 
	width:145px; 
	height:160px;
	padding:15px 25px 20px;
	position:relative;
	border-top:1px solid #cb841b;
	-moz-box-shadow:0px 1px 0 #fff inset;
	-webkit-box-shadow:0px 1px 0 #fff inset;
	box-shadow:0px 1px 0 #fff inset;
}
.pd-similar-hd{padding:0 0 10px; font-weight:700;}

.pd-similar-bd img{
	width:42px; 
	margin:0 10px 10px 0;
	-moz-box-shadow:0 0 0 1px #fff;
	-webkit-box-shadow:0 0 0 1px #fff;
	box-shadow:0 0 0 1px #fff;
}
.carousel-control{
	position:absolute;
	top:16px;
	right:10px;
}

.carousel-control a{
	width:22px; 
	height:21px;
	overflow:hidden;
	text-indent:-999px;
	display:inline-block;
}
#ui-carousel-prev{background: url(../images/btn-smcarousel-prev.png) no-repeat; margin:0 -5px 0 0;}
#ui-carousel-next{background: url(../images/btn-smcarousel-next.png) no-repeat;}
.pd-similar-bd .ui-carousel {
	height: 145px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width:160px
}

.pd-similar-bd .ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.pd-similar-bd .ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 145px;
	overflow: hidden;
	width: 160px;	
}

.pd-similar-bd #pages{display:none;}

#paper #into img{
	padding:2px 5px
}

/*集郵小天地單元 end*/

/*兒童郵園單元*/
.M_INTO{
	font-weight:600;
	padding-bottom:25px;
	color:#006c6f;
	background:url(../images/mus_arrow.png) no-repeat left 2px;
	text-indent:25px;
}
.M_IM{
	color:#006c6f;
	font-weight:600;
	line-height:2.6em
}
.M_B{
	text-indent:35px
}
.M_RED{
	color:#F03
}
/*兒童郵園單元 end*/

/*小小郵迷單元*/
ul#pd1{height:auto;list-style:none;width:100%;overflow:hidden;}
ul#pd1 li{height:350px;float:left;padding:7px 0 0 8px;background:url(../images/pdbg_line.gif) no-repeat right bottom; margin-bottom:5px}
ul#pd1 li a{color:#6d9b23;float:left;font-weight:700}
ul#pd1 li .photo{height:150px;overflow:hidden; box-shadow:0px 15px 10px -18px #000;-webkit-border-radius: 5px;border-radius: 5px;}
ul#pd1 li .photo img{float:left;max-height:205px;}
ul#pd1 li .pdinfo{float:left;margin:10px 0 0 0}
ul#pd1 li .pdinfo h3{color:#c73c05; overflow:hidden; height:47px; line-height:100%}
ul#pd1 li .pdinfo span{display:block;line-height:22px;color:#3e3e3e; font-size:.9em}
ul#pd1 li .pdinfo .btn{background:url(../images/pdbtnbg.png);width:174px;height:37px;margin:10px 0 0; text-indent:-9999px}
ul#pd1 li .pdinfo .btn a{width:174px;height:37px;}
ul#pd1 li .pdinfo .btn a:hover{ background-position:left bottom}
/*小小郵迷單元 end*/

/*郵局好鄰居單元*/
#CardOverView{ padding-left:30px}
#CardOverView li {
	/*float: left;*/
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 24px 27px 0;
	width: 162px;
}
#CardOverView li a {
	color: #5b90dc;
	background:#cce1ff;
	display: inline-block;
	padding: 10px;
}
#CardOverView li a:hover {
	color: #04214b;
	background:url(../images/pageMessageBG.gif);
}
#CardOverView li a .Info {
	display: block;
}
#CardOverView li a .Info h2 {
	font-size: 1em;
	line-height: 130%;
	margin-bottom: 4px;
	font-weight:600
}
#CardOverView li a .Info span {
	color:#333;
	font-size:.9em
}
#CardOverView li a .IMG {
	margin-bottom: 10px;height:118px; overflow:hidden
}
#CardOverView li a .IMG img {
	width: 150px;
	display: block;
}
#CardOverpick{ padding-left:30px}
#CardOverpick li {
	/*float: left;*/
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 24px 27px 0;
	width: 700px;
}
#CardOverpick li a {
	color: #5b90dc;
	display: inline-block;
	padding: 10px;
	border:1px solid #cfe2ff;
	width:550px;
	box-shadow:0px 15px 10px -18px #000;
}
#CardOverpick li a:hover {
	color: #04214b;
	background:url(../images/pageMessageBG.gif);
}
#CardOverpick li a .Info {
	width:150px;
	float:left;
	padding-left:25px
}
#CardOverpick li a .Info h2 {
	font-size: 1.4em;
	line-height: 130%;
	margin-bottom: 4px;
	font-weight:600;
	color:#333
}
#CardOverpick li a .Info span {
	color:#eaf3ff
}
#CardOverpick li a .IMG {
	margin-bottom: 10px;
}
#CardOverpick li a .IMG img {
	width: 350px;
	display: inline-block;
	float:left
}
#CardwriteView #left{
	float:left;
	padding:10px;
	margin:25px 5px 0;
	border:1px solid #c1daff; 
	-moz-box-shadow:0px 15px 10px -18px #000;
	-webkit-box-shadow:0px 15px 10px -18px #000;
	box-shadow:0px 15px 10px -18px #000;
}
#CardwriteView #right{background:url(../images/pageMessageBG.gif);}
#CardwriteView li {
	display: inline;
	float:left;
	zoom: 1;
	vertical-align: top;
	margin: 0 9px;
	width: 88px;
}
#CardwriteView li img{max-width:44px}
#CardwriteView li a {
	color: #5b90dc;
	display: inline-block;
	padding: 10px;
	box-shadow:0px 15px 10px -18px #000;
}
#CardwriteView li a:hover {
	background:#a37519;
}
#CardwriteView li a .Info {
	display: block;
}

#CardtypeView{
	margin:15px 0;
	padding:5px 18px;
	float:left; 
	width:90%;  
	overflow:hidden;
	background:url(../images/pageMessageBG.gif);
	border-bottom:1px solid #cb841b
}
#CardtypeView p{
	padding:8px 0;
	border-bottom:1px solid #e6deaa
}

#CardtypeView .BT{
	padding-left:15px
}
/*卡片TABLE*/
#Cardtype_T1{
	position:relative;
	margin:15px;
	width:500px;
	overflow:hidden;
	background:#fff;
	float:left;
	border-bottom:1px solid #ddd6bd;
	box-shadow:0px 0px 10px #000;
}
#Cardtype_T1 td{padding:5px 15px 10px 15px;}
#Cardtype_T1 #stemp{
	position: absolute;
	float:left;
	width:70px;
}
#Cardtype_T1 #stemp #mask{
	position:absolute;
	left:60px;
	top:2px;
	z-index:99
}
#Cardtype_T1 #stemp #ticket{
	position:absolute;
	left:0px;
	top:-5px;
	z-index:98;
}
#Cardtype_T1 #stemp p{
	position: absolute;
	left:75px;
	top: 35px;
	font-size: 0.875em;
	color: #4f4f4f;
	z-index: 100;
}
#Cardtype_T1 #write{
	position:relative;
	float:left;
	padding-top:90px
}
#Cardtype_T1 #Cpic{
	position:relative;
	max-width:100%;
	padding-left:25px
}
#Cardtype_T1 #write .B{
	font-weight:bold;
	font-size:0.813em;
}
#Cardtype_T1 #write .name{
	color:#e15500;
	font-size:1.25em;
}
#CardtypeT2,#CardtypeT3{margin:15px;width:90%; min-height:400px; position:relative; 
	overflow:hidden;
	background:#fff;
	width:700px;
	border-bottom:1px solid #ddd6bd;
	box-shadow:0px 0px 10px #000;}
#CardtypeT2 td,#CardtypeT3 td{padding:5px 15px;}
#CardtypeT2 #Cpic,#CardtypeT3 #Cpic{
	position:relative;
	float:left;
	clear:both;
	padding:5px
}
#CardtypeT2 #stemp,#CardtypeT3 #stemp{
	position:relative;
	float:left;
}
#CardtypeT2 #stemp #mask,#CardtypeT3 #stemp #mask{
	position:absolute;
	z-index:99;
	right:-140px;top:30px;
}
#CardtypeT2 #stemp #ticket,#CardtypeT3 #stemp #ticket{
	z-index:98;
	right:94px;top:-5px;
}
#CardtypeT2 #stemp p,#CardtypeT3 #stemp p{right:-40px;top: 60px;	font-size: 0.875em;
	position: absolute;
	color: #4f4f4f;
	z-index: 100;
}
#CardtypeT2 #write,#CardtypeT3 #write{
	position:relative;
	float:right;
}
#CardtypeT2 #write .B,#CardtypeT3 #write .B{
	font-weight:bold;
	font-size:0.813em;
}
#CardtypeT2 #write .name,#CardtypeT3 #write .name{
	color:#e15500;
	font-size:1.25em;
}
/*卡片TABLE end*/
#Cardtype1,#Cardtype3{
	position:relative; 
	overflow:hidden;
	background:#fff;
	border-bottom:1px solid #ddd6bd;
	box-shadow:0px 15px 10px -18px #000;
}
#Cardtype1 #logo,#Cardtype2 #logo,#Cardtype3 #logo{
	position:absolute;
	z-index:50;
	right:0;
	top:5px;
	width:117px
}
#Cardtype1 #Cpic{
	position:relative;
	float:left;
	clear:both
}
#Cardtype1 #stemp{
	position:relative;
	float:right;
	width:70px;
	margin-top:25px
}
#Cardtype1 #stemp #mask{
	position:absolute;
	z-index:99
}
#Cardtype1 #stemp #ticket{
	position:absolute;
	z-index:98;
}
#Cardtype1 #stemp p{
	position: absolute;
	color: #4f4f4f;
	z-index: 100;
}
#Cardtype1 #write{
	position:relative;
	float:right;
}

#Cardtype2 #write .from{
	padding-top:35px;
}
#Cardtype1 #write .B,#Cardtype2 #write .B,#Cardtype3 #write .B{
	font-weight:bold;
	font-size:0.813em;
}
#Cardtype1 #write .name,#Cardtype2 #write .name,#Cardtype3 #write .name{
	color:#e15500;
	font-size:1.25em;
}
#Cardtype2{
	position:relative;
	margin:15px;
	padding:5px 15px 120px 15px;
	width:80%;  
	overflow:hidden;
	background:#fff;
	float:left;
	border-bottom:1px solid #ddd6bd;
	box-shadow:0px 15px 10px -18px #000;
}

#Cardtype2 #stemp{
	position: absolute;
	float:left;
	width:70px;
}
#Cardtype2 #stemp #mask{
	position:absolute;
	left:60px;
	top:2px;
	z-index:99
}
#Cardtype2 #stemp #ticket{
	position:absolute;
	left:0px;
	top:-5px;
	z-index:98;
}
#Cardtype2 #stemp p{
	position: absolute;
	left:75px;
	top: 35px;
	font-size: 0.875em;
	color: #4f4f4f;
	z-index: 100;
}
#Cardtype2 #write{
	position:relative;
	float:left;
}
#Cardtype3 #Cpic{
	position:relative;
	float:right;
	clear:both
}
#Cardtype3 #stemp{
	position:relative;
	float:left;
	width:70px;
	margin-top:25px
}
#Cardtype3 #stemp p{
	position: absolute;
	color: #4f4f4f;
	z-index: 100;
}
#Cardtype3 #stemp #mask{
	position:absolute;
	left:50px;
	top:6px;
	z-index:99
}
#Cardtype3 #stemp #ticket{
	position:absolute;
	left:-5px;
	top:-5px;
	z-index:98;
}
#Cardtype3 #write{
	position:relative;
	float:left;
}
#CardsendBeOk{ text-align:center;font-size:1.25em; color:#2c5694}
#CardsendBeOk p{border:#2c5694 dotted 2px; width:50%;margin:0 auto;-webkit-border-radius: 10px;	border-radius: 10px; box-shadow:2px 2px 1px #69C}
#CityPostpick li {
	/*float: left;*/
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 24px 27px 0;
}
#CityPostpick li a {
	color: #5b90dc;
	display: inline-block;
	padding: 10px;
	box-shadow:0px 15px 10px -18px #000;
	background:url(../images/pageMessageBG.gif);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#CityPostpick li a:hover {
	color: #04214b;
	background:#cfdae9;
}
#CityPostpick li a .Info {
	width:150px;
	float:left;
	padding-left:25px
}
#CityPostpick li a .Info h2 {
	line-height: 130%;
	margin-bottom: 4px;
	font-weight:900;
	color:#333
}
#CityPostpick li a .Info strong {
	line-height: 130%;
	margin-bottom: 4px;
	font-weight:900;
	color:#333;
	font-size: 1.5em;
	width:100%;
	display:inline-block;
}
#CityPostpick li a .Info span {
	color:#51230C;
}
#CityPostpick li a .Info p {
	width:100px;
	float:right
}
#CityPostpick li a .IMG {
	margin-bottom: 10px;
}
#CityPostpick li a .IMG img {
	display: inline-block;
	padding-top:10px;
	float:left
}
/*郵局好鄰居單元 end*/





/**表格**/
#ful_table th,#ful_table .FMT{background:#a6233b; color:#FFF; font-weight:600}
#ful_table .light{background:#e02648; color:#FCC; font-size:1.2em}
#ful_table .line{border-right:1px solid #e94866}
#ful_table .TOPline{border-top:1px solid #e94866}
#ful_table li{list-style:none}
#ful_table td,#ful_table li{border-bottom:dashed 1px #ff8aa0; color:#faffc8; background:#ff5b7a; padding:5px 0 5px 5px;word-break: break-all}
#ful_table tr:nth-child(2n) td,#ful_table li:nth-child(2n){background:#e84b68}
#ful_table a{color:#FC0}
#ful_table a:hover{color:#FF6}
.fularrow{color:#bd1837; font-size:1.2em; font-weight:600; line-height:1em; padding-bottom:15px}

#ful_table3 th{background:#a6233b; color:#FFF; font-weight:600}
#ful_table3 .light{background:#e02648; color:#FCC; font-size:0.938em}
#ful_table3 .line{border-right:1px solid #e94866}
#ful_table3 .TOPline{border-top:1px solid #e94866}
#ful_table3 td{border-bottom:dashed 1px #ff8aa0; color:#faffc8; background:#ff5b7a; padding:5px 0 5px 5px;word-break: break-all}

#ful_table2 li{list-style:none; float:left; width:100%}
#ful_table2 .FMtitle{ background:#22b7bb; color:#FFF;  border-bottom:dashed 1px #d8feff;font-weight:600; text-align:left; text-indent:20px}
#ful_table2 .light{background:#017b7e; color:#34b3e2; font-size:0.938em}
#ful_table2 .detail{text-indent:9px;  color:#0a292a; background:#b6fdff;}
#ful_table2 .detail .short{letter-spacing:0.4em}
#ful_table2 .detail .oneH{ width:90%}
#ful_table2 p{padding-left:35px; float:left;word-break: break-all}

#ful_table4{background:#F9F6DB}
#FulTab4Stamp{background:#F9F6DB; float:left; width:100%}
#FulTab4Stamp ul{ padding:20px 17px}
#FulTab4Stamp li{float:left;width:140px; padding-left:20px}
#FulTab4Stamp li .detail{font-size:0.875em}

#ful_table4_1{background:#F9F6DB}
#ful_table4_1 th{background:#fbbb9e; padding:0 20px; border-left:#F9F6DB 10px solid;border-right:#F9F6DB 10px solid}
#ful_table4_1 td{padding:0 45px}
/**表格 end**/


/*訊息活動區單元*/
#Pagemesssge_content{
	position:relative;
	margin:5px auto;
	float:left;
	width:100%;
}
#Pagemesssge_content #title{
	margin:2px;
	padding:5px 0;
	float:left; 
	width:100%;
	color:#900;
	line-height:1.8em;
	font-size:1.2em;
	color:#6a1403;
}
#Pagemesssge_content #title .news{
	font-weight:600;
	color:#bf3802
}
#Pagemesssge_content #title .date{
	color:#3e1403;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width:105px;
	font-size:.9em;
	text-align:center;
	background:url(../images/pageMessageBG.gif);
	border:1px solid #cb841b;
	margin-bottom:15px
}
#Pagemesssge_content #title .paper{
	background:#fff3e0;
	width:93%;
	margin:10px auto;
	font-size:1em;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#404040
}
#Pagemesssge_content #title .paper a{
	color:#427801;
	line-height:2.5em;
	border-bottom:1px dotted #427801
}
#Pagemesssge_content #title .paper a:hover{
	color:#abbf02
}
#Pagemesssge_content #title .paper img{
	float:left;
	padding:10px 5px 5px;
	max-width:20px
}
#Pagemesssge_content #linetop{
	margin:2px;
	padding:5px 0;
	float:left; 
	width:100%;  
	overflow:hidden;
	background:url(../images/pageMessageBG.gif);
	border-bottom:1px solid #cb841b
}
#Pagemesssge_content #line{
	margin:2px;
	padding:5px 0; 
	float:left; 
	width:100%; 
	overflow:hidden;
	background:url(../images/pageMessageBG.gif);
	border-bottom:1px solid #cb841b
}
#Pagemesssge_content #linetop a,#Pagemesssge_content #line a{display:block; float:left;width:100%;}
#Pagemesssge_content #linetop a:focus,#Pagemesssge_content #line a:focus{border: 1px solid #f20;}
#Pagemesssge_content #line .date,#Pagemesssge_content #linetop .date{
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	width:12%; 
	float:left; 
	margin:0 2px; 
	text-shadow:2px 2px 1px #b15521
}
#Pagemesssge_content #line .news,#Pagemesssge_content #line .news a,#Pagemesssge_content #linetop .news,#Pagemesssge_content #linetop .news a{
	margin:0 10px;
	float:left;
	color:#643c05; 
	text-decoration:none;
	line-height:1.8em
}
#Pagemesssge_content #line .news a:hover,#Pagemesssge_content #linetop .news a:hover{
	color:#c83f03
}
#Pagemesssge_content #line #newsicon,#Pagemesssge_content #linetop #newsicon{
	float:left;
	width:20px;
	height:20px;
	padding:5px 0
}
/*訊息活動區單元 end*/

/*內頁頁碼上下則訊息*/
#page_mescontent{
	clear:both;
	position:relative;
	margin:5px 0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif,微軟正黑體 
}
#page_mes{
	float:left;
	padding-left:10px
}
#page_mescontent a{
	float:left;
	width:100%;
	margin-bottom:25px
}
#pageNB_content{
	clear:both;
	position:relative;
	margin:5px 0;
	width:90%;
	font-family:Arial, Helvetica, sans-serif,微軟正黑體 
}
#pageNB_type{
	position:relative;
	float:left;
}

#pageNB_type a:hover,#page_mes a:hover,#pageNB_type a.current{
	background:#f2f1cf;
}
#pageNB_content #left,#pageNB_content #left_over,#page_mescontent #left,#page_mescontent #left_over{
	float:left;
	width:35px
}
#pageNB_content #right,#pageNB_content #right_over{
	float:right;
	width:35px
}
#pageNB_content #left,#pageNB_content a #left,#pageNB_content a:hover #left_over,#pageNB_content a #right,#pageNB_content a:hover #right_over,#page_mescontent a #left,#page_mescontent a:hover #left_over{display:block; width:164px}
#pageNB_content a:hover #left,#pageNB_content a #left_over,#pageNB_content a:hover #right,#pageNB_content a #right_over,#page_mescontent a:hover #left,#page_mescontent a #left_over{display:none; width:164px}
/*內頁頁碼 end*/




#Contents:before,#Contents:after{content:" "; display:table;}
#Contents:after{clear:both;}
#Contents{*zoom:1;}
#MainAdSmallOverView{ padding-left:15px}
#MainAdSmallOverView li {
	/*float: left;*/
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 24px 27px 0;
	width: 272px;
}
#MainAdSmallOverView li a {
	color: #3e1403;
	background:url(../images/pageMessageBG.gif);
	display: inline-block;
	padding: 10px;
}
#MainAdSmallOverView li a:hover {
	color: #0b6305;
}
#MainAdSmallOverView li a .Info {
	display: block;
}
#MainAdSmallOverView li a .Info h2 {
	font-size:1em;
	line-height: 130%;
	margin-bottom: 10px;
}
#MainAdSmallOverView li a .IMG {
	margin-bottom: 10px;
}
#MainAdSmallOverView li a .IMG img {
	max-width: 250px;
	display: block;
	height: auto;
}

#SiteMapContainer .SiteMap_Section {
	margin-bottom: 15px;
	/*padding-bottom: 15px;*/
	/*border-bottom: 1px solid #e8e8e8;*/
	clear: both;	
}
#SiteMapContainer .SiteMap_Section h3.Title {
	border:2px dotted #d8ffd5;
	background:#73ae3f url(../images/paper_picIcon.png) no-repeat 2px 2px;
	text-indent:23px;
	color: #ffffff;
	padding: 3px 15px 0;
	height: 30px;
	line-height: 30px;
	/*font-size: 17px;*/
	margin: 0 0 15px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#SiteMapContainer .SiteMap_Section h3.Title a {	
	color: #ffffff;	
}
#SiteMapContainer .SiteMap_Section h3.Title a:hover {
	color: #ffef00;
}
#SiteMapContainer .SiteMap_Section ul.SiteMapList {
	margin: 0px 5px 20px 5px;
	background: #fffec6;
	padding: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}
#SiteMapContainer .SiteMap_Section ul.SiteMapList h4 a {
	border-bottom: 1px dotted #bdb863;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background:url(../images/sitearrow.png) no-repeat left 8px;
	text-indent:20px;
	color: #595b04;
}
#SiteMapContainer .SiteMap_Section ul.SiteMapList h4 a:hover {
	color: #e35a01;
}
#SiteMapContainer .SiteMap_Section ul.SiteMapList a {
	margin: 5px 0px;
	display: block;
	color: #696a32;
	padding-left: 15px;
	background: url(../images/greenarrow.png) no-repeat 0 6px;
}
#SiteMapContainer .SiteMap_Section ul.SiteMapList a:hover {
	color: #e65c02;
}
.SMpaper{background:url(../images/greenarrow.png) no-repeat left 12px; text-indent:15px}

@media (min-width: 0px) and (max-width: 400px){
#ContentsContainer{
	background:#fcd9a3 url(../images/bg.jpg) repeat-x; 
}
#ContentsContainer #Contents{
	width:100%; 
	height:1500px; 
	background:url(../images/400BG.png) no-repeat -90px 330px;
	background-size:200%
}
#logo{top:5px;left:5px;}
#logo img{width:65%}
#INback{right:70px}
#INmap{right:15px}
#INback a{ display:block; width:40px; overflow:hidden}
#INmap a{ display:block; width:49px; overflow:hidden}
#sun {top:30px; right:-15px}
#sun img{width:70%}
/*無障礙標點色*/
.first .acc-key a,.P_brown1 .acc-key a,.P_money .acc-key a,.P_green .acc-key a,.P_red1 .acc-key a,.P_brown2 .acc-key a,.P_green2 .acc-key a,.P_yellow1 .acc-key a,.P_purple1 .acc-key a,.P_blue2 .acc-key a,.P_pink .acc-key a,.P_pink1 .acc-key a,.P_yellow2 .acc-key a{ display:none}
/*無障礙標點色 End*/
/*選單*/
#newsball{position:absolute; top:60px; left:270px; z-index:2;}
#newsball img{width:95%}
#newsball a span {position:absolute;z-index:2;top:-35px;left:-79px}
#Air_Balloon{ position:absolute; z-index:4; top:345px; left:200px}
#Air_Balloon img{width:65%}
#Air_Balloon a span{position:absolute; z-index:5; top:25px; left:-120px}
#Air_Balloon a span img{width:90%}
#Tram a span{ position:absolute; z-index:12; top:470px}
#Tram a span img{width:80%}
.Tram_icon{display:none}
#AmusementPark{
	background:url(../images/ContentsBG_400.png) no-repeat 0px 0px;
	background-size:300px; 
	height:142px;
	padding:0px 0 0 15px;
	position:absolute;
	top:490px;
	width:100%
}
#AmusementPark img{ width:20%}
#AmusementPark_icon{ position:absolute; z-index:9; left:190px; top:20px}
#AmusementPark_icon1{position:absolute; z-index:10; left:126px; top:15px}
#AmusementPark a span{position:absolute; z-index:11; left:120px; top:15px}
#AmusementPark a span img{width:85%}
#mailbox{ position:absolute; top:480px; left:195px; z-index:15; width:175px; height:183px}
.mailbox_icon{float:right; margin-top:10px; margin-right:65px}
#mailbox img{width:40%}
#mailbox a span img{width:80%}
#mailbox a span {position:absolute;z-index:10;top:-10px; left:-40px}
#Neighbor{
	position:absolute;
	top:600px;
	left:10px;
	z-index:12;
	width:200px;
	height:145px;
	background:url(../images/Neighbor_bg.png) no-repeat 0 0;
	background-size:55%;
}
#Neighbor #people1{ position:absolute; z-index:10; margin:35px 0 0 110px}
#Neighbor #people2{ position:absolute; z-index:11; margin:45px 0 0 80px}
#Neighbor #people3{ position:absolute; z-index:11; margin:38px 0 0 140px}
#Neighbor a span {
	position:absolute;
	z-index:13;
	top:0px;
	left:0px;
}
#Neighbor a span img{width:85%}
#game{ background:url(../images/gameBG.png) no-repeat 66px 60px; background-size:30%;position:absolute; top:580px; left:140px; z-index:10; width:300px; height:141px;}
#game img{width:50%}
#game a span img{width:80%}
#game a span {
	position:absolute;
	z-index:11;
	top:-10px
}
#futuremail{position:absolute; top:405px; left:120px; z-index:12; width:300px; height:141px;}
.futuremail_icon{float:left}
#futuremail img{width:36%}
#futuremail a span img{ width:90%}
#futuremail a span {
	position:absolute;
	z-index:13;
	top:25px;
	left:-120px
}
#fan{ position:absolute; top:700px; left:30px; z-index:10; width:180px; height:165px;}
#fan #fanball{position:absolute; z-index:10; float:right; margin-top:60px; left:10px}
#fan #fanpeople{
	position:absolute;
	z-index:11;
	float:right;
	left:25px
}
#fan a span {
	position:absolute;
	z-index:14;
	top:88px;
	left:-10px
}
#fan a span img{width:100%}
#stamp{
	position:absolute;
	top:690px;
	left:120px;
	z-index:15;
	width:288px;
	height:164px;
}
#stamp img{width:30%}
#stamp #wing{position:absolute; z-index:15; margin-top:25px}
#stamp #people{position:absolute; z-index:16; margin-left:4px}
#stamp a span img{ width:75%}
#stamp a span {
	position:absolute;
	z-index:17;
	left:60px;
	top:-10px
}
#sendmail{
	position:absolute;
	top:840px;
	left:10px;
	z-index:18;
	width:288px;
	height:164px;
}
#sendmail img{width:25%}
#sendmail #mail{position:absolute; z-index:19; margin:18px 0 0 5px}
#sendmail #people{position:absolute; z-index:18; margin-left:10px}
#sendmail a span {
	position:absolute;
	z-index:20;
	left:30px;
	top:90px
}
#sendmail a span img{width:80%}
#money{
	position:absolute;
	top:828px;
	left:100px;
	z-index:21;
	width:241px;
	height:173px;
}
#money img{width:40%}
#money #moneyhand{position:absolute; z-index:21; margin:32px 0 0 10px}
#money #people{position:absolute; z-index:22; margin-left:23px}
#money a span {
	position:absolute;
	z-index:23;
	left:70px;
}
#money a span img{ width:75%}
/*選單End*/

#messsge_content{ 
	position:absolute;
	width:95%; 
	height:auto; 
	background:#f2c575 url(../images/messsge_content_400.gif) no-repeat 5px 5px;
	font-size:1em;
	z-index:9999;
	top:1000px;
	left:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow:2px 4px 4px #dc7517;
	padding:65px 0 10px 0
}
#messsge_content #moreMES{
	width:100px;
	height:40px;
	position:absolute;
	top:10px;
	right:17px
}
#messsge_content #linetop{
	margin:2px 0 2px 10px; 
	float:left; 
	width:93%; 
	height:47px; 
	overflow:hidden;
	line-height:1.4em;
	background:url(../images/pageMessageBG.gif);
	border:1px solid #cb841b;
}
#messsge_content #line{
	margin:5px 10px; 
	float:left; 
	width:93%; 
	height:47px; 
	overflow:hidden;
	line-height:1.4em;
	background:url(../images/pageMessageBG.gif);
	border:1px solid #cb841b;
}
#messsge_content #line .date,#messsge_content #linetop .date{
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:0; 
	text-shadow:2px 2px 1px #b15521
}
#messsge_content #line .news,#messsge_content #line .news a,#messsge_content #linetop .news,#messsge_content #linetop .news a{ 
	margin-left:4px;
	color:#643c05; 
	text-decoration:none;
}
#messsge_content #line .news a:hover,#messsge_content #linetop .news a:hover{
	color:#c83f03;
}
#messsge_content #line #newsicon,#messsge_content #linetop #newsicon{ display:none}
#adBanner_content{
	position:absolute; 
	z-index:3; 
	width:300px; 
	left:0; 
	top:135px; 
	height:230px; 
	background:url(../images/bannerBG.gif) no-repeat 0 5px; 
	padding:12px 0 0 0; 
	overflow:hidden;
	background-size:290px
}
#adBanner_content #pic{ 
	position:absolute; 
	z-index:4; 
	width:244px; 
	height:153px; 
	margin:16px 0 0 22px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden
}
#adBanner_content #pic img{
	max-width: 243px;height: auto;
}
#adBanner_content #moreAD{
	position:absolute;
	z-index:1;
	bottom:25px;
	left:37px;
	width:128px;
	height:28px
}
#adBanner_content #brand{ display:none;}
#FooterContainer{
	position:relative; 
	margin:0 auto;
	padding:50px 0 45px;
	clear:both;
}
#FooterContainer #type{
	position:relative; 
	margin:0 auto; 
	width:90%; 
	font-size:0.75em; 
	color:#333; 
	font-family:Arial, Helvetica, sans-serif; 
	/*padding:10px 0 0;
	border-top:1px solid #b15521;*/
}
#FooterContainer #type span,#P_FooterContainer #type span{
	padding-left:300px
}
.counter {position: absolute;top: 60px;left: 0;}
.aaa {position: absolute;top:25px ;right: 0;}

/*RWD選單*/
#leftmenu{ display:none}
#first li{text-indent:-9999px;margin-bottom:25px}
#first li a{display: block;	width:56px;	height:50px}
#first .meun a{background:url(../images/meunIcon.png) no-repeat 0px 0px}
#second {position:absolute; left:58px; top:0}
#second li{text-indent:-9999px;margin-bottom:25px; float:left}
#second li a{display: block;	width:56px;	height:50px}
/*
#second .back a{background:url(../images/meunIcon2.png) no-repeat 0px 0px}
#second .map a{background:url(../images/meunIcon3.png) no-repeat 0px 0px}
*/
#second .back a{background:url(../images/meunIcon2.png) no-repeat 0px 0px;display:none;}
#second .map a{background:url(../images/meunIcon3.png) no-repeat 0px 0px;display:none;}

/*RWD選單 end*/
    

#Pagelogo{
	position:relative;
	float:left;
	margin:5% 8px 0 20%;
}
#Pagelogo img{width: 81%;}
/*上選單*/
#topMenuContainer{
	position:relative;
	width:100%;
	float:left;
	margin-top:20px;
	height:64px
}
.TMSnav,.TMSnav2,.TMSnav3,.TMSnav4{ display:none}
/*上選單END*/
/*字體大小*/#FontSizeContainer {display:none}
/*內頁欄位*/
#pagetitle{	position:relative; margin-left: -15px; overflow:hidden;background:#f2f1cf; float: left;}
#pagetitle img{width:182%; padding: 0 26vw}
#pageMain{
	position:relative;
	clear:both;
	font-size:1.125em;
	line-height:1.6em;
}
#paper{
	width:97%;
	margin: auto;
	line-height:2em;
}
#paper #pic img{
	width:100%;
}
#paper .title img,#pageMain .title img{width:77%}
#pageMain #FuM_PIC{display:none}
#makesure #bt li a {display: block;width:290px;height: 47px;}
#makesure #bt li a:hover{background-position:center -50px}
#makesure .watchMoive a { background-size:90%}
#makesure .testbank a{ background-size:90%}
#letterMovie{width:270px}
#letterMovie object{width:270px; height:203px}
#letterpic{
	padding-left:25px;
	background-color:#FFF;
	width:250px
}
#letterpic img{width:250px}
#pcmovie{display:none}
#rwdmovie{display:block}
/*內頁欄位 end*/
/*我是一封信單元*/
#WriteLetter .content{
	position: relative;
	background: url(../images/WriteLetter_bg.png) no-repeat center 40%;
	min-height:470px;
	background-size:80%;
}
#WriteLetter .content .text1{
	position: relative;
	width:97%;
	left:1.5%
}
#WriteLetter .content .icon1 img{width:40%}
#WriteLetter .content .icon1 a span img{ width:80%}
#WriteLetter .content .icon1{position: absolute; left: 50px; top: 80px;}
#WriteLetter .content .icon1 a {position: relative;	width: 249px; height: 165px; display: block;}
#WriteLetter .content .icon1 a span {position: absolute; top: 60px; left: -40px; display: none;}
#WriteLetter .content .icon1 a #pic {position: absolute; top: 80px; left: 140px;}

#WriteLetter .content .icon2 a #pic{width:35%}
#WriteLetter .content .icon2 a span img{width:107%}
#WriteLetter .content .icon2 {position: absolute; left: 20px; top: 210px;}
#WriteLetter .content .icon2 a {position: relative;	width: 227px; height: 230px; display: block;}
#WriteLetter .content .icon2 a span {position: absolute; top: 45px; left: 110px; display: none;}
#WriteLetter .content .icon2 a #pic {position: absolute; top: 0px; left: 0px;}
#WriteLetter .content .icon2 a #pic2 {position: absolute; top: 0px; left: 120px;}

#WriteLetter .content .icon3 img{width:80%}
#WriteLetter .content .icon3{position: absolute; left: 90px; top: 280px;}
#WriteLetter .content .icon3 a {position: relative;	width: 196px; height: 240px; display: block;}
#WriteLetter .content .icon3 a span {position: absolute; top: 180px; left:-70px; display: none; z-index: 2;}
#WriteLetter .content .icon3 a #pic3 {position: absolute; top: 80px; left: 0px; z-index: 1;}

#WriteLetter .content a:hover span{display:block;}

#WriteLetter_meunContainer{position:relative; width:97%; float:left; padding:0 0 10px 2%}
#WriteLetter_meun li {
    float: left;
    margin-left:-5px;
	text-indent:-9999px;
}
#WriteLetter_meun li a {
    display: block;
    color: #c73c05;
}
#WriteLetter_meun li a:hover {
    color: #05c0eb;
}
#WriteLetter_meun li a .img {
    display: block;
}
#WriteLetter_meun li a:hover .img,#WriteLetter_meun li a.current .img{
    background-position: center -63px;
}
#WriteLetter_meun .letter a .img{
    background: url(../images/WriteLetter_m1.png) no-repeat center 0px;
	width: 102px;
    height:69px;
	background-size:100px
}
#WriteLetter_meun .write a .img{
    background: url(../images/WriteLetter_m2.png) no-repeat center 0px;
	width: 102px;
    height:69px;
	background-size:100px
}
#WriteLetter_meun .send a .img{
    background: url(../images/WriteLetter_m3.png) no-repeat center 0px;
	width: 102px;
    height:69px;
	background-size:100px
}
/*我是一封信單元 end*/
/*兒童郵園單元*/
#Amusment .content{
	position: relative;
	background: url(../images/Amusment_bg.png) no-repeat 0 130px;
	min-height:470px;
	background-size:300px
}
#Amusment .content .text1{
	position: relative;
	width: 97%;
	left: 1.5%;
}
#Amusment .content .icon1 a #pic{width:55%}
#Amusment .content .icon1 a #pic2{width:22%}
#Amusment .content .icon1 a span img{width:78%}
#Amusment .content .icon1{position: absolute; left:31px; top:109px;}
#Amusment .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#Amusment .content .icon1 a span {position: absolute; top: 150px; left:-20px; display: none; z-index: 4}
#Amusment .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 2;}
#Amusment .content .icon1 a #pic2 {position: absolute; top: 120px; left: 28px; z-index: 1;}

#Amusment .content .icon2 a #pic2,#Amusment .content .icon2 a #pic3 {width:70%}
#Amusment .content .icon2 a span img{width:80%}
#Amusment .content .icon2 {position: absolute; left: 0px; top: 298px;}
#Amusment .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#Amusment .content .icon2 a span {position: absolute; top: 130px; left: 10px; display: none; z-index:6}
#Amusment .content .icon2 a #pic3 {position: absolute; top: 0px; left: 0px; z-index: 5;}
#Amusment .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px; z-index: 4;}

#Amusment .content .icon3 a #pic2,#Amusment .content .icon3 a #pic4{width:80%}
#Amusment .content .icon3 a span img{width:100%}
#Amusment .content .icon3{position: absolute; left: 110px; top:131px;}
#Amusment .content .icon3 a {position: relative; width: 180px; height: 270px; display: block;}
#Amusment .content .icon3 a span {position: absolute; top:10px; left: 60px; display: none; z-index:3;}
#Amusment .content .icon3 a #pic2,#Amusment .content .icon3 a #pic4{position: absolute; top: 50px; left:25px; z-index: 1;}

#Amusment .content .icon4 a #pic{width:80%}
#Amusment .content .icon4 a span img{width:80%}
#Amusment .content .icon4{position: absolute; left:142px; top:250px;}
#Amusment .content .icon4 a {position: relative; width: 160px; height: 230px; display: block;}
#Amusment .content .icon4 a span {position: absolute; top:160px; left: 0px; display: none; z-index: 8}
#Amusment .content .icon4 a #pic {position: absolute; top: 70px; left: 0px; z-index: 6;}
#Amusment .content .icon4 a #pic5 {position: absolute; top: 103px; left: 80px; z-index: 7;}

#Amusment .content a:hover span{display:block;}
#museum_meunContainer{position:relative; width:100%; float:left}
#museum_meun li {
    float: left;
    margin-left:-1px;
	text-indent:-9999px;
}
#museum_meun li a {
    display: block;
    color: #c73c05;
}
#museum_meun li a:hover {
    color: #05c0eb;
}
#museum_meun li a .img {
    display: block;
}
#museum_meun li a:hover .img,#museum_meun li a.current .img{
    background-position: center -58px;
}
#museum_meun .Wheel a .img{
    background: url(../images/museum_m1.png) no-repeat center 0px;
	width: 74px;
    height:59px;
	background-size:100%
}
#museum_meun .ticket a .img{
    background: url(../images/museum_m2.png) no-repeat center 0px;
	width: 74px;
    height:59px;
	background-size:100%
}
#museum_meun .world a .img{
    background: url(../images/museum_m3.png) no-repeat center 0px;
	width: 74px;
    height:59px;
	background-size:100%
}
#museum_meun .Exhibition a .img{
    background: url(../images/museum_m4.png) no-repeat center 0px;
	width: 74px;
    height:59px;
	background-size:100%
}
#Mus_ViewBG,#Mus_ViewBG2{ display:none;background:none; padding:0 15px 10px}
#Mus_ViewBG embed,#Mus_ViewBG2 embed{ width:270px; height:232px}
#ful_table2{font-size:70%;}
#ful_table2 .detail .oneH {width:100%;}
#ful_table2 p{padding-left:0; float:left;word-break: break-all}
/*兒童郵園單元 end*/
/*告訴郵局單元*/
#talking .content{
	position: relative;
	background: url(../images/talking_bg.png) no-repeat 0 80px;
	min-height:470px;
	background-size:100%
}
#talking .content .text1{
	position: absolute;
	width: 260px;
	right:0;
}

#talking .content .icon1 a #pic2 {width:80%}
#talking .content .icon1 a span img{width:280%}
#talking .content .icon1{position: absolute; left: 0px; top:15px;}
#talking .content .icon1 a {position: relative; width: 140px; height: 210px; display: block;}
#talking .content .icon1 a span {position: absolute; bottom: -100px; left: 90px; display: none; z-index: 3}
#talking .content .icon1 a #pic {position: absolute; top: 165px; left: 60px; z-index: 2;}
#talking .content .icon1 a #pic2 {position: absolute; top: 140px; left: 0px; z-index: 1;}

#talking .content .icon2 a #pic2{width:60%}
#talking .content .icon2 a #pic3,#talking .content .icon2 a #pic4{width:40%}
#talking .content .icon2 {position: absolute; right:5%; top: 340px;}
#talking .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#talking .content .icon2 a span img{width:80%}
#talking .content .icon2 a span {position: absolute; top:50px; right:-50px; display: none; z-index: 4}
#talking .content .icon2 a #pic3 {position: absolute; top:2px; left:60px; z-index: 2;}
#talking .content .icon2 a #pic4 {position: absolute; top: -6px; left: 130px; z-index: 3;}
#talking .content .icon2 a #pic2 {position: absolute; top:55px; left:80px; z-index: 1;}

#talking .content .icon3 a #pic2{width:100%}
#talking .content .icon3 a #pic5{width:60%}
#talking .content .icon3 a span img{width:80%}
#talking .content .icon3{position: absolute; left: 170px; top: 90px;}
#talking .content .icon3 a {position: relative; width: 100px; height: 270px; display: block;}
#talking .content .icon3 a span {position: absolute; top: 20px; left:-130px; display: none; z-index: 3}
#talking .content .icon3 a #pic5 {position: absolute; top: 135px; left: 25px; z-index: 2;}
#talking .content .icon3 a #pic2 {position: absolute; top: 50px; left: 0px; z-index: 1;}

#talking .content .icon4 a #pic6{width:60%}
#talking .content .icon4 a #pic7{width:50%}
#talking .content .icon4 a span img{width:90%}
#talking .content .icon4{position: absolute; left:1%; top: 340px;}
#talking .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#talking .content .icon4 a span {position: absolute; top:140px; left:40px; display: none; z-index:3}
#talking .content .icon4 a #pic6 {position: absolute; top: 0px; left:10px; z-index:1}
#talking .content .icon4 a #pic7 {position: absolute; top:80px; left: 40px; z-index:2}

#talking .content a:hover span{display:block;}
#talking_meunContainer{position:relative; width:100%; float:left}
#talking_meun li {
    float: left;
    margin-left:7px;
	text-indent:-9999px;
}
#talking_meun li a {
    display: block;
    color: #c73c05;
}
#talking_meun li a:hover {
    color: #05c0eb;
}
#talking_meun li a .img {
    display: block;
}
#talking_meun li a:hover .img,#talking_meun li a.current .img{
    background-position: center -98px;
}
#talking_meun .diary a .img{
    background: url(../images/talking_m1.png) no-repeat center 0px;
	width:128px;
    height:96px;
	background-size:100%
}
#talking_meun .date a .img{
    background: url(../images/talking_m2.png) no-repeat center 0px;
	width:128px;
    height:96px;
	background-size:100%
}
#talking_meun .favorites a .img{
    background: url(../images/talking_m3.png) no-repeat center 0px;
	width:128px;
    height:96px;
	background-size:100%
}
#talking_meun .Opinion a .img{
    background: url(../images/talking_m4.png) no-repeat center 0px;
	width:128px;
    height:96px;
	background-size:100%
}
#talking_paper{
	background:#fff3e0;
	width:86%;
	margin:10px auto;
	padding:10px 15px 25px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#404040;
	min-height:300px
}
#talking_paper #part{
	float:left;
	width:110px;
	padding:0 6px;
}
#talking_paper a{
	color:#427801;
	line-height:2.5em;
	border-bottom:1px dotted #427801
}
#talking_paper a:hover{
	color:#abbf02
}
#talking_paper .icon{
	float:left;
	padding:10px 5px 5px;
	max-width:20px
}
#talking_paper #list{clear:both; position:relative; left:2px; height:60px; width:100%; top:10px;}
#talking_paper #list #nember_meun li{
	float: left;
	padding-left:5px;
	text-indent:-9999px;
	margin-bottom:25px
}
#talking_paper #list #nember_meun li a{
	display: block;
	width:110px;
	height:35px;
	border-bottom:none
}
#talking_paper #list #nember_meun li a:hover{
	background-position: center -40px;
}
#talking_paper #list #nember_meun .send a{
	background:url(../images/login_send.png) no-repeat center 0px;
	background-size:100%
} 
#talking_paper #list #nember_meun .rekey a{
	background:url(../images/login_rekey.png) no-repeat center 0px;
	background-size:100%
} 
#ful_table{font-size:82%}
#ful_table3,#ful_table4,#ful_table4_1{width:100%;font-size:82%}
#ful_table tr td:first-child{padding:2px 0 2px 5px;}
#ful_table tr td:last-child{padding:2px 0 2px 5px;}
#ful_table td,#ful_table3 td,#ful_table4 td,#ful_table4_1 td{border:0; padding:2px 0 2px 5px; line-height: 1.5em;}
#ful_table,#ful_table3{box-shadow:none;}
#ful_table br,#ful_table3 br{display:none;}
#ful_table th,#ful_table3 th,#ful_table4 th,#ful_table4_1 th{display:none;}
#ful_table td,#ful_table3 td{display:block;}
#ful_table4 td{display:block; width:80%;}
#ful_table4_1 td{display:block; width:94%;}
#ful_table td:before{font-size:0.813em; color: #FFF; font-weight: 700; content: attr(data-th)":"; width:83px; display:inline-block;}
#ful_table3 td:before{ text-align:left;font-size:1em; color: #FFF; font-weight: 700; content: attr(data-th); width:100%; display:inline-block;}
#ful_table4 td:before{ background:#fbbb9e;text-align:left;font-size:0.875em; color:#333; font-weight: 700; content: attr(data-th); width:15%; display:inline-block;}
#ful_table4_1 td:before{ background:#fbbb9e;text-align:left;font-size:0.875em; color:#333; font-weight: 700; content: attr(data-th); width:100%; display:inline-block;}
#IEBT{ display:none}
/*告訴郵局單元 end*/
/*小小郵迷單元*/
#LittleFans .content{
	position: relative;
	background: url(../images/LittleFans_bg.png) no-repeat 15px 404px;
	min-height:620px;
	background-size:273px
}
#LittleFans .content .text1{
	position: absolute;
	width:90%;
	right: 0px;
	bottom:-49px;
}
#LittleFans .content .basic{position: absolute; left:25px; top: 450px; width:280px; font-size:84%; line-height:1em}
#LittleFans .content .basic li{float:left; padding-right:8px; text-align:center; color:#FFF}
#LittleFans .content .basic li a{color:#FFF}
#LittleFans .content .basic li a:hover{color:#ffea00}
#LittleFans .content .basic li #pic {position: absolute; top: 0px; left: 0px;width:80px;}
#LittleFans .content .basic li #pic1 {position: absolute; top: 0px; left: 105px;width:40px;}
#LittleFans .content .basic li #pic2 {position: absolute; top: 0px; left: 180px;width:60px;}

#LittleFans .content .icon1{position: absolute; left: 25px; top: 30px;}
#LittleFans .content .icon1 a {position: relative; width: 280px; height: 100px; display: block;}
#LittleFans .content .icon1 a span {position: absolute; top: 60px; left: 20px; display: none; z-index:2}
#LittleFans .content .icon1 a #pic {position: absolute; top: 0px; left: 0px; z-index:1}

#LittleFans .content .icon2 {position: absolute; left: 160px; top: 30px;}
#LittleFans .content .icon2 a {position: relative; width: 120px; height: 100px; display: block;}
#LittleFans .content .icon2 a span {position: absolute; top: 60px; left:-5px; display: none; z-index:2}
#LittleFans .content .icon2 a #pic3 {position: absolute; top: 0px; left: 0px; z-index:1}

#LittleFans .content .icon3 a span img{width:80%}
#LittleFans .content .icon3{position: absolute; left: 0px; top: 150px;}
#LittleFans .content .icon3 a {position: relative; width: 300px; height: 100px; display: block;}
#LittleFans .content .icon3 a span {position: absolute; top: 80px; left: 3px; display: none; z-index:3}
#LittleFans .content .icon3 a #pic4 {position: absolute; top: 0px; left: 30px; z-index:1}
#LittleFans .content .icon3 a #pic5 {position: absolute; top: 0px; left: 70px; z-index:2}

#LittleFans .content .icon4 a span img{width:200%}
#LittleFans .content .icon4{position: absolute; left:120px; top: 150px;}
#LittleFans .content .icon4 a {position: relative; width:100px; height: 100px; display: block;}
#LittleFans .content .icon4 a span {position: absolute; top: 70px; left: 30px; display: none; z-index: 2;}
#LittleFans .content .icon4 a #pic6 {position: absolute; top: 0px; left: 0px; z-index: 1;}

#LittleFans .content .icon5 a #pic2{ width:90%}
#LittleFans .content .icon5 a span img{width:85%}
#LittleFans .content .icon5{position: absolute; left:-10px; top: 256px;}
#LittleFans .content .icon5 a {position: relative; width: 273px; height: 200px; display: block;}
#LittleFans .content .icon5 a span {position: absolute; top:110px; left:10px; display: none; z-index: 3}
#LittleFans .content .icon5 a #pic7 {position: absolute; top: 0px; left: 165px; z-index: 2;}
#LittleFans .content .icon5 a #pic2 {position: absolute; top: 50px; left:60px; z-index: 1;}

#LittleFans .content a:hover span{display:block;}
#LittleFans_meunContainer{position:relative; width:100%; float:left}
#LittleFans_meun li {
    float: left;
	text-indent:-9999px;
	padding-right:1px;
	margin-top:-14px
}
#LittleFans_meun li a {
    display: block;
    color: #c73c05;
}
#LittleFans_meun li a:hover {
    color: #05c0eb;
}
#LittleFans_meun li a .img {
    display: block;
}
#LittleFans_meun li a:hover .img,#LittleFans_meun li a.current .img{
    background-position: center bottom;
}
#LittleFans_meun .book a .img{
    background: url(../images/LittleFans_m1.png) no-repeat center -10px;
	width: 92px;
    height:120px;
	background-size:100%
}
#LittleFans_meun .product a .img{
    background: url(../images/LittleFans_m2.png) no-repeat center -10px;
	width: 95px;
    height:120px;
	background-size:100%
}
#LittleFans_meun .mailbox a .img{
    background: url(../images/LittleFans_m3.png) no-repeat center -10px;
	width: 95px;
    height:120px;
	background-size:100%
}
#LittleFans_meun .postcar a .img{
    background: url(../images/LittleFans_m4.png) no-repeat center -10px;
	width: 97px;
    height:120px;
	background-size:100%
}
#LittleFans_meun .stemp a .img{
    background: url(../images/LittleFans_m5.png) no-repeat center -10px;
	width: 98px;
    height:120px;
	background-size:100%
}
#LittleFans_meun .club a .img{
    background: url(../images/LittleFans_m6.png) no-repeat 0 0px;
	width: 93px;
    height:36px;
	background-size:100%;
	margin-top:20px
}
#LittleFans_meun .show a .img{
    background: url(../images/LittleFans_m7.png) no-repeat 0 0px;
	width: 77px;
    height:36px;
	background-size:100%;
	margin-top:20px
}
#LittleFans_meun .fanfb a .img{
    background: url(../images/LittleFans_m8.png) no-repeat 0 0px;
	width: 87px;
    height:36px;
	background-size:100%;
	margin-top:20px
}
#post-item .col-r {
	width: 206px;
	float: left;
	background-size:100%
}
ul#pd1{margin:0 0 0 5px;}
ul#pd1 li{width:100%}
ul#pd1 li .photo img{max-width:240px;}
ul#pd1 li .photo{width:240px}
ul#pd1 li .pdinfo{width:270px}
/*小小郵迷單元 end*/
/*我要存款單元*/
.money_bg{
	background:url(../images/money_bg.png) no-repeat 62px 60px;
	background-size:190px;
}
#money_type{
	position:absolute;
	z-index:2;
	bottom:-60px;
	width:92%;
	right:0;
	margin-bottom:15px;
}
#money_icon1 #pic{width:110%}
#money_icon1 a:hover span img{width:180%}
#money_icon1{position:absolute; top:47px; left:160px; z-index:2; width:70px}
#money_icon1 #pic{ position:absolute; z-index:2; margin-left:25px}
#money_icon1 a span{display:none; position:absolute; z-index:3; left:20px;top:40px}
#money_icon1 a:hover span{display:block}

#money_icon2 #pic2{width:40%}
#money_icon2 a:hover span img{width:80%}
#money_icon2{position:absolute; top:50px; left:35px; z-index:2; width:250px}
#money_icon2 #pic2{ position:absolute; z-index:2; margin:70px 0 0 80px}
#money_icon2 a span{display:none; position:absolute; z-index:3; left:120px; top:180px}
#money_icon2 a:hover span{display:block}

#money_icon3 a:hover span img{width:80%}
#money_icon3 #pic{width:40%}
#money_icon3 #hand{width:14%}
#money_icon3{position:absolute; top:67px; left:-57px; z-index:2; width:241px}
#money_icon3 #pic{ position:absolute; z-index:2; margin:70px 0 0 70px}
#money_icon3 #hand{ position:absolute; z-index:1; margin:115px 0 0 76px}
#money_icon3 a span{display:none; position:absolute; z-index:3; margin:180px 0 0 60px}
#money_icon3 a:hover span{display:block}

#money_meunContainer{position:relative; width:100%; float:left}
#money_meun li {
    float: left;
    margin-left:-1px;
	text-indent:-9999px;
}
#money_meun li a {
    display: block;
    color: #c73c05;
}
#money_meun li a:hover {
    color: #05c0eb;
}
#money_meun li a .img {
    display: block;
}
#money_meun li a:hover .img,#money_meun li a.current .img{
    background-position: center bottom;
}
#money_meun .introduce a .img{
    background: url(../images/Money_m1.png) no-repeat center 0px;
	width: 91px;
    height:61px;
	background-size:100%
}
#money_meun .Account a .img{
    background: url(../images/Money_m2.png) no-repeat center 0px;
	width: 91px;
    height:61px;
	background-size:100%
}
#money_meun .run a .img{
    background: url(../images/Money_m3.png) no-repeat center 0px;
	width: 119px;
    height:59px;
	background-size:100%
}
/*我要存款單元 end*/
/*未來郵件單元*/
#futureMail .content{
	position: relative;
	background: url(../images/futureMail_bg.png) no-repeat 147px 130px;
	min-height:550px;
	background-size:150px
}
#futureMail .content .text1{
	position: absolute;
	width: 270px;
	left: 5%;
}

#futureMail .content .icon1 a #pic{width:70%}
#futureMail .content .icon1 a #pic2{ width:30%}
#futureMail .content .icon1 a span img{width:220%}
#futureMail .content .icon1{position: absolute; left: 25px; top: 100px;}
#futureMail .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#futureMail .content .icon1 a span {position: absolute; top: 120px; left:100px; display: none; z-index: 3}
#futureMail .content .icon1 a #pic {position: absolute; top: 50px; left: 5px; z-index: 2;}
#futureMail .content .icon1 a #pic2 {position: absolute; top: 105px; left: 70px; z-index: 1;}

#futureMail .content .icon2 a #pic3,#futureMail .content .icon2 a #pic3_over,#futureMail .content .icon3 a #pic4,#futureMail .content .icon3 a #pic4_over,#futureMail .content .icon4 a #pic5,#futureMail .content .icon4 a #pic5_over,#futureMail .content .icon5 a #pic6,#futureMail .content .icon5 a #pic6_over,#futureMail .content .icon6 a #pic7,#futureMail .content .icon6 a #pic7_over,#futureMail .content .icon7 a #pic8,#futureMail .content .icon7 a #pic8_over{width:80%}
#futureMail .content .icon2 {position: absolute; right: 90px; top: 280px;}
#futureMail .content .icon2 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon2 a #pic3 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon2 a #pic3_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon3 {position: absolute; right: 0px; top: 330px;}
#futureMail .content .icon3 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon3 a #pic4 {position: absolute; top: 0; left:20px; z-index: 1;}
#futureMail .content .icon3 a #pic4_over {position: absolute; top: 0; left:20px; z-index: 2; display:none}

#futureMail .content .icon4 {position: absolute; right:80px; top: 370px;}
#futureMail .content .icon4 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon4 a #pic5 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon4 a #pic5_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon5 {position: absolute; right:90px; top: 470px;}
#futureMail .content .icon5 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon5 a #pic6 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon5 a #pic6_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon6 {position: absolute; right: 0px; top: 430px;}
#futureMail .content .icon6 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon6 a #pic7 {position: absolute; top: 0; left: 20px; z-index: 1;}
#futureMail .content .icon6 a #pic7_over {position: absolute; top: 0; left: 20px; z-index: 2; display:none}

#futureMail .content .icon7 {position: absolute; right:0px; top: 520px;}
#futureMail .content .icon7 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon7 a #pic8 {position: absolute; top: 0; left:20px; z-index: 1;}
#futureMail .content .icon7 a #pic8_over {position: absolute; top: 0; left:20px; z-index: 2; display:none}


#futureMail .content a:hover span,#futureMail .content .icon2 a:hover #pic3_over,#futureMail .content .icon3 a:hover #pic4_over,#futureMail .content .icon4 a:hover #pic5_over,#futureMail .content .icon5 a:hover #pic6_over,#futureMail .content .icon6 a:hover #pic7_over,#futureMail .content .icon7 a:hover #pic8_over{display:block;}
#futureMail .content .icon2 a:hover #pic3,#futureMail .content .icon3 a:hover #pic4,#futureMail .content .icon4 a:hover #pic5,#futureMail .content .icon5 a:hover #pic6,#futureMail .content .icon6 a:hover #pic7,#futureMail .content .icon7 a:hover #pic8{display:none;}

#futureMailPage{
	position:relative;
	margin:5px auto;
	float:left;
	width:100%;
}
#futureMail_meunContainer{position:relative; width:100%; float:left}
#futureMail_meun li {
    /*float: left;*/
    margin-left:7px;
	text-indent:-9999px;
}
#futureMail_meun li a {
    display: block;
    color: #c73c05;
}
#futureMail_meun li a:hover {
    color: #05c0eb;
}
#futureMail_meun li a .img {
    display: block;width:140px;height:40px
}
#futureMail_meun li a:hover .img{
    background-position: 0 -120px;height:40px
}
#futureMail_meun .FM1 a:hover .img{
    background-position: 0 -130px;height:40px
}
#futureMail_meun li a.current .img{
    background-position: 0 -92px;height:93px
}
#futureMail_meun .FM1 a .img{ background:url(../images/futureMailPage_icon2M.png) no-repeat 0 -36px; margin:5px 0; height:44px}
#futureMail_meun .FM2 a .img{ background:url(../images/futureMailPage_icon2M2.png) no-repeat 0 -24px; margin:5px 0}
#futureMail_meun .FM3 a .img{ background:url(../images/futureMailPage_icon2M3.png) no-repeat 0 -24px; margin:5px 0}
#futureMail_meun .FM4 a .img{ background:url(../images/futureMailPage_icon2M4.png) no-repeat 0 -24px; margin:5px 0}
#futureMail_meun .FM5 a .img{ background:url(../images/futureMailPage_icon2M5.png) no-repeat 0 -24px; margin:5px 0}
#futureMail_meun .FM6 a .img{ background:url(../images/futureMailPage_icon2M6.png) no-repeat 0 -24px; margin:5px 0}
#futureMail_meun .FM7 a .img{ background:url(../images/futureMailPage_icon2M1.png) no-repeat 0 -24px; margin:5px 0}
/*未來郵件單元 end*/
/*網路地圖*/
#Little_Post #anime1,#Little_Post #anime2,#Little_Post #anime3{width:6%}
#Little_Post .header_img_1 img{ width:35%}
#Little_Post .header_img_2{	margin-top:47px;}
#SiteMapContainer .SiteMap_Section ul.SiteMapList {	width: 87%}
#SiteMapContainer .SiteMap_Section ul.SiteMapList h5 a{font-size:1.25em}
#SiteMapContainer .SiteMap_Section ul.SiteMapList a{ font-size:1em}
/*網路地圖end*/
/*訊息活動區*/
#Pagemesssge_content #line .news,#Pagemesssge_content #line .news a,#Pagemesssge_content #linetop .news,#Pagemesssge_content #linetop .news a{
	width:84%; 
}

#pageNB_type a,#page_mes a{
	padding:0 1px;
	line-height:2.4em;
	font-size:90%;
}
#pageNB_type{margin-left:1px;}
#pageNB_content{margin-left:10%}
#pageNB_content #pervius,#pageNB_content #next{ float:left; width:49px; overflow:hidden}
#page_mes{width:95%;}
/*訊息活動區 end*/
/*郵史光廊區單元*/
#History .content{
	position: relative;
	background: url(../images/History_bg.png) no-repeat right 170px;
	min-height:470px;
	background-size:100%
}
#History .content .text1{
	position: absolute;
	left: 2%;
}

#History .content .icon1{position: absolute; left:-25px; top:340px;}
#History .content .icon1 a {position: relative;	width: 225px; height: 165px; display: block;}
#History .content .icon1 a span {position: absolute; top: 0px; left: 50px; display: none; z-index:6}
#History .content .icon1 a #pic {position: absolute; top: 50px; left: 100px;}

#History .content .icon2 {position: absolute; left: 10px; top: 185px;}
#History .content .icon2 a {position: relative;	width: 225px; height: 225px; display: block;}
#History .content .icon2 a span {position: absolute; top: 55px; left: 60px; display: none; z-index:3}
#History .content .icon2 a #pic3 {position: absolute; top: 0px; right: 0px; z-index: 2;}
#History .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px; z-index: 1;}

#History .content .icon3 a #pic4{width:120px}
#History .content .icon3{position: absolute; left:145px; top: 300px; z-index:3}
#History .content .icon3 a {position: relative;	width: 100px; height: 340px; display: block;}
#History .content .icon3 a span {position: absolute; top: 155px; left:-50px; display: none; z-index:4}
#History .content .icon3 a #pic4 {position: absolute; top: 0px; left: 0px;}

#History .content a:hover span{display:block;}

#History_meunContainer{position:relative; width:100%; float:left}
#History_meun li {
    float: left;
    margin-left:-2px;
	text-indent:-9999px;
}
#History_meun li a {
    display: block;
    color: #c73c05;	
}
#History_meun li a:hover {
    color: #05c0eb;
}
#History_meun li a .img {
    display: block;
	width: 91px;
    height:50px;
}
#History_meun li a:hover .img,#History_meun li a.current .img{
    background-position: center -57px;
}
#History_meun .stemp a .img{
    background: url(../images/History_M1.png) no-repeat center -5px;
	background-size:100%
}
#History_meun .mailbox a .img{
    background: url(../images/History_M2.png) no-repeat center -5px;
	background-size:100%
}
#History_meun .postman a .img{
    background: url(../images/History_M3.png) no-repeat center -5px;
	background-size:100%
}
/*郵史光廊區單元 end*/
#stemppic{
	margin:5px;
	background-color:#f2f1cf;
	width:200px
}
#stemppic img{max-width:200px}
.Paper_imgopen{padding:0}
/*郵局好鄰居單元*/
#Neighbour .content{
	position: relative;
	background: url(../images/Neighbour_bg.png) no-repeat right 80px;
	min-height:470px;
	background-size:100%
}
#Neighbour .content .text1{
	position: absolute;
	left:15px;
}

#Neighbour .content .icon1 a #pic{width:150px}
#Neighbour .content .icon1 a #pic2{width:50px}
#Neighbour .content .icon1 a #pic3{width:100px}
#Neighbour .content .icon1{position: absolute; left: 10px; top: 90px;}
#Neighbour .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#Neighbour .content .icon1 a span {position: absolute; top: 20px; left: 0px; display: none;}
#Neighbour .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 1;}
#Neighbour .content .icon1 a #pic2 {position: absolute; top: 110px; left: 100px; z-index: 2;}
#Neighbour .content .icon1 a #pic3 {position: absolute; top: 150px; left: 10px; z-index: 3;}

#Neighbour .content .icon2 a #pic{width:120px}
#Neighbour .content .icon2 a #pic4{width:20px}
#Neighbour .content .icon2 {position: absolute; right: 20px; top: 170px;}
#Neighbour .content .icon2 a {position: relative; width: 200px; height: 220px; display: block;}
#Neighbour .content .icon2 a span {position: absolute; top:-80px; left: 40px; display: none; z-index: 3;}
#Neighbour .content .icon2 a #pic {position: absolute; top: 0px; right: 0px;}
#Neighbour .content .icon2 a #pic4 {position: absolute; top: 90px; right: 35px;}

#Neighbour .content .icon3 a #pic5{width:70px}
#Neighbour .content .icon3{position: absolute; left: 30px; top: 300px;}
#Neighbour .content .icon3 a {position: relative; width: 100px; height: 180px; display: block;}
#Neighbour .content .icon3 a span {position: absolute; top:140px; left:-20px; display: none; z-index:3;}
#Neighbour .content .icon3 a #pic {position: absolute; top: 100px; left:-20px; z-index:1;}
#Neighbour .content .icon3 a #pic5 {position: absolute; top:20px; right: 0px; z-index:2;}

#Neighbour .content .icon4{position: absolute; right: 40px; top: 310px;}
#Neighbour .content .icon4 a {position: relative; width: 130px; height: 170px; display: block;}
#Neighbour .content .icon4 a span {position: absolute; top: 160px; left:-10px; display: none; z-index:2}
#Neighbour .content .icon4 a #pic6 {position: absolute; top: 0px; left: 20px; z-index:1}
#Neighbour .content .icon4 a #pic7 {position: absolute; top: 100px; left: 40px;}

#Neighbour .content a:hover span{display:block;}

#Neighbour_meunContainer{position:relative; width:100%; float:left}
#Neighbour_meun li {
    float: left;
    margin-left:-2px;
	text-indent:-9999px;
}
#Neighbour_meun li a {
    display: block;
    color: #c73c05;	
}
#Neighbour_meun li a:hover {
    color: #05c0eb;
}
#Neighbour_meun li a .img {
    display: block;
	width: 76px;
    height:57px;
}
#Neighbour_meun li a:hover .img,#Neighbour_meun li a.current .img{
    background-position: center -61px;
}
#Neighbour_meun .Neighbour a .img{
    background: url(../images/Neighbour_m1.png) no-repeat center 0px;
	background-size:100%	
}
#Neighbour_meun .Fun a .img{
    background: url(../images/Neighbour_m2.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .Volunteers a .img{
    background: url(../images/Neighbour_m3.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .card a .img{
    background: url(../images/Neighbour_m4.png) no-repeat center 0px;
	background-size:100%
}
#CityPostpick{ padding-left:3px}
#CityPostpick li {width:97%; padding-top:15px}
#CityPostpick li a { width:96%}
#CityPostpick li a .IMG img { width:99%}
#CardwriteView #right{
	float:right;
	width:240px;
	margin-top:25px;
	padding:10px;
}
#CardwriteView #right{
	float:left;
	width:90%;
	margin:5px 0 0 6px;
	padding:10px;
}
#CardwriteView #left{width:91%;}
#CardwriteView #left img{width:100%}
#CardtypeView span{	padding-right:4px;}
#CardtypeView span img{width:30px}
#Cardtype2 #Cpic{
	position:relative;
	max-width:100%;
	margin-top:25px;
}
#Cardtype2 #stemp{margin-top:130%}
#Cardtype2 #write{
	position:relative;
	float:left;
	width:96%;
	top:110px;
	padding-left:5px;
}
#Cardtype2 #write .from{text-indent:110px}
#applyNB{ margin:0 auto; width:100%; height:70px; padding:15px 0}
#Cardtype1 #Cpic,#Cardtype3 #Cpic{max-width:118px;}
#Cardtype1,#Cardtype3{ margin-left:3px;padding:5px 15px;width:90%; min-height:400px}
#Cardtype3 #write{width:146px;top:88px; font-size:0.75em}
#Cardtype1 #write{width:127px;top:88px; font-size:0.75em}
#Cardtype3 #stemp p{left: 57px;	top: 28px;	font-size:0.5em;}
#Cardtype3 #stemp #mask { width:130px}
#Cardtype1 #stemp #ticket{right:65px;top:-23px;	z-index:98;}
#Cardtype1 #stemp #mask{ width:130px;right:-18px;top:39px;}
#Cardtype1 #stemp p{right: 51px;top: 60px;	font-size: 0.5em;}
#Cardtype3 #write .from{ position:absolute; right:-80px;text-indent:80px;padding-top:15px;}
#Cardtype1 #write .from{position:absolute;text-indent:30px;padding-top:15px;}
#CardOverpick li{width:80%}
#CardOverpick li a{width:auto}
#CardOverpick li a .IMG img{max-width:224px}
#applyNB #list #checkOK .backCard a{ margin-left:0}
#CardsendBeOk p{width:95%}
/*郵局好鄰居單元 end*/
/*集郵小天地單元*/
#StampWorld .content{
	position: relative;
	background: url(../images/StampWorld_bg.png) no-repeat left 0px;
	min-height:800px;
}
#StampWorld .content .text1{
	position: absolute;
	width: 300px;
	left: 0px;
	top: 0px;
}

#StampWorld .content .icon1{position: absolute; left: 15px; top: 0px;}
#StampWorld .content .icon1 a {position: relative;	width: 280px; height: 125px; display: block;}
#StampWorld .content .icon1 a span {position: absolute; top: 20px; left: 120px; display: none;}
#StampWorld .content .icon1 a #pic {position: absolute; top: 0px; left: 0px;}

#StampWorld .content .icon2 a span img{width:95%}
#StampWorld .content .icon2 {position: absolute; left: 0px; top: 180px;}
#StampWorld .content .icon2 a {position: relative;	width: 200px; height: 160px; display: block;}
#StampWorld .content .icon2 a span {position: absolute; top: 120px; left: 5px; display: none;}
#StampWorld .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px;}

#StampWorld .content .icon3{position: absolute; left: 120px; top: 90px;}
#StampWorld .content .icon3 a {position: relative;	width: 180px; height: 160px; display: block;}
#StampWorld .content .icon3 a span {position: absolute; top: 0px; right: 0px; display: none;}
#StampWorld .content .icon3 a #pic3 {position: absolute; top: 50px; left: 0px;}

#StampWorld .content .icon4{position: absolute; left: 140px; top: 270px;}
#StampWorld .content .icon4 a {position: relative;	width: 150px; height: 125px; display: block;}
#StampWorld .content .icon4 a span {position: absolute; top: 60px; left: 30px; display: none; z-index:2}
#StampWorld .content .icon4 a #pic4 {position: absolute; top: 0px; left: 40px; z-index:1}

#StampWorld .content a:hover span{display:block;}

#StampWorld .list-wrap{
	position: relative; 
	background: url(../images/StampWorld_introBG.png) no-repeat 0 0;
	height: 465px;
	top:360px;

}
#StampWorld .list-wrap .deco,#paper .list-wrap .deco {
	bottom: -20px; right:0px;
	width: 128px;
	height: 190px;
}
#StampWorld .list-wrap .list{
	position: relative; top: 50px; left: 25px;
	line-height:1.4em;
	width: 230px;
}
#StampWorld_meunContainer{position:relative; float:left;}
#StampWorld_meun li {
    float: left;
	text-indent:-9999px;
}
#StampWorld_meun li a {
    display: block;
    color: #c73c05;
}
#StampWorld_meun li a:hover {
    color: #05c0eb;
}
#StampWorld_meun li a .img {
    display: block;
	width: 71px;
    height:102px;
}
#StampWorld_meun li a:hover .img,#StampWorld_meun li a.current .img{
    background-position: center -102px;
}
#StampWorld_meun .miss a .img{
    background: url(../images/StampWorld_m1.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .owe a .img{
    background: url(../images/StampWorld_m2.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .area a .img{
    background: url(../images/StampWorld_m3.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .book a .img{
    background: url(../images/StampWorld_m4.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .new a .img{
    background: url(../images/StampWorld_m5.png) no-repeat center 0px;
	background-size:100%
}
#paper #into{width:100%;}
.StaPic{max-width:80%}
.Stamparrow{width:100%}
#Stamp_pic,#Stamp_pic_paper{width:112px}
#Stampfrom{width:80%}
#Stampfrom li{list-style:none; width:62px; float:left;margin-left:10px;}
#Stampfrom li img{max-width:70px;margin-left: -5px;}
#paper .list-wrap{display:none}
#paper #formtitle{ width:20%; float:left}
#paper #selectBT{
	background:url(../images/selectArrow.png) no-repeat right #f48b5d;
	width:100%;
	overflow:hidden;
	height:35px;
	-moz-border-radius: 	.5em ;
	-webkit-border-radius: 	.5em ;
	border-radius: 			.5em ;
	color:#FFF;
	position:relative;
	float:left
}
#paper #selectBT select{
	background:transparent;
	margin: .25em 0 .25em .25em;
	color:#731f1c; font-size:1em;
	height:30px;
	border:none;
	width:120%;
	-webkit-appearance: none; /*for chrome*/
}
#paper #short{
	font-size:0.938em;
	font-weight:600;
	line-height:2.4em;
}
/*集郵小天地單元 end*/
/*體驗遊戲區單元*/
#PlayGames .content{
	position: relative;
	background: url(../images/PlayGames_bg.png) no-repeat right 40px;
	min-height:470px;
	background-size:100%
}
#PlayGames .content .text1{
	position: absolute;
	left: 50px;
	bottom:-20px;
}
#PlayGames .content .icon1 a #pic{width:50%}
#PlayGames .content .icon1{position: absolute; left: 10px; top:60px;}
#PlayGames .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#PlayGames .content .icon1 a span {position: absolute; top: 0px; left: 0px; display: none; z-index:2}
#PlayGames .content .icon1 a #pic {position: absolute; top: 50px; left: 0px; z-index:1}

#PlayGames .content .icon2 a span img{width:120%}
#PlayGames .content .icon2 {position: absolute; left:110px; top:50px;}
#PlayGames .content .icon2 a {position: relative; width: 140px; height: 100px; display: block;}
#PlayGames .content .icon2 a span {position: absolute; top:80px; left: 0px; display: none; z-index:2}
#PlayGames .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px; z-index:1}

#PlayGames .content .icon3{position: absolute; left:110px; top:240px;}
#PlayGames .content .icon3 a {position: relative; width: 150px; height: 100px; display: block;}
#PlayGames .content .icon3 a span {position: absolute; top:70px; left:40px; display: none; z-index:2;}
#PlayGames .content .icon3 a #pic3 {position: absolute; top: 0px; right: 0px; z-index:1;}

#PlayGames .content .icon4 a span img{width:85%}
#PlayGames .content .icon4{position: absolute; left:5px; top: 240px;}
#PlayGames .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#PlayGames .content .icon4 a span {position: absolute; top: 60px; left: 0px; display: none; z-index:3}
#PlayGames .content .icon4 a #pic4 {position: absolute; top: 0px; left: 0px; z-index:1}
#PlayGames .content .icon4 a #pic5 {position: absolute; top: 100px; left: 40px; z-index:2}

#PlayGames .content a:hover span{display:block;}

/*體驗遊戲區單元 end*/
}

@media (min-width: 401px) and (max-width: 700px){
#ContentsContainer{
	background:#fcd9a3 url(../images/bg.jpg) repeat-x; 
}

.back {
	display:none;
}
.map {
	display:none;
}

#ContentsContainer #Contents{
	width:100%;
	height:1560px;
	background:url(../images/400BG.png) no-repeat -19px 240px;
	background-size:160%
}
#logo{top:28px;left:10px;}
#logo img{width:70%;}
#INback{left:0; width:50%}
#INmap{left:57%; width:50%}
#INback img{width:110%}
#INmap img{width:55%}
#sun {top:40px; right:10px}
#sun img{width:70%}
/*無障礙標點色*/
.first .acc-key a,.P_brown1 .acc-key a,.P_money .acc-key a,.P_green .acc-key a,.P_red1 .acc-key a,.P_brown2 .acc-key a,.P_green2 .acc-key a,.P_yellow1 .acc-key a,.P_purple1 .acc-key a,.P_blue2 .acc-key a,.P_pink .acc-key a,.P_pink1 .acc-key a,.P_yellow2 .acc-key a{ display:none}
/*無障礙標點色 End*/
/*選單*/
#newsball{position:absolute; top:70px; left:320px; z-index:2;}
#newsball img{width:80%}
#newsball a span {
	position:absolute;
	z-index:2;
	top:-35px;
	left:-79px
}
#Air_Balloon{
	position:absolute;
	top:450px;
	left:30px;
	z-index:11;
}
#Air_Balloon a span {
	position:absolute; 
	z-index:12; 
	top:-10px;
	left:-25px
}
#Air_Balloon img{width:70%}
#Air_Balloon a span img{width:140%}
#Tram a span{ position:absolute; z-index:12; top:380px}
#Tram a span img{width:85%}
.Tram_icon{display:none}
#AmusementPark{
	background:url(../images/ContentsBG_400.png) no-repeat 0px 0px;
	background-size:350px;
	position:absolute; 
	top:385px; 
	left:15px; 
	z-index:9; 
	width:405px; 
	height:142px
}
#AmusementPark img{ width:15%}
#AmusementPark_icon{float:right; position:absolute; margin:25px 0 0 230px; z-index:10}
#AmusementPark_icon1{
	float:left;
	position:absolute;
	margin-top:45px;
	margin-left:-32px;
	z-index:8;
	left: 185px;
	top: -20px;
}
#AmusementPark a span img{width:80%}
#AmusementPark a span {
	position:absolute;
	z-index:11;
	left:163px;
	top:0px
}
#mailbox{ position:absolute; top:385px; left:258px; z-index:9; width:175px; height:183px}
.mailbox_icon{float:right; margin-top:10px; margin-right:65px}
#mailbox img{width:40%}
#mailbox a span img{width:80%}
#mailbox a span {position:absolute;z-index:10; top:-35px; left:-20px}
#Neighbor{
	position:absolute;
	top:550px;
	left:10px;
	z-index:12;
	width:200px;
	height:145px;
	background:url(../images/Neighbor_bg.png) no-repeat 0 0;
	background-size:55%;
}
#Neighbor #people1{ position:absolute; z-index:10; margin:35px 0 0 110px}
#Neighbor #people2{ position:absolute; z-index:11; margin:45px 0 0 80px}
#Neighbor #people3{ position:absolute; z-index:11; margin:38px 0 0 140px}
#Neighbor a span {
	position:absolute;
	z-index:13;
	top:-20px;
	left:25px;
}
#Neighbor a span img{width:90%}
#game{ background:url(../images/gameBG.png) no-repeat 25px 40px; background-size:50%;position:absolute; top:550px; left:200px; z-index:10; width:300px; height:141px;}
#game img{width:50%}
#game a span img{width:80%}
#game a span {
	position:absolute;
	z-index:11;
	top:-10px
}
#futuremail{ position:absolute; top:465px; left:80px; z-index:12; width:300px; height:141px;}
.futuremail_icon{float:right; }
#futuremail img{width:40%}
#futuremail a span img{ width:90%}
#futuremail a span {
	position:absolute;
	z-index:13;
	top:30px;
	left:50px
}
#fan{ position:absolute; top:650px; left:30px; z-index:10; width:180px; height:165px;}
#fan #fanball{position:absolute; z-index:10; float:right; margin-top:60px; left:10px}
#fan #fanpeople{
	position:absolute;
	z-index:11;
	float:right;
	left:25px
}
#fan a span {
	position:absolute;
	z-index:14;
	top:80px;
	left:-10px
}
#fan a span img{width:100%}
#stamp{
	position:absolute;
	top:640px;
	left:180px;
	z-index:15;
	width:288px;
	height:164px;
}
#stamp #wing{position:absolute; z-index:15; margin-top:25px}
#stamp #people{position:absolute; z-index:16; margin-left:23px}
#stamp a span img{ width:80%}
#stamp a span {
	position:absolute;
	z-index:17;
	left:90px;
	top:-30px
}
#sendmail{
	position:absolute;
	top:770px;
	left:10px;
	z-index:18;
	width:288px;
	height:164px;
}
#sendmail #mail{position:absolute; z-index:19; margin:15px 0 0 5px}
#sendmail #people{position:absolute; z-index:18; margin-left:23px}
#sendmail a span {
	position:absolute;
	z-index:20;
	left:30px;
	top:130px
}
#sendmail a span img{width:90%}
#money{
	position:absolute;
	top:770px;
	left:160px;
	z-index:21;
	width:241px;
	height:173px;
}
#money #moneyhand{position:absolute; z-index:21; margin:32px 0 0 10px}
#money #people{position:absolute; z-index:22; margin-left:23px}
#money a span {
	position:absolute;
	z-index:23;
	left:105px;
}
#money a span img{ width:90%}
/*選單End*/

#messsge_content{ 
	position:absolute;
	width:95%; 
	height:auto; 
	background:#f2c575 url(../images/messsge_content_400.gif) no-repeat 5px 5px;
	font-size:1em;
	z-index:9999;
	top:1000px;
	left:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow:2px 4px 4px #dc7517;
	padding:65px 0 10px 0
}
#messsge_content #moreMES{
	width:100px;
	height:40px;
	position:absolute;
	top:10px;
	right:17px
}
#messsge_content #linetop{
	margin:2px 0 2px 10px; 
	float:left; 
	width:95%; 
	height:47px; 
	overflow:hidden;
	line-height:1.4em;
	background:url(../images/pageMessageBG.gif);
	border:1px solid #cb841b;
}
#messsge_content #line{
	margin:5px 10px; 
	float:left; 
	width:95%; 
	height:47px; 
	overflow:hidden;
	line-height:1.4em;
	background:url(../images/pageMessageBG.gif);
	border:1px solid #cb841b;
}
#messsge_content #line .date,#messsge_content #linetop .date{
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:0; 
	text-shadow:2px 2px 1px #b15521
}
#messsge_content #line .news,#messsge_content #line .news a,#messsge_content #linetop .news,#messsge_content #linetop .news a{
	margin-left:5px;
	color:#643c05; 
	text-decoration:none;
	display:block
}
#messsge_content #line .news a:hover,#messsge_content #linetop .news a:hover{
	color:#c83f03;
}
#messsge_content #line #newsicon,#messsge_content #linetop #newsicon{ display:none}
#adBanner_content{
	position:absolute; 
	z-index:3; 
	width:360px; 
	left:0; 
	top:130px; 
	height:230px; 
	background:url(../images/bannerBG.gif) no-repeat 0 5px; 
	padding:12px 0 0 0; 
	overflow:hidden;
	background-size:320px
}
#adBanner_content #pic{ 
	position:absolute; 
	z-index:4; 
	width:274px; 
	height:175px; 
	margin:16px 0 0 22px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden
}
#adBanner_content #pic img{
	max-width:275px; height:auto
}
#adBanner_content #moreAD{position: absolute;
z-index:1;
bottom: 5px;
left: 37px;
width: 128px;
height: 28px;}
#adBanner_content #brand{ display:none;}
#FooterContainer{
	position:relative; 
	margin:0 auto;
	padding:15px 0 45px;
	clear:both;
}
#FooterContainer #type{
	position:relative; 
	margin:0 auto; 
	width:90%; 
	font-size:0.75em; 
	color:#333; 
	font-family:Arial, Helvetica, sans-serif; 
	/*padding:10px 0 0;
	border-top:1px solid #b15521;*/
}
#FooterContainer #type span,#P_FooterContainer #type span{
	padding-left:300px
}
.counter {position: absolute;top: 50px;left: 0;}
.aaa {position: absolute;top:25px ;right: 0;}
/*RWD選單*/
#leftmenu{ display:none}
#first li{text-indent:-9999px;margin-bottom:25px}
#first li a{display: block;	width:56px;	height:50px}
#first .meun a{background:url(../images/meunIcon.png) no-repeat 0px 0px}
#second {position:absolute; left:58px; top:0}
#second li{text-indent:-9999px;margin-bottom:25px; float:left}
#second li a{display: block;	width:56px;	height:50px}
#second .back a{background:url(../images/meunIcon2.png) no-repeat 0px 0px}
#second .map a{background:url(../images/meunIcon3.png) no-repeat 0px 0px}
/*RWD選單 end*/
#Pagelogo{
	position:relative;
	float:left;
	margin:5% 8px 0 19%;
}
/*上選單*/
#topMenuContainer{
	position:relative;
	width:100%;
	float:left;
	margin-top:20px;
	height:64px
}
.TMSnav,.TMSnav2,.TMSnav3,.TMSnav4{ display:none}
/*上選單END*/
/*字體大小*/#FontSizeContainer {display:none}
/*內頁欄位*/
#pageContainer #Contents{
	position:relative; 
	margin:0 auto; 
	min-height:621px;
	clear:both;
	width:100%
}
#pagetitle{
	position:relative;
	overflow:hidden;
	margin-left:-15px;
	background:#f2f1cf;
}
#pagetitle img{ width:620px; padding-left:26%}
#pageMain{
	position:relative;
	float:left;
	margin-top:-16px;
	/*font-size:1.125em;*/
	line-height:1.6em;
	width:100%;
}
#paper{
	width:96%;
	margin: auto;
	/*padding-left:2%;*/
	line-height:2em;
}
#paper #pic img{
	width:100%;
}
#pageMain #FuM_PIC img{width:100%}
#letterMovie{width:340px}
#letterMovie object{width:340px; height:255px}
#letterpic{
	padding-left:25px;
	background-color:#FFF;
	width:340px
}
#letterpic img{width:340px}
#pcmovie{display:none}
#rwdmovie{display:block}
/*內頁欄位 end*/
/*我是一封信單元*/

#WriteLetter .content{
	position: relative;
	background: url(../images/WriteLetter_bg.png) no-repeat left 150px;
	min-height:470px;
}
#WriteLetter .content .text1{
	position: absolute;
	width: 360px;
	left: 0px;
	top: 0px;
}

#WriteLetter .content .icon1{position: absolute; right: 50px; top: 40px;}
#WriteLetter .content .icon1 a {position: relative;	width: 305px; height: 165px; display: block;}
#WriteLetter .content .icon1 a span {position: absolute; top: 125px; left: -60px; display: none;}
#WriteLetter .content .icon1 a #pic {position: absolute; top: 50px; left: 90px;}

#WriteLetter .content .icon2 {position: absolute; left: 20px; top: 250px;}
#WriteLetter .content .icon2 a {position: relative;	width: 300px; height: 230px; display: block;}
#WriteLetter .content .icon2 a span {position: absolute; top: -70px; left: -15px; display: none;}
#WriteLetter .content .icon2 a #pic {position: absolute; top: 0px; left: 0px;}
#WriteLetter .content .icon2 a #pic2 {position: absolute; top: 0px; left: 100px;}

#WriteLetter .content .icon3{position: absolute; left: 130px; top: 250px;}
#WriteLetter .content .icon3 a {position: relative;	width: 230px; height: 240px; display: block;}
#WriteLetter .content .icon3 a span {position: absolute; top: 0px; right: 0px; display: none; z-index: 2;}
#WriteLetter .content .icon3 a #pic3 {position: absolute; top: 80px; left: 0px; z-index: 1;}

#WriteLetter .content a:hover span{display:block;}

#WriteLetter_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#WriteLetter_meun li {
    float: left;
    margin-left:-4px;
	text-indent:-9999px;
}
#WriteLetter_meun li a {
    display: block;
    color: #c73c05;
}
#WriteLetter_meun li a:hover {
    color: #05c0eb;
}
#WriteLetter_meun li a .img {
    display: block;
}
#WriteLetter_meun li a:hover .img,#WriteLetter_meun li a.current .img{
    background-position: center -89px;
}
#WriteLetter_meun .letter a .img{
    background: url(../images/WriteLetter_m1.png) no-repeat center 4px;
	width: 127px;
    height:84px;
	background-size:128px
}
#WriteLetter_meun .write a .img{
    background: url(../images/WriteLetter_m2.png) no-repeat center 0px;
	width: 127px;
    height:84px;
	background-size:128px
}
#WriteLetter_meun .send a .img{
    background: url(../images/WriteLetter_m3.png) no-repeat center 0px;
	width: 127px;
    height:84px;
	background-size:128px
}
/*我是一封信單元 end*/
/*兒童郵園單元*/
#Amusment .content{
	position: relative;
	background: url(../images/Amusment_bg.png) no-repeat -5px 25%;
	min-height:470px;
	background-size:100%
}
#Amusment .content .text1{
	position: relative;
	width:97%;
	left: 1.5%;
	bottom: 3px;
}

#Amusment .content .icon1 a #pic{width:55%}
#Amusment .content .icon1 a #pic2{width:25%}
#Amusment .content .icon1 a span img{width:85%}
#Amusment .content .icon1{position: absolute; left:10%; top:89px;}
#Amusment .content .icon1 a {position: relative; width: 223px; height: 210px; display: block;}
#Amusment .content .icon1 a span {position: absolute; top: 20px; left:30px; display: none; z-index: 4}
#Amusment .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 2;}
#Amusment .content .icon1 a #pic2 {position: absolute; top: 135px; left: 30px; z-index: 1;}

#Amusment .content .icon2 a #pic2,#Amusment .content .icon2 a #pic3 {width:70%}
#Amusment .content .icon2 a span img{width:80%}
#Amusment .content .icon2 {position: absolute; left:12%; top: 298px;}
#Amusment .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#Amusment .content .icon2 a span {position: absolute; top: 130px; left: 10px; display: none; z-index:6}
#Amusment .content .icon2 a #pic3 {position: absolute; top: 0px; left: 0px; z-index: 5;}
#Amusment .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px; z-index: 4;}

#Amusment .content .icon3 a #pic2,#Amusment .content .icon3 a #pic4{width:80%}
#Amusment .content .icon3 a span img{width:90%}
#Amusment .content .icon3{position: absolute; right:4%; top:131px;}
#Amusment .content .icon3 a {position: relative; width: 220px; height: 270px; display: block;}
#Amusment .content .icon3 a span {position: absolute; top:-15px; left:50px; display: none; z-index:3;}
#Amusment .content .icon3 a #pic2,#Amusment .content .icon3 a #pic4{position: absolute; top: 50px; left:25px; z-index: 1;}

#Amusment .content .icon4 a #pic{width:80%}
#Amusment .content .icon4 a span img{width:80%}
#Amusment .content .icon4{position: absolute; left:50%; top:250px;}
#Amusment .content .icon4 a {position: relative; width: 222px; height: 230px; display: block;}
#Amusment .content .icon4 a span {position: absolute; top:160px; left: 50px; display: none; z-index: 8}
#Amusment .content .icon4 a #pic {position: absolute; top: 70px; left: 0px; z-index: 6;}
#Amusment .content .icon4 a #pic5 {position: absolute; top: 103px; left: 80px; z-index: 7;}

#Amusment .content a:hover span{display:block;}
#museum_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#museum_meun li {
    float: left;
    margin-left:-2px;
	text-indent:-9999px;
}
#museum_meun li a {
    display: block;
    color: #c73c05;
}
#museum_meun li a:hover {
    color: #05c0eb;
}
#museum_meun li a .img {
    display: block;
}
#museum_meun li a:hover .img,#museum_meun li a.current .img{
    background-position: center -76px;
}
#museum_meun .Wheel a .img{
    background: url(../images/museum_m1.png) no-repeat center 0px;
	width: 95px;
    height:76px;
	background-size:100%
}
#museum_meun .ticket a .img{
    background: url(../images/museum_m2.png) no-repeat center 0px;
	width: 95px;
    height:76px;
	background-size:100%
}
#museum_meun .world a .img{
    background: url(../images/museum_m3.png) no-repeat center 0px;
	width: 95px;
    height:76px;
	background-size:100%
}
#museum_meun .Exhibition a .img{
    background: url(../images/museum_m4.png) no-repeat center 0px;
	width: 95px;
    height:76px;
	background-size:100%
}
#Mus_ViewBG{
	display:none;
	background:url(../images/M_viewBG1.png) no-repeat left top;
	padding:20px 37px;
	background-size:370px
}
#Mus_ViewBG2{
    display:none;
	background:url(../images/M_viewBG2.png) no-repeat left top;
	padding:20px 37px;
	background-size:370px
}
#Mus_ViewBG embed,#Mus_ViewBG2 embed{ width:250px; height:215px}
.fmPadLeft{ margin-left:-25px}
#ful_table,#ful_table2,#ful_table4{font-size:90%}
/*兒童郵園單元 end*/
/*告訴郵局單元*/
#talking .content{
	position: relative;
	background: url(../images/talking_bg.png) no-repeat 0 40px;
	min-height:550px;
	background-size:100%;
}
#talking .content .text1{
	position: absolute;
	width: 260px;
	right: 0px;
	top:3%;
}

#talking .content .icon1 a #pic2{width:90%}
#talking .content .icon1 a span img{width:100%}
#talking .content .icon1{position: absolute; left:12%; top:-26px;}
#talking .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#talking .content .icon1 a span {position: absolute; bottom: -150px; left:-50px; display: none; z-index: 3}
#talking .content .icon1 a #pic {position: absolute; top: 187px; left: 60px; z-index: 2;}
#talking .content .icon1 a #pic2 {position: absolute; top: 140px; left:-20px; z-index: 1;}

#talking .content .icon2 a #pic2,#talking .content .icon2 a #pic3,#talking .content .icon2 a #pic4{width:55%}
#talking .content .icon2 {position: absolute; right:10%; top: 350px;}
#talking .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#talking .content .icon2 a span {position: absolute; top:80px; right:-15px; display: none; z-index: 4}
#talking .content .icon2 a #pic3 {position: absolute; top:2px; left:40px; z-index: 2;}
#talking .content .icon2 a #pic4 {position: absolute; top: -6px; left: 128px; z-index: 3;}
#talking .content .icon2 a #pic2 {position: absolute; top:80px; left:80px; z-index: 1;}

#talking .content .icon3 a span img{ width:90%}
#talking .content .icon3{position: absolute; right:5%; top: 40px;}
#talking .content .icon3 a {position: relative; width: 190px;t: 270px; display: block;}
#talking .content .icon3 a span {position: absolute; top:190px; left:-80px; display: none; z-index: 3}
#talking .content .icon3 a #pic5 {position: absolute; top: 165px; left:60px; z-index: 2;}
#talking .content .icon3 a #pic2 {position: absolute; top: 50px; left:25px; z-index: 1;}

#talking .content .icon4{position: absolute; left:5%; top: 360px;}
#talking .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#talking .content .icon4 a span {position: absolute; top:140px; left:150px; display: none; z-index:3}
#talking .content .icon4 a #pic6 {position: absolute; top: 0px; left:-18px; z-index:1}
#talking .content .icon4 a #pic7 {position: absolute; top: 100px; left: 40px; z-index:2}

#talking .content a:hover span{display:block;}
#talking_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#talking_meun li {
    float: left;
    margin-left:-2px;
	text-indent:-9999px;
}
#talking_meun li a {
    display: block;
    color: #c73c05;
}
#talking_meun li a:hover {
    color: #05c0eb;
}
#talking_meun li a .img {
    display: block;
}
#talking_meun li a:hover .img,#talking_meun li a.current .img{
    background-position: center -72px;
}
#talking_meun .diary a .img{
    background: url(../images/talking_m1.png) no-repeat center 0px;
	width: 96px;
    height:72px;
	background-size:100%
}
#talking_meun .date a .img{
    background: url(../images/talking_m2.png) no-repeat center 0px;
	width: 96px;
    height:72px;
	background-size:100%
}
#talking_meun .favorites a .img{
    background: url(../images/talking_m3.png) no-repeat center 0px;
	width: 96px;
    height:72px;
	background-size:100%
}
#talking_meun .Opinion a .img{
    background: url(../images/talking_m4.png) no-repeat center 0px;
	width: 96px;
    height:72px;
	background-size:100%
}
#talking_paper{
	background:#fff3e0;
	width:93%;
	margin:10px auto;
	font-size:1em;
	padding:10px 10px 25px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#404040;
	min-height:105px
}
#talking_paper #part{
	float:left;
	width:110px;
	padding:0 6px;
}
#talking_paper a{
	color:#427801;
	line-height:2.5em;
	border-bottom:1px dotted #427801
}
#talking_paper a:hover{
	color:#abbf02
}
#talking_paper .icon{
	float:left;
	padding:10px 5px 5px;
	max-width:20px
}
#talking_paper #list{clear:both; position:relative; left:23px; height:60px; width:90%; top:10px;}
#talking_paper #list #nember_meun li{
	float: left;
	padding-left:5px;
	text-indent:-9999px;
	margin-bottom:25px
}
#talking_paper #list #nember_meun li a{
	display: block;
	width:140px;
	height:42px;
	border-bottom:none
}
#talking_paper #list #nember_meun li a:hover{
	background-position: center -48px;
}
#talking_paper #list #nember_meun .send a{
	background:url(../images/login_send.png) no-repeat center 0px;
	background-size:100%
} 
#talking_paper #list #nember_meun .rekey a{
	background:url(../images/login_rekey.png) no-repeat center 0px;
	background-size:100%
} 
#IEBT{ display:none}
/*告訴郵局單元 end*/
/*小小郵迷單元*/
#LittleFans .content{
	position: relative;
	background: url(../images/LittleFans_bg.png) no-repeat 15px 350px;
	min-height:600px;
}
#LittleFans .content .text1{
	position: absolute;
	width: 280px;
	left: 20px;
	bottom: 0px;
	background: #ffc600;
}
#LittleFans .content .basic{position: absolute; left:30px; top: 395px; width:280px}
#LittleFans .content .basic li{float:left; padding-right:8px; text-align:center; color:#FFF}
#LittleFans .content .basic li a{color:#FFF}
#LittleFans .content .basic li a:hover{color:#ffea00}
#LittleFans .content .basic li #pic {position: absolute; top: 0px; left: 0px;width:80px;}
#LittleFans .content .basic li #pic1 {position: absolute; top: 0px; left: 105px;width:40px;}
#LittleFans .content .basic li #pic2 {position: absolute; top: 0px; left: 180px;width:60px;}

#LittleFans .content .icon1{position: absolute; left:31px; top: 0px;}
#LittleFans .content .icon1 a {position: relative; width: 280px; height: 100px; display: block;}
#LittleFans .content .icon1 a span {position: absolute; top: 70px; left: 20px; display: none; z-index:2}
#LittleFans .content .icon1 a #pic {position: absolute; top: 0px; left: 0px; z-index:1}

#LittleFans .content .icon2 {position: absolute; left:150px; top:-9px;}
#LittleFans .content .icon2 a {position: relative; width: 100px; height: 100px; display: block;}
#LittleFans .content .icon2 a span {position: absolute; top: 70px; right:-80px; display: none; z-index:2}
#LittleFans .content .icon2 a #pic3 {position: absolute; top: 0px; left:50px; z-index:1}

#LittleFans .content .icon3 a span img{width:80%}
#LittleFans .content .icon3{position: absolute; left: 0px; top: 110px;}
#LittleFans .content .icon3 a {position: relative; width: 300px; height: 100px; display: block;}
#LittleFans .content .icon3 a span {position: absolute; top: 80px; left: 0px; display: none;}
#LittleFans .content .icon3 a #pic4 {position: absolute; top: 0px; left: 30px;}
#LittleFans .content .icon3 a #pic5 {position: absolute; top: 0px; left: 70px;}

#LittleFans .content .icon4{position: absolute; left: 150px; top: 110px;}
#LittleFans .content .icon4 a {position: relative; width: 100px; height: 100px; display: block;}
#LittleFans .content .icon4 a span {position: absolute; top: 60px; left: 50px; display: none; z-index:2}
#LittleFans .content .icon4 a #pic6 {position: absolute; top: 0px; left: 0px; z-index:1}

#LittleFans .content .icon5 a #pic2{width:280px}
#LittleFans .content .icon5 a #pic7{width:50%}
#LittleFans .content .icon5{position: absolute; left:40px; top: 190px}
#LittleFans .content .icon5 a {position: relative; width: 200px; height: 200px; display: block;}
#LittleFans .content .icon5 a span {position: absolute; top: 110px; left: -30px; display: none; z-index: 6}
#LittleFans .content .icon5 a #pic7 {position: absolute; top: 15px; left: 140px; z-index: 4;}
#LittleFans .content .icon5 a #pic2 {position: absolute; top: 40px; left: 0px; z-index: 1;}

#LittleFans .content a:hover span{display:block;}
#LittleFans_meunContainer{position:relative; float:left; margin:10px 0 0 -8px}
#LittleFans_meun li {
    float: left;
	text-indent:-9999px;
}
#LittleFans_meun li a {
    display: block;
    color: #c73c05;
}
#LittleFans_meun li a:hover {
    color: #05c0eb;
}
#LittleFans_meun li a .img {
    display: block;
}
#LittleFans_meun li a:hover .img,#LittleFans_meun li a.current .img{
    background-position: center bottom;
}
#LittleFans_meun .book a .img{
    background: url(../images/LittleFans_m1.png) no-repeat center -10px;
	width: 73px;
    height:94px;
	background-size:100%
}
#LittleFans_meun .product a .img{
    background: url(../images/LittleFans_m2.png) no-repeat center -10px;
	width: 85px;
    height:94px;
	background-size:100%
}
#LittleFans_meun .mailbox a .img{
    background: url(../images/LittleFans_m3.png) no-repeat center -10px;
	width: 75px;
    height:94px;
	background-size:100%
}
#LittleFans_meun .postcar a .img{
    background: url(../images/LittleFans_m4.png) no-repeat center -10px;
	width: 75px;
    height:94px;
	background-size:100%
}
#LittleFans_meun .stemp a .img{
    background: url(../images/LittleFans_m5.png) no-repeat center -10px;
	width: 75px;
    height:94px;
	background-size:100%
}
#LittleFans_meun .club a .img{
    background: url(../images/LittleFans_m6.png) no-repeat 0 0;
	width: 118px;
    height:43px;
	background-size:100%;
}
#LittleFans_meun .show a .img{
    background: url(../images/LittleFans_m7.png) no-repeat 0 0;
	width: 94px;
    height:43px;
	background-size:100%
}
#LittleFans_meun .fanfb a .img{
    background: url(../images/LittleFans_m8.png) no-repeat 0 0;
	width: 106px;
    height:43px;
	background-size:100%
}
#post-item .col-r {
	width: 278px;
	float: left;
}
ul#pd1{margin:0 0 0 5px;}
ul#pd1 li{width:250px}
ul#pd1 li .photo img{max-width:240px;}
ul#pd1 li .photo{width:240px}
ul#pd1 li .pdinfo{width:270px}
/*小小郵迷單元 end*/
/*我要存款單元*/
.money_bg{
	background:url(../images/money_bg.png) no-repeat 62px 5px;
	background-size:305px;
}
#money_type{
	position:absolute;
	z-index:2;
	bottom:-70px;
	width:92%;
	right:0;
	margin-bottom:15px
}
#money_icon1 a:hover span img{width:80%}
#money_icon1{position:absolute; top:40px; left:200px; z-index:2; width:70px}
#money_icon1 #pic{ position:absolute; z-index:2; margin-left:25px}
#money_icon1 a span{display:none; position:absolute; z-index:3; left:-90px;top:30px}
#money_icon1 a:hover span{display:block}

#money_icon2 #pic2{width:45%}
#money_icon2 a:hover span img{width:260%}
#money_icon2{position:absolute; top:50px; left:5px; z-index:2; width:300px}
#money_icon2 #pic2{ position:absolute; z-index:2; margin:70px 0 0 150px}
#money_icon2 a span{display:none; position:absolute; z-index:3; left:250px; top:180px}
#money_icon2 a:hover span{display:block}

#money_icon3 a:hover span img{width:110%}
#money_icon3{position:absolute; top:67px; left:-57px; z-index:2; width:241px}
#money_icon3 #pic{ position:absolute; z-index:2; margin:70px 0 0 70px}
#money_icon3 #hand{ position:absolute; z-index:1; margin:125px 0 0 72px}
#money_icon3 a span{display:none; position:absolute; z-index:3; margin:240px 0 0 60px}
#money_icon3 a:hover span{display:block}

#money_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#money_meun li {
    float: left;
    margin-left:-4px;
	text-indent:-9999px;
}
#money_meun li a {
    display: block;
    color: #c73c05;
}
#money_meun li a:hover {
    color: #05c0eb;
}
#money_meun li a .img {
    display: block;
}
#money_meun li a:hover .img,#money_meun li a.current .img{
    background-position: center bottom;
}
#money_meun .introduce a .img{
    background: url(../images/Money_m1.png) no-repeat center 3px;
	width: 114px;
    height:77px;
	background-size:100%
}
#money_meun .Account a .img{
    background: url(../images/Money_m2.png) no-repeat center 3px;
	width: 114px;
    height:77px;
	background-size:100%
}
#money_meun .run a .img{
    background: url(../images/Money_m3.png) no-repeat center 0px;
	width: 158px;
    height:79px;
	background-size:100%
}
/*我要存款單元 end*/
/*未來郵件單元*/
#futureMail .content{
	position: relative;
	background: url(../images/futureMail_bg.png) no-repeat 150px 87px;
	min-height:580px;
	background-size:180px
}
#futureMail .content .text1{
	position: absolute;
	width: 270px;
	left: 5%;
	top: 20px;
}

#futureMail .content .icon1 a #pic{width:90%}
#futureMail .content .icon1 a #pic2{ width:45%}
#futureMail .content .icon1 a span img{width:240%}
#futureMail .content .icon1{position: absolute; left: 20px; top: 50px;}
#futureMail .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#futureMail .content .icon1 a span {position: absolute; top: 170px; left:100px; display: none; z-index: 3}
#futureMail .content .icon1 a #pic {position: absolute; top: 50px; left: 5px; z-index: 2;}
#futureMail .content .icon1 a #pic2 {position: absolute; top: 115px; left: 80px; z-index: 1;}

#futureMail .content .icon2 a #pic3,#futureMail .content .icon2 a #pic3_over,#futureMail .content .icon3 a #pic4,#futureMail .content .icon3 a #pic4_over,#futureMail .content .icon4 a #pic5,#futureMail .content .icon4 a #pic5_over,#futureMail .content .icon5 a #pic6,#futureMail .content .icon5 a #pic6_over,#futureMail .content .icon6 a #pic7,#futureMail .content .icon6 a #pic7_over,#futureMail .content .icon7 a #pic8,#futureMail .content .icon7 a #pic8_over{width:90%}
#futureMail .content .icon2 {position: absolute; right:170px; top: 280px;}
#futureMail .content .icon2 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon2 a #pic3 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon2 a #pic3_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon3 {position: absolute; right:30px; top: 320px;}
#futureMail .content .icon3 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon3 a #pic4 {position: absolute; top: 0; left:20px; z-index: 1;}
#futureMail .content .icon3 a #pic4_over {position: absolute; top: 0; left:20px; z-index: 2; display:none}

#futureMail .content .icon4 {position: absolute; right:170px; top: 370px;}
#futureMail .content .icon4 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon4 a #pic5 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon4 a #pic5_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon5 {position: absolute; right:180px; top: 470px;}
#futureMail .content .icon5 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon5 a #pic6 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon5 a #pic6_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon6 {position: absolute; right:30px; top: 410px;}
#futureMail .content .icon6 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon6 a #pic7 {position: absolute; top: 0; left: 20px; z-index: 1;}
#futureMail .content .icon6 a #pic7_over {position: absolute; top: 0; left: 20px; z-index: 2; display:none}

#futureMail .content .icon7 {position: absolute; right:40px; top: 500px;}
#futureMail .content .icon7 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon7 a #pic8 {position: absolute; top: 0; left:20px; z-index: 1;}
#futureMail .content .icon7 a #pic8_over {position: absolute; top: 0; left:20px; z-index: 2; display:none}

#futureMail .content a:hover span,#futureMail .content .icon2 a:hover #pic3_over,#futureMail .content .icon3 a:hover #pic4_over,#futureMail .content .icon4 a:hover #pic5_over,#futureMail .content .icon5 a:hover #pic6_over,#futureMail .content .icon6 a:hover #pic7_over,#futureMail .content .icon7 a:hover #pic8_over{display:block;}
#futureMail .content .icon2 a:hover #pic3,#futureMail .content .icon3 a:hover #pic4,#futureMail .content .icon4 a:hover #pic5,#futureMail .content .icon5 a:hover #pic6,#futureMail .content .icon6 a:hover #pic7,#futureMail .content .icon7 a:hover #pic8{display:none;}

#futureMailPage{
	position:relative;
	margin:5px auto;
	float:left;
	width:100%;
}
#futureMail_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#futureMail_meun li {
    /*float: left;*/
    margin-left:1px;
	text-indent:-9999px;
}
#futureMail_meun li a {
    display: block;
    color: #c73c05;
}
#futureMail_meun li a:hover {
    color: #05c0eb;
}
#futureMail_meun li a .img {
    display: block;width: 140px;height:90px;
}
#futureMail_meun li a:hover .img,#futureMail_meun li a.current .img{
    background-position: center -92px;
}
#futureMail_meun .FM1 a .img{ background:url(../images/futureMailPage_icon2M.png) no-repeat 0 0;}
#futureMail_meun .FM2 a .img{ background:url(../images/futureMailPage_icon2M2.png) no-repeat 0 0;}
#futureMail_meun .FM3 a .img{ background:url(../images/futureMailPage_icon2M3.png) no-repeat 0 0;}
#futureMail_meun .FM4 a .img{ background:url(../images/futureMailPage_icon2M4.png) no-repeat 0 0;}
#futureMail_meun .FM5 a .img{ background:url(../images/futureMailPage_icon2M5.png) no-repeat 0 0;}
#futureMail_meun .FM6 a .img{ background:url(../images/futureMailPage_icon2M6.png) no-repeat 0 0;}
#futureMail_meun .FM7 a .img{ background:url(../images/futureMailPage_icon2M1.png) no-repeat 0 0;}
#pageMain #FuM_pictype{display:none}
/*未來郵件單元 end*/
/*網路地圖*/
#Little_Post #anime1,#Little_Post #anime2,#Little_Post #anime3{width:6%}
#Little_Post .header_img_1 img{ width:35%}
#Little_Post .header_img_2{margin-top:10px;}
#SiteMapContainer .SiteMap_Section ul.SiteMapList {	width: 87%}
#SiteMapContainer .SiteMap_Section ul.SiteMapList h5 a{font-size:1.25em}
#SiteMapContainer .SiteMap_Section ul.SiteMapList a{ font-size:1em}
/*網路地圖 end*/
/*訊息活動區*/
#Pagemesssge_content{padding-top:10px }
#Pagemesssge_content #line .news,#Pagemesssge_content #line .news a,#Pagemesssge_content #linetop .news,#Pagemesssge_content #linetop .news a{
	width:86%; 
}
#pageNB_type a,#page_mes a{
	padding:0 5px;
	line-height:2.4em
}
#pageNB_type{margin-left:1px;}
#pageNB_content{margin-left:10%}
#pageNB_content #pervius,#pageNB_content #next{ float:left; width:49px; overflow:hidden}
.BackToPrev,.BackTolist {margin-top:20px;}
/*訊息活動區 end*/
/*郵史光廊區單元*/
#History .content{
	position: relative;
	background: url(../images/History_bg.png) no-repeat right 120px;
	min-height:470px;
	background-size:100%
}
#History .content .text1{
	position: absolute;
	right: 0px;
	top: 0px;
}

#History .content .icon1{position: absolute; left: 170px; top:100px;}
#History .content .icon1 a {position: relative;	width: 200px; height: 165px; display: block;}
#History .content .icon1 a span {position: absolute; top:10px; left: 0px; display: none;}
#History .content .icon1 a #pic {position: absolute; top: 50px; left: 100px;}

#History .content .icon2 {position: absolute; left: 0px; top: 165px;}
#History .content .icon2 a {position: relative;	width: 225px; height: 225px; display: block;}
#History .content .icon2 a span {position: absolute; top: -40px; left: 30px; display: none;}
#History .content .icon2 a #pic3 {position: absolute; top: 0px; right: 0px; z-index: 2;}
#History .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px; z-index: 1;}

#History .content .icon3 a #pic4 {width:150px}
#History .content .icon3{position: absolute; left: 105px; top: 240px; z-index: 3}
#History .content .icon3 a {position: relative;	width: 100px; height: 340px; display: block;}
#History .content .icon3 a span {position: absolute; top: 185px; left: 16px; display: none; z-index: 4}
#History .content .icon3 a #pic4 {position: absolute; top: 0px; left: 0px;}

#History .content a:hover span{display:block;}

#History_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#History_meun li {
    float: left;
    margin-left:-2px;
	text-indent:-9999px;
}
#History_meun li a {
    display: block;
    color: #c73c05;	
}
#History_meun li a:hover {
    color: #05c0eb;
}
#History_meun li a .img {
    display: block;
	width: 126px;
    height:71px;
}
#History_meun li a:hover .img,#History_meun li a.current .img{
    background-position: center -77px;
}
#History_meun .stemp a .img{
    background: url(../images/History_M1.png) no-repeat center -5px;
	background-size:100%
}
#History_meun .mailbox a .img{
    background: url(../images/History_M2.png) no-repeat center -5px;
	background-size:100%
}
#History_meun .postman a .img{
    background: url(../images/History_M3.png) no-repeat center -5px;
	background-size:100%
}
/*郵史光廊區單元 end*/
#stemppic{
	margin:5px;
	width:auto
}
#stemppic img{max-width:250px}
.Paper_imgopen{padding:0}
/*郵局好鄰居單元*/
#Neighbour .content{
	position: relative;
	background: url(../images/Neighbour_bg.png) no-repeat -4px top;
	min-height:470px;
	background-size:400px
}
#Neighbour .content .text1{
	position: absolute;
	width: 250px;
	left:26%;
	top: 20px;
}

#Neighbour .content .icon1 a #pic{width:190px}
#Neighbour .content .icon1{position: absolute; left:-10px; top:60px;}
#Neighbour .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#Neighbour .content .icon1 a span {position: absolute; top:20px; left: 5px; display: none;}
#Neighbour .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 1;}
#Neighbour .content .icon1 a #pic2 {position: absolute; top: 145px; left: 160px; z-index: 2;}
#Neighbour .content .icon1 a #pic3 {position: absolute; top: 160px; left: 20px; z-index: 3;}

#Neighbour .content .icon2 a #pic{width:140px}
#Neighbour .content .icon2 {position: absolute; left:170px; top: 120px;}
#Neighbour .content .icon2 a {position: relative; width: 200px; height: 220px; display: block;}
#Neighbour .content .icon2 a span {position: absolute; top:-30px; left: 20px; display: none; z-index: 3;}
#Neighbour .content .icon2 a #pic {position: absolute; top: 0px; right: 0px;}
#Neighbour .content .icon2 a #pic4 {position: absolute; top: 90px; right: 40px;}

#Neighbour .content .icon3 a #pic5{width:80px}
#Neighbour .content .icon3{position: absolute; left: 30px; top: 300px;}
#Neighbour .content .icon3 a {position: relative; width: 200px; height: 180px; display: block;}
#Neighbour .content .icon3 a span {position: absolute; top: 10px; left:-30px; display: none; z-index:3;}
#Neighbour .content .icon3 a #pic {position: absolute; top: 100px; left: 0px; z-index:1;}
#Neighbour .content .icon3 a #pic5 {position: absolute; top: 40px; right: 40px; z-index:2;}

#Neighbour .content .icon4{position: absolute; left: 190px; top: 300px;}
#Neighbour .content .icon4 a {position: relative; width: 130px; height: 170px; display: block;}
#Neighbour .content .icon4 a span {position: absolute; top: 60px; left:10px; display: none; z-index:2}
#Neighbour .content .icon4 a #pic6 {position: absolute; top: 0px; left: 20px;}
#Neighbour .content .icon4 a #pic7 {position: absolute; top: 100px; left: 40px; z-index:1}

#Neighbour .content a:hover span{display:block;}

#Neighbour_meunContainer{position:relative; width:100%; float:left; padding:15px 0 10px 0}
#Neighbour_meun li {
    float: left;
    margin-left:-2px;
	text-indent:-9999px;
}
#Neighbour_meun li a {
    display: block;
    color: #c73c05;	
}
#Neighbour_meun li a:hover {
    color: #05c0eb;
}
#Neighbour_meun li a .img {
    display: block;
	width: 94px;
    height:72px;
}
#Neighbour_meun li a:hover .img,#Neighbour_meun li a.current .img{
    background-position: center -75px;
}
#Neighbour_meun .Neighbour a .img{
    background: url(../images/Neighbour_m1.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .Fun a .img{
    background: url(../images/Neighbour_m2.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .Volunteers a .img{
    background: url(../images/Neighbour_m3.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .card a .img{
    background: url(../images/Neighbour_m4.png) no-repeat center 0px;
	background-size:100%
}
#CityPostpick li {width:97%; padding-top:15px}
#CityPostpick li a { width:96%}
#CityPostpick li a .IMG img { width:99%}
#CardwriteView #right{
	float:left;
	width:90%;
	margin:5px 0 0 6px;
	padding:10px;
}
#CardwriteView #left{width:91%;}
#CardwriteView #left img{width:100%}
#CardtypeView span{padding-right:5px}
#Cardtype2 #Cpic{ padding-top:45px;position:relative;max-width:300px;}
#Cardtype2 #write{width:100%; margin-top:92px}
#Cardtype2 #write .from{text-indent:200px;}
#Cardtype2 #stemp {margin-top:435px;}
#applyNB{ margin:0 auto; width:400px; height:70px; padding:15px 0}
#Cardtype1 #Cpic,#Cardtype3 #Cpic{max-width:190px;}
#Cardtype1,#Cardtype3{padding:5px 15px;	width:90%; min-height:400px}
#Cardtype1 #write,#Cardtype3 #write{width:140px;top:95px;font-size:0.75em}
#Cardtype3 #stemp #mask{width:118px}
#Cardtype1 #stemp #mask{ width:118px;right:-10px;top:48px;}
#Cardtype1 #stemp #ticket{right:64px;top:-25px;	z-index:98;}
#Cardtype3 #stemp p{left: 53px;	top: 24px;	font-size:4%;}
#Cardtype1 #stemp p{right: 51px;top: 67px;	font-size:4%;}
#Cardtype1 #write .from{
	text-indent: 16px;
	padding-top: 35px;
	position: absolute;
	right: 0px;
}
#Cardtype3 #write .from{
	text-indent: 16px;
	padding-top: 35px;
	position: absolute;
	right: -128px;
}
#CardOverpick li{width:80%}
#CardOverpick li a{width:auto}
#CardOverpick li a .IMG img{max-width:295px}
/*郵局好鄰居單元 end*/
/*集郵小天地單元*/
#StampWorld .content{
	position: relative;
	background: url(../images/StampWorld_bg.png) no-repeat left top;
	min-height:800px;
}
#StampWorld .content .text1{
	position: absolute;
	width: 300px;
	left: 0px;
	top: 0px;
}

#StampWorld .content .icon1{position: absolute; left: 15px; top: 20px;}
#StampWorld .content .icon1 a {position: relative;	width: 280px; height: 125px; display: block;}
#StampWorld .content .icon1 a span {position: absolute; top:-14px; left: 10px; display: none; z-index:2}
#StampWorld .content .icon1 a #pic {position: absolute; top: 0px; left: 0px; z-index:1}

#StampWorld .content .icon2 a span img{width:95%}
#StampWorld .content .icon2 {position: absolute; left:20px; top: 140px;}
#StampWorld .content .icon2 a {position: relative;	width: 200px; height: 160px; display: block;}
#StampWorld .content .icon2 a span {position: absolute; top: 120px; left: 5px; display: none;}
#StampWorld .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px;}

#StampWorld .content .icon3{position: absolute; left: 170px; top: 11px;}
#StampWorld .content .icon3 a {position: relative;	width: 180px; height: 160px; display: block;}
#StampWorld .content .icon3 a span {position: absolute; top: 0px; right: 0px; display: none;}
#StampWorld .content .icon3 a #pic3 {position: absolute; top: 50px; left: 0px;}

#StampWorld .content .icon4{position: absolute; left: 160px; top: 223px;}
#StampWorld .content .icon4 a {position: relative;	width: 150px; height: 125px; display: block;}
#StampWorld .content .icon4 a span {position: absolute; top:-40px; left: 80px; display: none; z-index:2}
#StampWorld .content .icon4 a #pic4 {position: absolute; top: 0px; left: 40px; z-index:1}

#StampWorld .content a:hover span{display:block;}

#StampWorld .list-wrap{
	position: relative; 
	background: url(../images/StampWorld_introBG.png) no-repeat 0 0;
	height: 465px;
	top:320px;

}
#StampWorld .list-wrap .deco,#paper .list-wrap .deco {
	bottom: -20px; left:180px;
	width: 128px;
	height: 190px;
}
#StampWorld .list-wrap .list{
	position: relative; top: 50px; left: 25px;
	line-height:1.4em;
	width: 230px;
}
#StampWorld_meunContainer{ padding-top:15px; position:relative; width:100%; float:left}
#StampWorld_meun li {
    float: left;
	text-indent:-9999px;
}
#StampWorld_meun li a {
    display: block;
    color: #c73c05;
}
#StampWorld_meun li a:hover {
    color: #05c0eb;
}
#StampWorld_meun li a .img {
    display: block;
	width: 71px;
    height:103px;
}
#StampWorld_meun li a:hover .img,#StampWorld_meun li a.current .img{
    background-position: center -105px;
}
#StampWorld_meun .miss a .img{
    background: url(../images/StampWorld_m1.png) no-repeat center 0px;
	background-size:100%;
}
#StampWorld_meun .owe a .img{
    background: url(../images/StampWorld_m2.png) no-repeat center 0px;
	background-size:100%;
}
#StampWorld_meun .area a .img{
    background: url(../images/StampWorld_m3.png) no-repeat center 0px;
	background-size:100%;
}
#StampWorld_meun .book a .img{
    background: url(../images/StampWorld_m4.png) no-repeat center 0px;
	background-size:100%;
}
#StampWorld_meun .new a .img{
    background: url(../images/StampWorld_m5.png) no-repeat center 0px;
	background-size:100%;
}
#paper #into{width:100%;}
.Stamparrow{width:100%}
#Stamp_pic,#Stamp_pic_paper{width:112px}
#Stampfrom{width:80%}
#Stampfrom li{list-style:none; width:81px; float:left;padding-right: 13px;}
#Stampfrom li img{max-width:91px;margin-left: -5px;}
#paper .list-wrap{display:none}
#paper #selectBT{
	background:url(../images/selectArrow.png) no-repeat right #f48b5d;
	width:70%;
	overflow:hidden;
	height:35px;
	-moz-border-radius: 	.5em ;
	-webkit-border-radius: 	.5em ;
	border-radius: 			.5em ;
	color:#FFF;
	position:relative;
	float:left
}
#paper #selectBT select{
	background:transparent;
	margin: .25em 0 .25em .25em;
	color:#731f1c; font-size:1em;
	height:30px;
	border:none;
	width:120%;
	-webkit-appearance: none; /*for chrome*/
}
#paper #short{
	font-size:0.938em;
	font-weight:600;
	line-height:2.4em;
}
/*集郵小天地單元 end*/
/*體驗遊戲區單元*/
#PlayGames .content{
	position: relative;
	background: url(../images/PlayGames_bg.png) no-repeat right 70px;
	min-height:470px;
}
#PlayGames .content .text1{
	position: absolute;
	width: 250px;
	left: 50px;
	bottom:10px;
}

#PlayGames .content .icon1 a #pic {width:70%}
#PlayGames .content .icon1{position: absolute; left: 20px; top:40px;}
#PlayGames .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#PlayGames .content .icon1 a span {position: absolute; top: 0px; left: 0px; display: none;}
#PlayGames .content .icon1 a #pic {position: absolute; top: 50px; left: 0px;}

#PlayGames .content .icon2 {position: absolute; right: 0px; top: 0px;}
#PlayGames .content .icon2 a {position: relative; width: 140px; height: 100px; display: block;}
#PlayGames .content .icon2 a span {position: absolute; top: 20px; left: -200px; display: none;}
#PlayGames .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px;}

#PlayGames .content .icon3{position: absolute; left: 150px; top: 300px;}
#PlayGames .content .icon3 a {position: relative; width: 150px; height: 100px; display: block;}
#PlayGames .content .icon3 a span {position: absolute; top: 60px; left:40px; display: none; z-index:2;}
#PlayGames .content .icon3 a #pic3 {position: absolute; top: 0px; right: 0px; z-index:1;}

#PlayGames .content .icon4 a #pic4{width:60%}
#PlayGames .content .icon4{position: absolute;left: 0px; top: 240px;}
#PlayGames .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#PlayGames .content .icon4 a span {position: absolute; top: 140px; left: 0px; display: none; z-index:3}
#PlayGames .content .icon4 a #pic4 {position: absolute; top:25px; left: 0px; z-index:1}
#PlayGames .content .icon4 a #pic5 {position: absolute; top: 100px; left: 40px; z-index:2}

#PlayGames .content a:hover span{display:block;}

/*體驗遊戲區單元 end*/
}

@media (min-width: 701px) and (max-width: 1024px){
#ContentsContainer{
	background:#fcd9a3 url(../images/bg.jpg) repeat-x 0 -2px; 
}
#ContentsContainer #Contents{
	width:805px; 
	height:1020px;
	background-size:100%;
	background-position:-26px 66px
}
#logo{top:5px;left:50px;}
#logo img{width:75%}
#INback{position:absolute; width:40%; top:5px; right:195px}
#INback img{width:93%}
#INmap{position:absolute; width:40%; top:5px; right:-110px}
#INmap img{width:45%}
#sun{
	top:25px;
	left:280px;
}
#sun img{width:80%}
/*無障礙標點色*/
.first .acc-key a,.P_brown1 .acc-key a,.P_money .acc-key a,.P_green .acc-key a,.P_red1 .acc-key a,.P_brown2 .acc-key a,.P_green2 .acc-key a,.P_yellow1 .acc-key a,.P_purple1 .acc-key a,.P_blue2 .acc-key a,.P_pink .acc-key a,.P_pink1 .acc-key a,.P_yellow2 .acc-key a{ display:none}
/*無障礙標點色 End*/
/*選單*/
#newsball{position:absolute; top:50px; right:80px; z-index:6;}
#newsball img{width:85%}
#newsball a span {
	position:absolute;
	z-index:7;
	top:-35px;
	left:-79px
}
#Air_Balloon{
	position:absolute;
	top:100px;
	left:290px;
	z-index:6;
}
#Air_Balloon img{width:80%}
#Air_Balloon a span img{width:180%}
#Air_Balloon a span {
	display: none;
}
#Air_Balloon a:hover span {
	display: block;
	position:absolute; 
	z-index:7; 
	top:-35px;
	left:-25px
}
#Tram{ position:absolute; top:175px; left:120px; z-index:10; width:300px; height:141px;}
.Tram_icon{float:right; margin-top:80px;width:63%}
#Tram a span {
	display: none;
	float:left;
	left:170px;top:40px
}
#Tram a:hover span {
	display: block;
	position:absolute;
	z-index:11;
}
#AmusementPark{ position:absolute; top:120px; left:515px; z-index:9; width:210px; height:142px}
#AmusementPark img{width:40%}
#AmusementPark_icon{float:right; position:absolute;margin:80px 0 0 15px; z-index:10}
#AmusementPark_icon1{
	float:left;
	position:absolute;
	margin-top:45px;
	margin-left:-32px;
	z-index:8;
	left: -55px;
	top: 36px;
}
#AmusementPark a span img{width:100%}
#AmusementPark a span {
	display: none;
	float:left
}
#AmusementPark a:hover span {
	display: block;
	position:absolute;
	z-index:11;
	left:-60px;
	top:40px
}
#mailbox{ position:absolute; top:172px; right:50px; z-index:9; width:175px; height:183px}
.mailbox_icon{float:right; margin-top:8px; margin-right:40px}
#mailbox img{width:50%}
#mailbox a span img{width:100%}
#mailbox a span {
	display: none;
	float:left
}
#mailbox a:hover span {
	display: block;
	position:absolute;
	z-index:10
}
#Neighbor{
	position:absolute;
	top:290px;
	left:70px;
	z-index:10;
	width:205px;
	height:145px
}
#Neighbor #people1{ position:absolute; z-index:10; margin:35px 0 0 110px}
#Neighbor #people2{ position:absolute; z-index:11; margin:45px 0 0 80px}
#Neighbor #people3{ position:absolute; z-index:11; margin:38px 0 0 140px}
#Neighbor a span {
	display: none;
	float:left
}
#Neighbor a:hover span {
	display: block;
	position:absolute;
	z-index:12;
	top:20px;
	left:25px;
}
#game{ position:absolute; top:290px; left:340px; z-index:10; width:300px; height:141px;}
#game img{width:50%}
#game a span img{width:100%}
#game a span {
	display: none;
	float:left
}
#game a:hover span {
	display: block;
	position:absolute;
	z-index:11;
	top:-35px
}
#futuremail{ position:absolute; top:370px; left:160px; z-index:8; width:300px; height:141px;}
.futuremail_icon{float:right; }
#futuremail img{width:50%}
#futuremail a span img{ width:100%}
#futuremail a span {
	display: none;
	float:left
}
#futuremail a:hover span {
	display: block;
	position:absolute;
	z-index:9;
	top:50px;
	left:-10px
}
#fan{ position:absolute; top:390px; right:5px; z-index:12; width:180px; height:165px;}
#fan #fanball{position:absolute; z-index:10; float:right; margin-top:60px; left:10px}
#fan #fanpeople{
	position:absolute;
	z-index:13;
	float:right;
	left:25px
}
#fan a span {
	display: none;
	float:left
}
#fan a:hover span {
	display: block;
	position:absolute;
	z-index:14;
	top:100px;
	right:15px
}
#stamp{
	position:absolute;
	top:560px;
	left:5px;
	z-index:15;
	width:288px;
	height:164px;
}
#stamp #wing{position:absolute; z-index:15; margin-top:25px}
#stamp #people{position:absolute; z-index:16; margin-left:23px}
#stamp a span img{ width:87%}
#stamp a span {
	display: none;
	float:left
}
#stamp a:hover span {
	display: block;
	position:absolute;
	z-index:17;
	right:10px;
	top:-45px
}
#sendmail{
	position:absolute;
	top:503px;
	left:233px;
	z-index:18;
	width:288px;
	height:164px;
}
#sendmail #mail{position:absolute; z-index:19; margin:15px 0 0 5px}
#sendmail #people{position:absolute; z-index:18; margin-left:23px}
#sendmail a span {
	display: none;
	float:left
}
#sendmail a:hover span {
	display: block;
	position:absolute;
	z-index:20;
	right:-20px;
	top:-15px
}
#money{
	position:absolute;
	top:560px;
	right:140px;
	z-index:21;
	width:241px;
	height:173px;
}
#money #moneyhand{position:absolute; z-index:21; margin:32px 0 0 10px}
#money #people{position:absolute; z-index:22; margin-left:23px}
#money a span {
	display: none;
	float:left
}
#money a:hover span {
	display: block;
	position:absolute;
	z-index:23;
	right:-19px;
}
/*選單End*/

#messsge_content{
	position:absolute;
	width:90%; 
	height:408px; 
	background: url(../images/mes.gif) no-repeat 5px 13px;
	font-size:1em;
	z-index:9999;
	top:630px;
	left:60px
}
#messsge_content #moreMES{
	width:100px;
	height:40px;
	position:absolute;
	top:83px;
	right:257px
}
#messsge_content #linetop{
	margin:2px 55px; 
	float:left; 
	width:480px; 
	height:25px; 
	overflow:hidden;
	padding-top:135px;
	line-height:1.4em;
}
#messsge_content #line{
	margin:5px 55px; 
	float:left; 
	width:480px; 
	height:23px; 
	overflow:hidden;
	line-height:1.4em
}
#messsge_content #line .date,#messsge_content #linetop .date{
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	width:90px; 
	float:left; 
	margin:0; 
	text-shadow:2px 2px 1px #b15521
}
#messsge_content #line .news,#messsge_content #line .news a,#messsge_content #linetop .news,#messsge_content #linetop .news a{
	width:350px; 
	margin:0;
	float:left;
	color:#643c05; 
	text-decoration:none
}
#messsge_content #line .news a:hover,#messsge_content #linetop .news a:hover{
	color:#c83f03
}
#messsge_content #line #newsicon,#messsge_content #linetop #newsicon{
	float:right; 
	margin:-1px 2px;
	width:20px;
	height:16px
}
#adBanner_content{
	position:absolute; 
	z-index:9998; 
	width:260px; 
	left:-13px; 
	top:110px; 
	height:140px; 
	background:url(../images/bannerBG.gif) no-repeat right 5px; 
	padding:15px 5px 0 5px; 
	overflow:hidden;
	background-size:200px
}
#adBanner_content #pic{ 
	position:absolute; 
	z-index:9999; 
	width:174px; 
	height:109px; 
	margin:4px 0 0 78px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden
}
#adBanner_content #pic img{
	max-width:175px;
}
#adBanner_content #moreAD{
	position:absolute;
	z-index:1;
	bottom:-5px;
	left:84px;
	width:128px;
	height:28px
}
#adBanner_content #moreAD img{width:80%}
#adBanner_content #brand{ display:none;}
#FooterContainer{
	position:relative; 
	margin:0 auto;
	padding:15px 0;
	clear:both;
}
#FooterContainer #type{
	position:relative; 
	margin:0 auto; 
	width:90%; 
	font-size:0.75em; 
	color:#333; 
	font-family:Arial, Helvetica, sans-serif; 
	/*padding:10px 0 0;
	border-top:1px solid #b15521;*/
}
#FooterContainer #type span,#P_FooterContainer #type span{
	padding-left:300px
}
.counter {position: absolute;bottom: 0;right: 100px;}
.aaa {position: absolute;bottom: 0;right: 0;}
/*左選單*/
#leftmenu{
	position:relative;
	float:left;
	width:220px;
	/*height:692px;*/
	overflow:hidden;
	background:url(../images/leftMenu_bg.png) no-repeat 10px 0;
	background-size:225px;
	padding-left:15px;
}
#leftContainer{
	position:relative;
	width:34%;
}
#Pagelogo{
	position:relative;
	float:left;
	margin:25px 8px 0 8px;
}
#Pagelogo img{max-width:210px}
.LMSnav{
	list-style:none;
	float:left;
	width:220px;
	margin:28px 8px 0 8px
}
.LMSnav a{
	width:220px;
	float:left;
	padding-bottom:.6em;
	height:31px
}
.LMSnav a img{max-width:200px}
.LMSnav a:hover #LMon,.LMSnav a #LMover,.LMSnav a #LMover1,.LMSnav a #LMover2,.LMSnav a #LMover3,.LMSnav a #LMover4,.LMSnav a #LMover5,.LMSnav a #LMover6,.LMSnav a #LMover7,.LMSnav a #LMover8,.LMSnav a #LMover9,.LMSnav a #LMover10,.LMSnav a #LMover11{ display:none}
.LMSnav a #LMon,.LMSnav a:hover #LMover,.LMSnav a:hover #LMover1,.LMSnav a:hover #LMover2,.LMSnav a:hover #LMover3,.LMSnav a:hover #LMover4,.LMSnav a:hover #LMover5,.LMSnav a:hover #LMover6,.LMSnav a:hover #LMover7,.LMSnav a:hover #LMover8,.LMSnav a:hover #LMover9,.LMSnav a:hover #LMover10,.LMSnav a:hover #LMover11{
	display:block
}
/*左選單END*/

/*上選單*/
#topMenuContainer{
	position:relative;
	width:60%;
	float:left;
	margin-top:20px;
	height:64px
}
.TMSnav img,.TMSnav4 img{ max-height:55px}
#TMline{position:absolute; z-index:1; margin:0px 0 0 285px;}
.TMSnav #on{ position:absolute; top:0px; left:-10px; z-index:2; }
.TMSnav #over{ position:absolute; top:0px; left:-10px; z-index:3}

#TMline2{position:absolute; z-index:1; margin:9px 0 0 330px}
.TMSnav2 #on{ position:absolute; top:0; left:190px; z-index:2; }
.TMSnav2 #over2{ position:absolute; top:0; left:190px; z-index:3}

#TMline3{position:absolute; z-index:1; margin:9px 0 0 490px}
.TMSnav3 #on{ position:absolute; top:0; left:350px; z-index:2; }
.TMSnav3 #over3{ position:absolute; top:0; left:350px; z-index:3}

.TMSnav4 #on{ position:absolute; top:0px; left:290px; z-index:2; }
.TMSnav4 #over4{ position:absolute; top:0px; left:290px; z-index:3}

.TMSnav a:hover #on,.TMSnav a #over,.TMSnav2 a:hover #on,.TMSnav2 a #over2,.TMSnav3 a:hover #on,.TMSnav3 a #over3,.TMSnav4 a:hover #on,.TMSnav4 a #over4{display:none}
.TMSnav a #on,.TMSnav a:hover #over,.TMSnav2 a #on,.TMSnav2 a:hover #over2,.TMSnav3 a #on,.TMSnav3 a:hover #over3,.TMSnav4 a #on,.TMSnav4 a:hover #over4{display:block}
/*上選單END*/
/*字體大小*/#FontSizeContainer {display:none}
/*內頁欄位*/
#pageContainer{
	margin:0 auto; 
	position:relative;
}
#pageContainer #Contents{
	position:relative; 
	margin:0 auto; 
	width:100%; 
	min-height:621px;
	clear:both;
}
#pagetitle{
	position:relative;
	margin-top:62px
}
#pagetitle img{ max-width:444px}
#pageMain{
	position:relative;
	padding:10px;
	float:left;
	margin-top:32px;
	font-size:0.875em;
	line-height:2.2em
}
#letterMovie{
	background-color:#FFF;
	width:500px
}
#letterMovie object{width:500px; height:375px}
#letterpic{
	padding-left:25px;
	background-color:#FFF;
	width:490px
}
#pcmovie{display:none}
#rwdmovie{display:block}
/*內頁欄位 end*/

/*RWD選單*/
#page{ display:none}
/*RWD選單 end*/

/*我是一封信單元*/
#WriteLetter .content{
	position: relative;
	background: url(../images/WriteLetter_bg.png) no-repeat left 150px;
	min-height:470px;
}
#WriteLetter .content .text1{
	position: absolute;
	width: 360px;
	left: 0px;
	top: 0px;
}

#WriteLetter .content .icon1{position: absolute; right: 50px; top: 89px;}
#WriteLetter .content .icon1 a {position: relative;	width: 305px; height: 165px; display: block;}
#WriteLetter .content .icon1 a span {position: absolute; top: 40px; left: -60px; display: none;}
#WriteLetter .content .icon1 a #pic {position: absolute; top: 50px; left: 140px;}

#WriteLetter .content .icon2 {position: absolute; left: 20px; top: 270px;}
#WriteLetter .content .icon2 a {position: relative;	width: 300px; height: 230px; display: block;}
#WriteLetter .content .icon2 a span {position: absolute; top: -70px; left: -15px; display: none;}
#WriteLetter .content .icon2 a #pic {position: absolute; top: 40px; left: 0px; z-index: 2;}
#WriteLetter .content .icon2 a #pic2 {position: absolute; top: 0px; left: 100px; z-index: 1;}

#WriteLetter .content .icon3{position: absolute; right: 0px; top: 250px;}
#WriteLetter .content .icon3 a {position: relative;	width: 230px; height: 240px; display: block;}
#WriteLetter .content .icon3 a span {position: absolute; top: 0px; right: 0px; display: none;}
#WriteLetter .content .icon3 a #pic3 {position: absolute; top: 80px; left: 0px;}

#WriteLetter .content a:hover span{display:block;}

#WriteLetter_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#WriteLetter_meun li {
    float: left;
    margin-left:-1px;
	text-indent:-9999px;
}
#WriteLetter_meun li a {
    display: block;
    color: #c73c05;
}
#WriteLetter_meun li a:hover {
    color: #05c0eb;
}
#WriteLetter_meun li a .img {
    display: block;
}
#WriteLetter_meun li a:hover .img,#WriteLetter_meun li a.current .img{
    background-position: center -100px;
}
#WriteLetter_meun .letter a .img{
    background: url(../images/WriteLetter_m1.png) no-repeat center 4px;
	width: 141px;
    height:95px;
	background-size:100%
}
#WriteLetter_meun .write a .img{
    background: url(../images/WriteLetter_m2.png) no-repeat center 0px;
	width: 141px;
    height:95px;
	background-size:100%
}
#WriteLetter_meun .send a .img{
    background: url(../images/WriteLetter_m3.png) no-repeat center 0px;
	width: 145px;
    height:95px;
	background-size:100%
}
/*我是一封信單元 end*/
/*兒童郵園單元*/
#Amusment .content{
	position: relative;
	background: url(../images/Amusment_bg.png) no-repeat 0 -40px;
	min-height:470px;
	background-size:430px
}
#Amusment .content .text1{
	position: absolute;
	width:100%;
	right: 0px;
	bottom: -40px;
}

#Amusment .content .icon1{position: absolute; left:47px; top:-81px;}
#Amusment .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#Amusment .content .icon1 a span {position: absolute; top:60px; left:90px; display: none; z-index: 3;}
#Amusment .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 2;}
#Amusment .content .icon1 a #pic2 {position: absolute; top: 140px; left: 40px; z-index: 1;}

#Amusment .content .icon2 a #pic2,#Amusment .content .icon2 a #pic3{width:70%}
#Amusment .content .icon2 {position: absolute; left: 0px; top: 151px;}
#Amusment .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#Amusment .content .icon2 a span {position: absolute; top: 140px; left: 40px; display: none; z-index: 3;}
#Amusment .content .icon2 a #pic3 {position: absolute; top: 0px; left: 0px; z-index: 2;}
#Amusment .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px; z-index: 1;}

#Amusment .content .icon3 a #pic2,#Amusment .content .icon3 a #pic4{width:90%}
#Amusment .content .icon3{position: absolute; left: 197px; top:-2px;}
#Amusment .content .icon3 a {position: relative; width: 225px; height: 270px; display: block;}
#Amusment .content .icon3 a span {position: absolute; top: -15px; left:80px; display: none;}
#Amusment .content .icon3 a #pic4 {position: absolute; top: 50px; left: 0px; z-index: 2;}
#Amusment .content .icon3 a #pic2 {position: absolute; top: 50px; left: 0px; z-index: 1;}

#Amusment .content .icon4{position: absolute; left: 210px; top: 130px;}
#Amusment .content .icon4 a {position: relative; width: 220px; height: 230px; display: block;}
#Amusment .content .icon4 a span {position: absolute; top: 0px; right: 0px; display: none; z-index:11;}
#Amusment .content .icon4 a #pic {position: absolute; top: 70px; left: 0px; z-index: 9;}
#Amusment .content .icon4 a #pic5 {position: absolute; top: 103px; left: 80px; z-index: 10;}

#Amusment .content a:hover span{display:block;}
#museum_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#museum_meun li {
    float: left;
    margin-left:1px;
	text-indent:-9999px;
}
#museum_meun li a {
    display: block;
    color: #c73c05;
}
#museum_meun li a:hover {
    color: #05c0eb;
}
#museum_meun li a .img {
    display: block;
}
#museum_meun li a:hover .img,#museum_meun li a.current .img{
    background-position: center -84px;
}
#museum_meun .Wheel a .img{
    background: url(../images/museum_m1.png) no-repeat center 0px;
	width: 105px;
    height:83px;
	background-size:100%
}
#museum_meun .ticket a .img{
    background: url(../images/museum_m2.png) no-repeat center 0px;
	width: 105px;
    height:83px;
	background-size:100%
}
#museum_meun .world a .img{
    background: url(../images/museum_m3.png) no-repeat center 0px;
	width: 105px;
    height:83px;
	background-size:100%
}
#museum_meun .Exhibition a .img{
    background: url(../images/museum_m4.png) no-repeat center 0px;
	width: 105px;
    height:83px;
	background-size:100%
}
#Mus_ViewBG{
	display:none;
	background:url(../images/M_viewBG1.png) no-repeat left top;
	padding:20px 37px;
	background-size:420px
}
#Mus_ViewBG2{
    display:none;
	background:url(../images/M_viewBG2.png) no-repeat left top;
	padding:20px 37px;
	background-size:420px
}
#Mus_ViewBG embed,#Mus_ViewBG2 embed{ width:290px; height:249px}
.fmPadLeft{ margin-left:-25px}
#ful_table2{font-size:90%}
/*兒童郵園單元 end*/
/*告訴郵局單元*/
#talking .content{
	position: relative;
	background: url(../images/talking_bg.png) no-repeat 0 33px;
	min-height:470px;
	background-size:100%;
}
#talking .content .text1{
	position: absolute;
	width: 260px;
	right: 0;
	top: 0;
}

#talking .content .icon1 a #pic2{width:75%}
#talking .content .icon1{position: absolute; left: 0px; top:-25px;}
#talking .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#talking .content .icon1 a span {position: absolute; top: 250px; left: 120px; display: none; z-index: 6}
#talking .content .icon1 a #pic {position: absolute; top: 187px; left: 85px; z-index: 2;}
#talking .content .icon1 a #pic2 {position: absolute; top: 140px; left: 0px; z-index: 1;}

#talking .content .icon2 {position: absolute; right: 44px; top: 268px;}
#talking .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#talking .content .icon2 a span {position: absolute; top: 120px; right: -10px; display: none;}
#talking .content .icon2 a #pic3 {position: absolute; top: 2px; left: 10px; z-index: 2;}
#talking .content .icon2 a #pic4 {position: absolute; top: -6px; left: 120px; z-index: 3;}
#talking .content .icon2 a #pic2 {position: absolute; top: 90px; left: 0px; z-index: 1;}

#talking .content .icon3 a #pic2{width:96%}
#talking .content .icon3 a #pic5{width:43%}
#talking .content .icon3{position: absolute; left: 240px; top: 20px;}
#talking .content .icon3 a {position: relative; width: 119px; height: 270px; display: block;}
#talking .content .icon3 a span {position: absolute; top: 30px; left:-160px; display: none; z-index: 3}
#talking .content .icon3 a #pic5 {position: absolute; top: 146px; left: 36px; z-index: 2;}
#talking .content .icon3 a #pic2 {position: absolute; top: 50px; left: 0px; z-index: 1;}

#talking .content .icon4{position: absolute; left:0px; top: 300px;}
#talking .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#talking .content .icon4 a span {position: absolute; top: 90px; left:120px; display: none; z-index:3}
#talking .content .icon4 a #pic6 {position: absolute; top: 0px; left: 0px; z-index:1}
#talking .content .icon4 a #pic7 {position: absolute; top: 100px; left: 40px; z-index:2}

#talking .content a:hover span{display:block;}
#talking_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#talking_meun li {
    float: left;
	margin-left:-1px;
	text-indent:-9999px;
}
#talking_meun li a {
    display: block;
    color: #c73c05;
}
#talking_meun li a:hover {
    color: #05c0eb;
}
#talking_meun li a .img {
    display: block;
}
#talking_meun li a:hover .img,#talking_meun li a.current .img{
    background-position: center -80px;
}
#talking_meun .diary a .img{
    background: url(../images/talking_m1.png) no-repeat center 0px;
	width: 107px;
    height:81px;
	background-size:100%
}
#talking_meun .date a .img{
    background: url(../images/talking_m2.png) no-repeat center 0px;
	width: 107px;
    height:81px;
	background-size:100%
}
#talking_meun .favorites a .img{
    background: url(../images/talking_m3.png) no-repeat center 0px;
	width: 107px;
    height:81px;
	background-size:100%
}
#talking_meun .Opinion a .img{
    background: url(../images/talking_m4.png) no-repeat center 0px;
	width: 107px;
    height:81px;
	background-size:100%
}
#talking_paper{
	background:#fff3e0;
	width:93%;
	margin:10px auto;
	font-size:1em;
	padding:10px 15px 25px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#404040;
	min-height:109px
}
#talking_paper #part{
	float:left;
	width:110px;
	padding:0 6px;
}
#talking_paper a{
	color:#427801;
	line-height:2.5em;
	border-bottom:1px dotted #427801
}
#talking_paper a:hover{
	color:#abbf02
}
#talking_paper .icon{
	float:left;
	padding:10px 5px 5px;
	max-width:20px
}
#talking_paper #list{clear:both; position:relative; left:50px; height:60px; width:74%; top:10px;}
#talking_paper #list #nember_meun li{
	float: left;
	padding-left:5px;
	text-indent:-9999px;
	margin-bottom:25px
}
#talking_paper #list #nember_meun li a{
	display: block;
	width:139px;
	height:40px;
	border-bottom:none
}
#talking_paper #list #nember_meun li a:hover{
	background-position: center -50px;
}
#talking_paper #list #nember_meun .send a{
	background:url(../images/login_send.png) no-repeat center 0px;
	background-size:100%
} 
#talking_paper #list #nember_meun .rekey a{
	background:url(../images/login_rekey.png) no-repeat center 0px;
	background-size:100%
} 
#IEBT{ display:none}
/*告訴郵局單元 end*/
/*小小郵迷單元*/
#LittleFans .content{
	position: relative;
	background: url(../images/LittleFans_bg.png) no-repeat right top;
	min-height:470px;
	background-size:278px
}
#LittleFans .content .text1{
	position: absolute;
	width: 280px;
	right: 0px;
	bottom:-104px;
}
#LittleFans .content .basic{position: absolute; right:-15px; top: 48px; width:280px; font-size:0.938em; line-height:1em}
#LittleFans .content .basic li{float:left; padding-right:8px; text-align:center; color:#FFF}
#LittleFans .content .basic li a{color:#FFF}
#LittleFans .content .basic li a:hover{color:#ffea00}
#LittleFans .content .basic li #pic {position: absolute; top: 0px; left: 0px;width:80px;}
#LittleFans .content .basic li #pic1 {position: absolute; top: 0px; left: 105px;width:40px;}
#LittleFans .content .basic li #pic2 {position: absolute; top: 0px; left: 180px;width:60px;}

#LittleFans .content .icon1{position: absolute; left: 0px; top: 0px;}
#LittleFans .content .icon1 a {position: relative; width: 80px; height: 100px; display: block;}
#LittleFans .content .icon1 a span {position: absolute; top: 67px; left: 10px; display: none; z-index:2}
#LittleFans .content .icon1 a #pic {position: absolute; top: 0px; left: 0px; z-index:1}

#LittleFans .content .icon2 {position: absolute; left: 50px; top: 112px;}
#LittleFans .content .icon2 a {position: relative; width: 280px; height: 100px; display: block;}
#LittleFans .content .icon2 a span {position: absolute; top: 60px; left: -10px; display: none; z-index:2}
#LittleFans .content .icon2 a #pic3 {position: absolute; top: -5px; left: 0px; z-index:1}

#LittleFans .content .icon3{position: absolute; left: 0px; top: 229px;}
#LittleFans .content .icon3 a {position: relative; width: 300px; height: 100px; display: block;}
#LittleFans .content .icon3 a span {position: absolute; top: 80px; left: 0px; display: none; z-index:3}
#LittleFans .content .icon3 a #pic4 {position: absolute; top: 0px; left: 30px;}
#LittleFans .content .icon3 a #pic5 {position: absolute; top: 0px; left: 70px;}

#LittleFans .content .icon4{position: absolute; left: 180px; top: 200px;}
#LittleFans .content .icon4 a {position: relative; width: 100px; height: 100px; display: block;}
#LittleFans .content .icon4 a span {position: absolute; top: 60px; left: 100px; display: none; z-index:2}
#LittleFans .content .icon4 a #pic6 {position: absolute; top: 0px; left: 0px; z-index:1}

#LittleFans .content .icon5{position: absolute; left:84px; top: 291px;}
#LittleFans .content .icon5 a {position: relative; width: 380px; height: 200px; display: block;}
#LittleFans .content .icon5 a span {position: absolute; top: 160px; left: 0px; display: none; z-index: 3}
#LittleFans .content .icon5 a #pic7 {position: absolute; top: 15px; left: 165px; z-index: 2;}
#LittleFans .content .icon5 a #pic2 {position: absolute; top: 50px; left: 0px; z-index: 1;}

#LittleFans .content a:hover span{display:block;}
#LittleFans_meunContainer{position:relative; width:100%; float:left}
#LittleFans_meun li {
    float: left;
	text-indent:-9999px;
	padding-right:1px
}
#LittleFans_meun li a {
    display: block;
    color: #c73c05;
}
#LittleFans_meun li a:hover {
    color: #05c0eb;
}
#LittleFans_meun li a .img {
    display: block;
}
#LittleFans_meun li a:hover .img,#LittleFans_meun li a.current .img{
    background-position: center bottom;
}
#LittleFans_meun .book a .img{
    background: url(../images/LittleFans_m1.png) no-repeat center -10px;
	width: 72px;
    height:100px;
	background-size:100%
}
#LittleFans_meun .product a .img{
    background: url(../images/LittleFans_m2.png) no-repeat center -10px;
	width: 85px;
    height:100px;
	background-size:100%
}
#LittleFans_meun .mailbox a .img{
    background: url(../images/LittleFans_m3.png) no-repeat center -10px;
	width: 85px;
    height:107px;
	background-size:100%
}
#LittleFans_meun .postcar a .img{
    background: url(../images/LittleFans_m4.png) no-repeat center -10px;
	width: 85px;
    height:107px;
	background-size:100%
}
#LittleFans_meun .stemp a .img{
    background: url(../images/LittleFans_m5.png) no-repeat center -10px;
	width: 85px;
    height:107px;
	background-size:100%
}
#LittleFans_meun .club a .img{
    background: url(../images/LittleFans_m6.png) no-repeat 0 0px;
	width: 118px;
    height:43px;
	margin-top:15px
}
#LittleFans_meun .show a .img{
    background: url(../images/LittleFans_m7.png) no-repeat 0 0px;
	width: 94px;
    height:43px;
	margin-top:15px
}
#LittleFans_meun .fanfb a .img{
    background: url(../images/LittleFans_m8.png) no-repeat 0 0px;
	width: 106px;
    height:43px;
	margin-top:15px
}
#post-item .col-r {
	width: 330px;
	float: left;
}
ul#pd1{margin:0;}
ul#pd1 li{width:204px}
ul#pd1 li .photo img{max-width:204px;}
ul#pd1 li .photo{width:204px}
ul#pd1 li .pdinfo{width:198px}
/*小小郵迷單元 end*/
/*我要存款單元*/
.money_bg{
	background:url(../images/money_bg.png) no-repeat 100px 5px;
	background-size:300px
}
#money_type{
	position:absolute;
	z-index:2;
	bottom:-80px;
	width:90%;
	right:0
}
#money_icon1{position:absolute; top:160px; right:3px; z-index:2; width:160px}
#money_icon1 #pic{ position:absolute; z-index:2; margin-top:70px}
#money_icon1 a span{display:none; position:absolute; z-index:3}
#money_icon1 a:hover span{display:block}

#money_icon2{position:absolute; top:50px; left:-70px; z-index:2; width:400px}
#money_icon2 #pic2{ position:absolute; z-index:2; margin:70px 0 0 230px}
#money_icon2 a span{display:none; position:absolute; z-index:3; left:90px}
#money_icon2 a:hover span{display:block}

#money_icon3 a span img{width:130%}
#money_icon3{position:absolute; top:100px; left:-55px; z-index:2; width:241px}
#money_icon3 #pic{ position:absolute; z-index:2; margin:70px 0 0 70px}
#money_icon3 #hand{ position:absolute; z-index:1; margin:125px 0 0 72px}
#money_icon3 a span{display:none; position:absolute; z-index:3; margin:220px 0 0 80px}
#money_icon3 a:hover span{display:block}

#money_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#money_meun li {
    float: left;
    margin-left:1px;
	text-indent:-9999px;
}
#money_meun li a {
    display: block;
    color: #c73c05;
}
#money_meun li a:hover {
    color: #05c0eb;
}
#money_meun li a .img {
    display: block;
}
#money_meun li a:hover .img,#money_meun li a.current .img{
    background-position: center bottom;
}
#money_meun .introduce a .img{
    background: url(../images/Money_m1.png) no-repeat center 0px;
	width: 129px;
    height:86px;
	background-size:100%
}
#money_meun .Account a .img{
    background: url(../images/Money_m2.png) no-repeat center 0px;
	width: 129px;
    height:86px;
	background-size:100%
}
#money_meun .run a .img{
    background: url(../images/Money_m3.png) no-repeat center 4px;
	width: 164px;
    height:85px;
	background-size:100%
}
/*我要存款單元 end*/
/*未來郵件單元*/
#futureMail .content{
	position: relative;
	background: url(../images/futureMail_bg.png) no-repeat 210px 77px;
	min-height:470px;
	background-size:170px
}
#futureMail .content .text1{
	position: absolute;
	width: 270px;
	left: 20px;
	top:-5px;
}

#futureMail .content .icon1{position: absolute; left: 25px; top: 40px;}
#futureMail .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#futureMail .content .icon1 a span {position: absolute; top: 150px; left:180px; display: none; z-index:3}
#futureMail .content .icon1 a #pic {position: absolute; top: 50px; left: 5px; z-index: 2;}
#futureMail .content .icon1 a #pic2 {position: absolute; top: 160px; left: 130px; z-index: 1;}

#futureMail .content .icon2 {position: absolute; right: 40px; top: 250px;}
#futureMail .content .icon2 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon2 a #pic3 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon2 a #pic3_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon3 {position: absolute; right: -12px; top: 450px;}
#futureMail .content .icon3 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon3 a #pic4 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon3 a #pic4_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon4 {position: absolute; right: 200px; top: 400px;}
#futureMail .content .icon4 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon4 a #pic5 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon4 a #pic5_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon5 {position: absolute; right: 170px; top: 305px;}
#futureMail .content .icon5 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon5 a #pic6 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon5 a #pic6_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon6 {position: absolute; right: -12px; top: 350px;}
#futureMail .content .icon6 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon6 a #pic7 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon6 a #pic7_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon7 {position: absolute; right: 160px; top: 490px;}
#futureMail .content .icon7 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon7 a #pic8 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon7 a #pic8_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}


#futureMail .content a:hover span,#futureMail .content .icon2 a:hover #pic3_over,#futureMail .content .icon3 a:hover #pic4_over,#futureMail .content .icon4 a:hover #pic5_over,#futureMail .content .icon5 a:hover #pic6_over,#futureMail .content .icon6 a:hover #pic7_over,#futureMail .content .icon7 a:hover #pic8_over{display:block;}
#futureMail .content .icon2 a:hover #pic3,#futureMail .content .icon3 a:hover #pic4,#futureMail .content .icon4 a:hover #pic5,#futureMail .content .icon5 a:hover #pic6,#futureMail .content .icon6 a:hover #pic7,#futureMail .content .icon7 a:hover #pic8{display:none;}

#futureMailPage{
	position:relative;
	margin:5px auto;
	float:left;
	width:100%;
}
#futureMail_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#futureMail_meun li {
    float: left;
    margin-left:1px;
	text-indent:-9999px;
}
#futureMail_meun li a {
    display: block;
    color: #c73c05;
}
#futureMail_meun li a:hover {
    color: #05c0eb;
}
#futureMail_meun li a .img {
    display: block;width: 140px;height:90px;
}
#futureMail_meun li a:hover .img,#futureMail_meun li a.current .img{
    background-position: center -92px;
}
#futureMail_meun .FM1 a .img{ background:url(../images/futureMailPage_icon2M.png) no-repeat 0 0;}
#futureMail_meun .FM2 a .img{ background:url(../images/futureMailPage_icon2M2.png) no-repeat 0 0;}
#futureMail_meun .FM3 a .img{ background:url(../images/futureMailPage_icon2M3.png) no-repeat 0 0;}
#futureMail_meun .FM4 a .img{ background:url(../images/futureMailPage_icon2M4.png) no-repeat 0 0;}
#futureMail_meun .FM5 a .img{ background:url(../images/futureMailPage_icon2M5.png) no-repeat 0 0;}
#futureMail_meun .FM6 a .img{ background:url(../images/futureMailPage_icon2M6.png) no-repeat 0 0;}
#futureMail_meun .FM7 a .img{ background:url(../images/futureMailPage_icon2M1.png) no-repeat 0 0;}
#pageMain #FuM_PIC img{display:none}
/*未來郵件單元 end*/
/*網路地圖單元*/
#Little_Post #anime1,#Little_Post #anime2,#Little_Post #anime3{width:8%}
#Little_Post .header_img_1 img{ width:33%}
#SiteMapContainer .SiteMap_Section ul.SiteMapList {	width:170px}
#SiteMapContainer .SiteMap_Section ul.SiteMapList a{ font-size:0.938em; line-height:1.6em}
/*網路地圖單元 end*/
/*訊息活動區*/
#Pagemesssge_content{padding-top:15px }
#Pagemesssge_content #line .news,#Pagemesssge_content #line .news a,#Pagemesssge_content #linetop .news,#Pagemesssge_content #linetop .news a{
	width:90%; 
}
#pageNB_type a,#page_mes a{
	padding:0 5px;
	line-height:2.4em
}
#pageNB_type{margin-left:1px;}
#pageNB_content{margin-left:10%}
#pageNB_content #pervius,#pageNB_content #next{ float:left; width:49px; overflow:hidden}

/*訊息活動區 end*/
/*郵史光廊區單元*/
#History .content{
	position: relative;
	background: url(../images/History_bg.png) no-repeat right 8px;
	min-height:470px;
	background-size:100%
}
#History .content .text1{
	position: absolute;
	width: 400px;
	right: 0px;
	top:-29px;
}

#History .content .icon1{position: absolute; left:190px; top:90px; z-index: 3}
#History .content .icon1 a {position: relative;	width: 225px; height: 165px; display: block;}
#History .content .icon1 a span {position: absolute; top: 0px; left: 50px; display: none;}
#History .content .icon1 a #pic {position: absolute; top: 50px; left: 100px;}

#History .content .icon2 {position: absolute; left: 0px; top: 130px;}
#History .content .icon2 a {position: relative;	width: 225px; height: 225px; display: block;}
#History .content .icon2 a span {position: absolute; top:140px; left: 30px; display: none; z-index: 3}
#History .content .icon2 a #pic3 {position: absolute; top: 0px; right: 0px; z-index: 2;}
#History .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px; z-index: 1;}

#History .content .icon3 a #pic4 {width:150px}
#History .content .icon3{position: absolute; left:215px; top: 247px; z-index: 3;}
#History .content .icon3 a {position: relative;	width: 200px; height: 340px; display: block;}
#History .content .icon3 a span {position: absolute; top: 175px; right: 16px; display: none; z-index: 4;}
#History .content .icon3 a #pic4 {position: absolute; top: 0px; left: 0px;}

#History .content a:hover span{display:block;}

#History_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#History_meun li {
    float: left;
    margin-left:-2px;
	text-indent:-9999px;
}
#History_meun li a {
    display: block;
    color: #c73c05;	
}
#History_meun li a:hover {
    color: #05c0eb;
}
#History_meun li a .img {
    display: block;
	width: 139px;
    height:78px;
}
#History_meun li a:hover .img,#History_meun li a.current .img{
    background-position: center -85px;
}
#History_meun .stemp a .img{
    background: url(../images/History_M1.png) no-repeat center -5px;
	background-size:100%
}
#History_meun .mailbox a .img{
    background: url(../images/History_M2.png) no-repeat center -5px;
	background-size:100%
}
#History_meun .postman a .img{
    background: url(../images/History_M3.png) no-repeat center -5px;
	background-size:100%
}
/*郵史光廊區單元 end*/
#stemppic{
	margin:5px;
	background-color:#f2f1cf;
	width:490px
}
.Paper_imgopen{
	padding:10px 90px
}
/*郵局好鄰居單元*/
#Neighbour .content{
	position: relative;
	background: url(../images/Neighbour_bg.png) no-repeat right top;
	min-height:470px;
	background-size:100%
}
#Neighbour .content .text1{
	position: absolute;
	width: 250px;
	right: 50px;
	top: 20px;
}

#Neighbour .content .icon1{position: absolute; left: 10px; top: 40px;}
#Neighbour .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#Neighbour .content .icon1 a span {position: absolute; top:70px; left: 0px; display: none; z-index:4}
#Neighbour .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 1;}
#Neighbour .content .icon1 a #pic2 {position: absolute; top: 165px; left: 160px; z-index: 2;}
#Neighbour .content .icon1 a #pic3 {position: absolute; top: 180px; left: 20px; z-index: 3;}

#Neighbour .content .icon2 {position: absolute; right: 10px; top: 120px;}
#Neighbour .content .icon2 a {position: relative; width: 200px; height: 220px; display: block;}
#Neighbour .content .icon2 a span {position: absolute; top: 10px; left: 50px; display: none; z-index: 3;}
#Neighbour .content .icon2 a #pic {position: absolute; top: 0px; right: 0px;}
#Neighbour .content .icon2 a #pic4 {position: absolute; top: 130px; right: 65px;}

#Neighbour .content .icon3 a #pic5{width:80px}
#Neighbour .content .icon3{position: absolute; left: 40px; top: 300px;}
#Neighbour .content .icon3 a {position: relative; width: 200px; height: 180px; display: block;}
#Neighbour .content .icon3 a span {position: absolute; top: 150px; left:-20px; display: none; z-index:3;}
#Neighbour .content .icon3 a #pic {position: absolute; top: 100px; left: 0px; z-index:1;}
#Neighbour .content .icon3 a #pic5 {position: absolute; top: 30px; right:40px; z-index:2;}

#Neighbour .content .icon4{position: absolute; left:220px; top: 300px;}
#Neighbour .content .icon4 a {position: relative; width: 130px; height: 170px; display: block;}
#Neighbour .content .icon4 a span {position: absolute; top: 70px; left: 10px; display: none; z-index:2}
#Neighbour .content .icon4 a #pic6 {position: absolute; top: 0px; left: 20px;}
#Neighbour .content .icon4 a #pic7 {position: absolute; top: 100px; left: 40px; z-index:1}

#Neighbour .content a:hover span{display:block;}

#Neighbour_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#Neighbour_meun li {
    float: left;
    margin-left: 0px;
	text-indent:-9999px;
}
#Neighbour_meun li a {
    display: block;
    color: #c73c05;	
}
#Neighbour_meun li a:hover {
    color: #05c0eb;
}
#Neighbour_meun li a .img {
    display: block;
	width: 106px;
    height:82px;
}
#Neighbour_meun li a:hover .img,#Neighbour_meun li a.current .img{
    background-position: center -87px;
}
#Neighbour_meun .Neighbour a .img{
    background: url(../images/Neighbour_m1.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .Fun a .img{
    background: url(../images/Neighbour_m2.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .Volunteers a .img{
    background: url(../images/Neighbour_m3.png) no-repeat center 0px;
	background-size:100%
}
#Neighbour_meun .card a .img{
    background: url(../images/Neighbour_m4.png) no-repeat center 0px;
	background-size:100%
}
#CityPostpick li {width:97%; padding-top:15px}
#CityPostpick li a { width:96%}
#CityPostpick li a .IMG img { width:99%}
#CardwriteView #right{
	float:left;
	width:90%;
	margin:5px 0 0 6px;
	padding:10px;
}
#CardwriteView #left{
	width:91%;
}
#CardwriteView #left img{
	width:100%
}
#CardtypeView span{
	padding-right:13px
}
#Cardtype2 #Cpic{
	position:relative;
	max-width:100%;
	padding-top: 26px;
}
#Cardtype2 #write{width:90%; margin-top:92px;}
.#Cardtype2 #write .from{text-indent:177px;}
#Cardtype2 #stemp {margin-top:475px;}
#applyNB{ margin:0 auto; width:400px; height:70px; padding:15px 0}
#Cardtype1 #Cpic,#Cardtype3 #Cpic{max-width:200px;}
#Cardtype1,#Cardtype3{margin:15px;padding:5px 15px;width:90%; min-height:400px}
#Cardtype1 #write,#Cardtype3 #write{width:177px;top:95px; font-size:0.875em}
#Cardtype3 #stemp p{left: 65px;	top: 35px;	font-size: 0.875em;}
#Cardtype1 #stemp #ticket{right:94px;top:-5px;	z-index:98;}
#Cardtype1 #stemp #mask{right:-20px;top:60px;}
#Cardtype1 #stemp p{right: 77px;top: 88px;	font-size: 0.875em;}
#Cardtype1 #write .from,#Cardtype3 #write .from{
	text-indent:80px;
	padding-top:35px;
}
#CardOverpick li{width:80%}
#CardOverpick li a{width:auto}
#CardOverpick li a .IMG img{max-width:295px}
/*郵局好鄰居單元 end*/
/*集郵小天地單元*/
#StampWorld .content{
	position: relative;
	background: url(../images/StampWorld_bg.png) no-repeat left 10px;
	min-height:800px;
}
#StampWorld .content .text1{
	position: absolute;
	width: 300px;
	left: 0px;
	top: 0px;
}

#StampWorld .content .icon1 a #pic,#StampWorld .content .icon2 a #pic2,#StampWorld .content .icon3 a #pic3{width:80px}
#StampWorld .content .icon1{position: absolute; left: 15px; top: 10px;}
#StampWorld .content .icon1 a {position: relative;	width: 280px; height: 125px; display: block;}
#StampWorld .content .icon1 a span {position: absolute; top:-40px; left: 0px; display: none; z-index:2}
#StampWorld .content .icon1 a #pic {position: absolute; top: 0px; left: 0px; z-index:1}

#StampWorld .content .icon2 a span img{width:95%}
#StampWorld .content .icon2 {position: absolute; left: 0px; top: 180px;}
#StampWorld .content .icon2 a {position: relative;	width: 200px; height: 160px; display: block;}
#StampWorld .content .icon2 a span {position: absolute; top: 120px; left: 5px; display: none;}
#StampWorld .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px;}

#StampWorld .content .icon3{position: absolute; left: 93px; top: 46px;}
#StampWorld .content .icon3 a {position: relative;	width: 180px; height: 160px; display: block;}
#StampWorld .content .icon3 a span {position: absolute; top: 20px; left:-40px; display: none; z-index:3}
#StampWorld .content .icon3 a #pic3 {position: absolute; top: 50px; left: 0px; z-index:2}

#StampWorld .content .icon4{position: absolute; left: 51px; top: 218px;}
#StampWorld .content .icon4 a {position: relative;	width: 150px; height: 125px; display: block;}
#StampWorld .content .icon4 a span {position: absolute; top: 60px; left: 30px; display: none; z-index:2}
#StampWorld .content .icon4 a #pic4 {position: absolute; top: 0px; left: 40px; z-index:1}

#StampWorld .content a:hover span{display:block;}

#StampWorld .list-wrap{
	position: absolute; 
	background: url(../images/StampWorld_introBG.png) no-repeat 0 0;
	height: 465px;right: -8px;width: 265px;
}
#StampWorld .list-wrap .list li{margin-left:20px;}
#StampWorld .list-wrap .deco,#paper .list-wrap .deco {
	bottom: -53px; left:-104px; width: 128px; height: 190px;
}
#StampWorld .list-wrap .list{
	position: relative; top: 35px;
	line-height:1.4em;
	width: 230px;
}
#StampWorld_meunContainer{position:relative; width:100%; float:left}
#StampWorld_meun li {
    float: left;
	text-indent:-9999px;
}
#StampWorld_meun li a {
    display: block;
    color: #c73c05;
}
#StampWorld_meun li a:hover {
    color: #05c0eb;
}
#StampWorld_meun li a .img {
    display: block;
	width: 85px;
    height:122px;
}
#StampWorld_meun li a:hover .img,#StampWorld_meun li a.current .img{
    background-position: center -124px;
}
#StampWorld_meun .miss a .img{
    background: url(../images/StampWorld_m1.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .owe a .img{
    background: url(../images/StampWorld_m2.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .area a .img{
    background: url(../images/StampWorld_m3.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .book a .img{
    background: url(../images/StampWorld_m4.png) no-repeat center 0px;
	background-size:100%
}
#StampWorld_meun .new a .img{
    background: url(../images/StampWorld_m5.png) no-repeat center 0px;
	background-size:100%
}
#paper #pic img{
	width:100%;
}
#paper #into{width:100%;}
.Stamparrow{width:100%}
#Stamp_pic,#Stamp_pic_paper{width:25%}
#Stampfrom{width:80%}
#Stampfrom li{list-style:none; width: 100px;float: left;padding-right: 13px;}
#Stampfrom li img{max-width:108px;margin-left: -5px;}
#paper .list-wrap{display:none}
#paper #selectBT{
	background:url(../images/selectArrow.png) no-repeat right #f48b5d;
	width:70%;
	overflow:hidden;
	height:35px;
	-moz-border-radius: 	.5em ;
	-webkit-border-radius: 	.5em ;
	border-radius: 			.5em ;
	color:#FFF;
	position:relative;
	float:left
}
#paper #selectBT select{
	background:transparent;
	margin: .25em 0 .25em .25em;
	color:#731f1c; font-size:1em;
	height:30px;
	border:none;
	width:120%;
	-webkit-appearance: none; /*for chrome*/
}
#paper #short{
	font-size:0.938em;
	font-weight:600;
	line-height:2.4em;
}
/*集郵小天地單元 end*/
/*體驗遊戲區單元*/
#PlayGames .content{
	position: relative;
	background: url(../images/PlayGames_bg.png) no-repeat right 70px;
	min-height:470px;
}
#PlayGames .content .text1{
	position: absolute;
	width: 250px;
	left: 50px;
	bottom: 10px;
}

#PlayGames .content .icon1{position: absolute; left: 30px; top: 0px;}
#PlayGames .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#PlayGames .content .icon1 a span {position: absolute; top: 0px; left: 0px; display: none;}
#PlayGames .content .icon1 a #pic {position: absolute; top: 50px; left: 0px;}

#PlayGames .content .icon2 {position: absolute; right: 0px; top: 0px;}
#PlayGames .content .icon2 a {position: relative; width: 140px; height: 100px; display: block;}
#PlayGames .content .icon2 a span {position: absolute; top:-10px; left: -200px; display: none;}
#PlayGames .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px;}

#PlayGames .content .icon3{position: absolute; left: 190px; top: 300px;}
#PlayGames .content .icon3 a {position: relative; width: 150px; height: 100px; display: block;}
#PlayGames .content .icon3 a span {position: absolute; top: 60px; left:90px; display: none; z-index:2;}
#PlayGames .content .icon3 a #pic3 {position: absolute; top: 0px; right: 0px; z-index:1;}

#PlayGames .content .icon4{position: absolute; left: 0px; top: 220px;}
#PlayGames .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#PlayGames .content .icon4 a span {position: absolute; top: 70px; left: 0px; display: none; z-index:3}
#PlayGames .content .icon4 a #pic4 {position: absolute; top: 0px; left: 0px; z-index:1}
#PlayGames .content .icon4 a #pic5 {position: absolute; top: 100px; left: 40px; z-index:2}

#PlayGames .content a:hover span{display:block;}

/*體驗遊戲區單元 end*/
}

@media (min-width: 1025px) and (max-width: 2400px) {

#logo{top:37px;left:50px;}
#ContentsContainer{
	background:#fcd9a3 url(../images/bg.jpg) repeat-x; 
}
#ContentsContainer #Contents{
	width:1002px; 
	height:1120px;
}
#sun{
	top:13px;
	left:310px;
}
.headerContainer {
    width: 100%;
    float: left;
    overflow: hidden;
}
/*選單*/
#newsball{position:absolute; top:50px; right:120px; z-index:6;}
#newsball a span {
	position:absolute;
	z-index:7;
	top:-35px;
	left:-79px
}
#Air_Balloon{
	position:absolute;
	top:53px;
	left:420px;
	z-index:6;
}
#Air_Balloon a span {
	display: none;
}
#Air_Balloon a:hover span {
	display: block;
	position:absolute; 
	z-index:7; 
	top:-35px;
	left:-25px
}
#Tram{ position:absolute; top:157px; left:275px; z-index:7; width:300px; height:141px;}
#Tram a{display:block; width:300px; height:141px}
.Tram_icon{float:right; margin-top:80px; }
#Tram a span {
	display: none;
	float:left
}
#Tram a:hover span {
	display: block;
	position:absolute;
	z-index:8;
}
#AmusementPark{ position:absolute; top:90px; left:616px; z-index:9; width:210px; height:142px}
#AmusementPark a{display:block; width:210px; height:142px}
#AmusementPark_icon{float:right; position:absolute;margin-top:35px; z-index:10}
#AmusementPark_icon1{
	float:left;
	position:absolute;
	margin-top:45px;
	margin-left:-32px;
	z-index:8;
	left: -10px;
	top: 36px;
}
#AmusementPark a span {
	display: none;
	float:left
}
#AmusementPark a:hover span {
	display: block;
	position:absolute;
	z-index:11;
	left:-60px;
	top:40px
}
#mailbox{ position:absolute; top:140px; right:25px; z-index:9; width:175px; height:183px}
#mailbox a{display:block; width:175px; height:183px}
.mailbox_icon{float:right; margin-top:8px; margin-right:40px}
#mailbox a span {
	display: none;
	float:left
}
#mailbox a:hover span {
	display: block;
	position:absolute;
	z-index:10
}
#Neighbor{
	position:absolute;
	top:314px;
	left:146px;
	z-index:10;
	width:205px;
	height:145px
}
#Neighbor a{display:block;width:205px;	height:145px}
#Neighbor #people1{ position:absolute; z-index:10; margin:35px 0 0 110px}
#Neighbor #people2{ position:absolute; z-index:11; margin:45px 0 0 80px}
#Neighbor #people3{ position:absolute; z-index:11; margin:38px 0 0 140px}
#Neighbor a span {
	display: none;
	float:left
}
#Neighbor a:hover span {
	display: block;
	position:absolute;
	z-index:12;
	top:-30px;
	left:25px;
}
#game{ position:absolute; top:282px; left:462px; z-index:10; width:300px; height:141px;}
#game a span {
	display: none;
	float:left
}
#game a:hover span {
	display: block;
	position:absolute;
	z-index:11;
	top:-35px
}
#futuremail{ position:absolute; top:413px; left:341px; z-index:8; width:300px; height:141px;}
#futuremail a{display:block; width:300px; height:141px;}
.futuremail_icon{float:right; }
#futuremail a span {
	display: none;
	float:left
}
#futuremail a:hover span {
	display: block;
	position:absolute;
	z-index:9;
	top:35px;
	left:-25px
}
#fan{ position:absolute; top:441px; right:37px; z-index:12; width:180px; height:165px;}
#fan a{ display:block; width:180px; height:165px;}
#fan #fanball{position:absolute; z-index:10; float:right; margin-top:60px; left:10px}
#fan #fanpeople{
	position:absolute;
	z-index:13;
	float:right;
	left:25px
}
#fan a span {
	display: none;
	float:left
}
#fan a:hover span {
	display: block;
	position:absolute;
	z-index:14;
	top:100px;
	right:15px
}
#stamp{
	position:absolute;
	top:591px;
	left:45px;
	z-index:15;
	width:288px;
	height:164px;
}
#stamp a{ display:block;width:288px;height:164px;}
#stamp #wing{position:absolute; z-index:15; margin-top:25px}
#stamp #people{position:absolute; z-index:16; margin-left:23px}
#stamp a span {
	display: none;
	float:left
}
#stamp a:hover span {
	display: block;
	position:absolute;
	z-index:17;
	right:-8px;
	top:-25px
}
#sendmail{
	position:absolute;
	top:587px;
	left:320px;
	z-index:18;
	width:288px;
	height:164px;
}
#sendmail a{display:block;width:288px;height:164px;}
#sendmail #mail{position:absolute; z-index:19; margin:15px 0 0 5px}
#sendmail #people{position:absolute; z-index:18; margin-left:23px}
#sendmail a span {
	display: none;
	float:left
}
#sendmail a:hover span {
	display: block;
	position:absolute;
	z-index:20;
	right:-8px;
	top:70px
}
#money{
	position:absolute;
	top:632px;
	right:168px;
	z-index:21;
	width:241px;
	height:173px;
}
#money a{display:block;width:241px;	height:173px;}
#money #moneyhand{position:absolute; z-index:21; margin:32px 0 0 10px}
#money #people{position:absolute; z-index:22; margin-left:23px}
#money a span {
	display: none;
	float:left
}
#money a:hover span {
	display: block;
	position:absolute;
	z-index:23;
	right:-19px;
}
/*選單End*/

#messsge_content{
	position:absolute; 
	z-index:9999; 
	width:605px; 
	height:300px; 
	bottom:0px; 
	left:10px; 
	padding-top:110px; 
	background:url(../images/mes.gif) no-repeat 5px 13px;
	font-size:1em
}
#messsge_content .acc-key a{color:#fcd9a3}
/*.acc-key a:focus{outline:3px solid #ff0 !important; color:#000;}*/
#messsge_content a{display:block; position:relative; margin:2px; height:20px \0; width:400px \0;}
#messsge_content .acc-key a:focus{color:#000;}
#messsge_content #moreMES{
	width:100px;
	height:40px;
	position:absolute;
	top:83px;
	right:146px
}
#messsge_content #linetop{
	margin:2px 55px; 
	width:480px; 
	height:25px; 
	padding-top:23px;
	line-height:1.4em;
}
#messsge_content #line{
	margin:5px 55px; 
	width:480px; 
	height:28px; 
	line-height:1.4em;
}
#messsge_content #line .date,#messsge_content #linetop .date{
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	width:90px; 
	float:left; 
	margin:0; 
	text-shadow:2px 2px 1px #b15521
}
#messsge_content #line .news,#messsge_content #line .news a,#messsge_content #linetop .news,#messsge_content #linetop .news a{
	width:350px; 
	margin:0;
	color:#643c05; 
	text-decoration:none
}
#messsge_content #line .news a:hover,#messsge_content #linetop .news a:hover{
	color:#c83f03
}
#messsge_content #line #newsicon,#messsge_content #linetop #newsicon{ 
	margin:-1px 2px;
	width:20px;
	height:16px;
	position:absolute;
	top:0;
	right:0;
}
#adBanner_content{
	position:absolute; 
	z-index:9999; 
	width:360px; 
	right:10px; 
	bottom:0; 
	height:340px; 
	background:url(../images/bannerBG.gif) no-repeat right 5px; 
	padding:15px 5px 0 5px; 
	overflow:hidden
}
#adBanner_content #pic{
	position:absolute; 
	z-index:2; 
	width:320px; 
	height:208px; 
	margin:18px 0 0 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden
}
#adBanner_content #pic img{
	max-width:320px;
}
#adBanner_content #moreAD{
	position:absolute;
	z-index:1;
	bottom:77px;
	left:39px;
	width:128px;
	height:28px
}
#adBanner_content #brand{
	position:absolute;
	z-index:3;
	bottom:0;
	right:25px;
	width:128px;
	height:94px
}
#FooterContainer{
	position:relative; 
	margin:0 auto;
	padding:15px 0;
	clear:both;
}
#FooterContainer #type{
	position:relative; 
	margin:0 auto; 
	width:866px; 
	font-size:0.75em; 
	color:#333; 
	font-family:Arial, Helvetica, sans-serif; 
	/*padding:10px 0 0;
	border-top:1px solid #b15521;*/
}
#FooterContainer #type span,#P_FooterContainer #type span{
	padding-left:300px
}
.counter {position: absolute;bottom: 0;right: 100px;}
.aaa {position: absolute;bottom: 0;right: 0;}

/*左選單*/
#leftmenu{
	position:relative;
	float:left;
	width:264px;
	height:692px;
	overflow:hidden;
	background:url(../images/leftMenu_bg.png) no-repeat 10px 0;
	padding-left:15px
}
#leftContainer{
	position:relative;
	width:264px;
	float:left;
}
#Pagelogo{
	position:relative;
	float:left;
	margin:25px 8px 0 8px
}
#Pagelogo a {
	display: block;
    width: 264px;
    height: 130px;
}
.LMSnav{
	list-style:none;
	float:left;
	width:220px;
	margin:44px 8px
}
.LMSnav a{
	width:220px;
	float:left;
	padding-bottom:.35em;
	height:40px
}
.LMSnav a:hover #LMon,.LMSnav a #LMover,.LMSnav a #LMover1,.LMSnav a #LMover2,.LMSnav a #LMover3,.LMSnav a #LMover4,.LMSnav a #LMover5,.LMSnav a #LMover6,.LMSnav a #LMover7,.LMSnav a #LMover8,.LMSnav a #LMover9,.LMSnav a #LMover10,.LMSnav a #LMover11{ display:none}
.LMSnav a #LMon,.LMSnav a:hover #LMover,.LMSnav a:hover #LMover1,.LMSnav a:hover #LMover2,.LMSnav a:hover #LMover3,.LMSnav a:hover #LMover4,.LMSnav a:hover #LMover5,.LMSnav a:hover #LMover6,.LMSnav a:hover #LMover7,.LMSnav a:hover #LMover8,.LMSnav a:hover #LMover9,.LMSnav a:hover #LMover10,.LMSnav a:hover #LMover11{
	display:block
}
/*左選單END*/

/*上選單*/
#topMenuContainer{
	position:relative;
	width:700px;
	float:right;
	margin-top:25px;
    overflow: hidden;
}

.TMSnav,.TMSnav4 {
    position: relative;
    float: left;
}

.TMSnav {
    margin-right: 19px;
}

#TMline{position:absolute; z-index:1; margin:-5px 0 0 355px; top:30px;}
.TMSnav #on{ position:absolute; top:15px; left:0px; z-index:2; }
.TMSnav #over{ position:absolute; top:15px; left:0px; z-index:3}

#TMline2{position:absolute; z-index:1; margin:9px 0 0 330px}
.TMSnav2 #on{ position:absolute; top:0; left:190px; z-index:2; }
.TMSnav2 #over2{ position:absolute; top:0; left:190px; z-index:3}

#TMline3{position:absolute; z-index:1; margin:9px 0 0 490px}
.TMSnav3 #on{ position:absolute; top:0; left:350px; z-index:2; }
.TMSnav3 #over3{ position:absolute; top:0; left:350px; z-index:3}

.TMSnav4 #on{ position:absolute; top:15px; left:0px; z-index:2; }
.TMSnav4 #over4{ position:absolute; top:15px; left:0px; z-index:3}
    
.TMSnav a, .TMSnav2 a, .TMSnav3 a, .TMSnav4 a { display: block; }
    
.TMSnav a {width: 350px;height: 64px;margin-top: 15px;}
.TMSnav4 a {width: 183px;height: 64px;margin-top: 15px;} 
    
.TMSnav a:hover #on,.TMSnav a #over,.TMSnav2 a:hover #on,.TMSnav2 a #over2,.TMSnav3 a:hover #on,.TMSnav3 a #over3,.TMSnav4 a:hover #on,.TMSnav4 a #over4{display:none}
.TMSnav a #on,.TMSnav a:hover #over,.TMSnav2 a #on,.TMSnav2 a:hover #over2,.TMSnav3 a #on,.TMSnav3 a:hover #over3,.TMSnav4 a #on,.TMSnav4 a:hover #over4{display:block}
/*上選單END*/
/**字體大小**/
#FontSizeContainer {
	float: right;
    margin-right: 10px;
    position: absolute;
    right: 0;
}
#FontSizeContainer .Header {
	float: left;
	font-size: 0.875em;
	color: #323232;
	text-decoration: none;
	margin: 0 5px 0px 10px;
}
#FontSizeContainer .Icon {
	text-indent: -9999px;
	background: url(../images/FontSize_BG.png) no-repeat;
	width: 30px;
	height: 29px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	margin:0;
}
#FontSizeContainer .Icon_L { background: url(../images/FontSize_L.png) no-repeat 0px 0px;}
#FontSizeContainer .Icon_M { background: url(../images/FontSize_M.png) no-repeat 0px 0px;}
#FontSizeContainer .Icon_S { background: url(../images/FontSize_S.png) no-repeat 0px 0px;}
#FontSizeContainer .Icon_L:hover,#FontSizeContainer .Icon_M:hover,#FontSizeContainer .Icon_S:hover{ background-position: 0px -31px;}
#FontSizeContainer .current {
	 background-position: bottom;
}
/**字體大小end**/

/*內頁欄位*/
#pageContainer{
	margin:0 auto; 
	position:relative;
}
#pageContainer #Contents{
	position:relative; 
	margin:0 auto; 
	width:1002px; 
	min-height:621px;
	clear:both;
}
#pagetitle{
	position:relative;
    float: left;
}
#pageMain{
	position:relative;
	width:690px;
	padding:10px;
	float:right	;
	font-size:1.125em;
	line-height:1.6em
}
#paper{
	width:98%;
	line-height:2em;
	margin:0 auto;
	font-size:.9em
}
#letterMovie{
	background-color:#FFF;
	width:640px
}
#letterMovie object{width:640px; height:480px}
#letterpic{
	padding-left:25px;
	background-color:#FFF;
	width:490px
}
#pcmovie{display:block}
#rwdmovie{display:none}
/*內頁欄位 end*/

/*RWD選單*/
#page{ display:none}
/*RWD選單 end*/

/*我是一封信單元*/
#WriteLetter .content{
	position: relative;
	background: url(../images/WriteLetter_bg.png) no-repeat left 70px;
	min-height:470px;
}
#WriteLetter .content .text1{
	position: absolute;
	width: 360px;
	left: 0px;
	top: 0px;
}

#WriteLetter .content .icon1{position: absolute; right: 0px; top: 0px;}
#WriteLetter .content .icon1 a {position: relative;	width: 305px; height: 165px; display: block;}
#WriteLetter .content .icon1 a span {position: absolute; top: 0px; left: 0px; display: none;}
#WriteLetter .content .icon1 a #pic {position: absolute; top: 50px; left: 80px;}

#WriteLetter .content .icon2 {position: absolute; left: 80px; top: 170px;}
#WriteLetter .content .icon2 a {position: relative;	width: 300px; height: 230px; display: block;}
#WriteLetter .content .icon2 a span {position: absolute; top: 155px; left: 130px; display: none;}
#WriteLetter .content .icon2 a #pic {position: absolute; top: 40px; left: 0px; z-index: 2;}
#WriteLetter .content .icon2 a #pic2 {position: absolute; top: 0px; left: 100px; z-index: 1;}

#WriteLetter .content .icon3{position: absolute; right: 0px; top: 180px;}
#WriteLetter .content .icon3 a {position: relative;	width: 230px; height: 240px; display: block;}
#WriteLetter .content .icon3 a span {position: absolute; top: 0px; right: 0px; display: none;}
#WriteLetter .content .icon3 a #pic3 {position: absolute; top: 80px; left: 0px;}

#WriteLetter .content a:hover span{display:block;}

#WriteLetter_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#WriteLetter_meun li {
    float: left;
    margin-left: 8px;
	text-indent:-9999px;
}
#WriteLetter_meun li a {
    display: block;
    color: #c73c05;
}
#WriteLetter_meun li a:hover {
    color: #05c0eb;
}
#WriteLetter_meun li a .img {
    display: block;
}
#WriteLetter_meun li a:hover .img,#WriteLetter_meun li a.current .img{
    background-position: center -122px;
}
#WriteLetter_meun .letter a .img{
    background: url(../images/WriteLetter_m1.png) no-repeat center 0px;
	width: 190px;
    height:118px;
}
#WriteLetter_meun .write a .img{
    background: url(../images/WriteLetter_m2.png) no-repeat center 0px;
	width: 176px;
    height:118px;
}
#WriteLetter_meun .send a .img{
    background: url(../images/WriteLetter_m3.png) no-repeat center 0px;
	width: 176px;
    height:118px;
}
/*我是一封信單元 end*/

/*兒童郵園單元*/
#Amusment .content{
	position: relative;
	background: url(../images/Amusment_bg.png) no-repeat 60px 33px;
	min-height:470px;
}
#Amusment .content .text1{
	position: absolute;
	width: 500px;
	right: 0px;
	bottom: -53px;
}

#Amusment .content .icon1{position: absolute; left: 10px; top: 10px;}
#Amusment .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#Amusment .content .icon1 a span {position: absolute; top: 0px; left: 20px; display: none;}
#Amusment .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 2;}
#Amusment .content .icon1 a #pic2 {position: absolute; top: 140px; left: 40px; z-index: 1;}

#Amusment .content .icon2 {position: absolute; left: 0px; top: 210px;}
#Amusment .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#Amusment .content .icon2 a span {position: absolute; top: 70px; left: 160px; display: none;}
#Amusment .content .icon2 a #pic3 {position: absolute; top: 0px; left: 0px; z-index: 2;}
#Amusment .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px; z-index: 1;}

#Amusment .content .icon3{position: absolute; left: 185px; top: 0px;}
#Amusment .content .icon3 a {position: relative; width: 380px; height: 270px; display: block;}
#Amusment .content .icon3 a span {position: absolute; top: 0px; right: 0px; display: none;}
#Amusment .content .icon3 a #pic4 {position: absolute; top: 50px; left: 0px; z-index: 2;}
#Amusment .content .icon3 a #pic2 {position: absolute; top: 50px; left: 0px; z-index: 1;}

#Amusment .content .icon4{position: absolute; left: 410px; top: 160px;}
#Amusment .content .icon4 a {position: relative; width: 220px; height: 230px; display: block;}
#Amusment .content .icon4 a span {position: absolute; top: 0px; right: 0px; display: none;}
#Amusment .content .icon4 a #pic {position: absolute; top: 70px; left: 0px; z-index: 1;}
#Amusment .content .icon4 a #pic5 {position: absolute; top: 103px; left: 80px; z-index: 2;}

#Amusment .content a:hover span{display:block;}
#museum_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#museum_meun li {
    float: left;
    margin-left: 8px;
	text-indent:-9999px;
}
#museum_meun li a {
    display: block;
    color: #c73c05;
}
#museum_meun li a:hover {
    color: #05c0eb;
}
#museum_meun li a .img {
    display: block;
}
#museum_meun li a:hover .img,#museum_meun li a.current .img{
    background-position: center -122px;
}
#museum_meun .Wheel a .img{
    background: url(../images/museum_m1.png) no-repeat center 0px;
	width: 152px;
    height:122px;
}
#museum_meun .ticket a .img{
    background: url(../images/museum_m2.png) no-repeat center 0px;
	width: 152px;
    height:122px;
}
#museum_meun .world a .img{
    background: url(../images/museum_m3.png) no-repeat center 0px;
	width: 152px;
    height:122px;
}
#museum_meun .Exhibition a .img{
    background: url(../images/museum_m4.png) no-repeat center 0px;
	width: 152px;
    height:122px;
}
#Mus_ViewBG{
	background:url(../images/M_viewBG1.png) no-repeat left top;
	padding:15px 37px;
}
#Mus_ViewBG2{
	background:url(../images/M_viewBG2.png) no-repeat left top;
	padding:15px 37px;
}
#Mus_ViewBG embed,#Mus_ViewBG2 embed{ width:513px; height:440px}
.fmPadLeft{ margin-left:-25px}
/*兒童郵園單元 end*/

/*告訴郵局單元*/
#talking .content{
	position: relative;
	background: url(../images/talking_bg.png) no-repeat 60px 33px;
	min-height:470px;
}
#talking .content .text1{
	position: absolute;
	width: 260px;
	right: 0px;
	top: 220px;
}

#talking .content .icon1{position: absolute; left: 0px; top: 60px;}
#talking .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#talking .content .icon1 a span {position: absolute; bottom: -110px; left: 140px; display: none;}
#talking .content .icon1 a #pic {position: absolute; top: 187px; left: 85px; z-index: 2;}
#talking .content .icon1 a #pic2 {position: absolute; top: 140px; left: 0px; z-index: 1;}

#talking .content .icon2 {position: absolute; right: 100px; top: 310px;}
#talking .content .icon2 a {position: relative; width: 195px; height: 210px; display: block;}
#talking .content .icon2 a span {position: absolute; top: 120px; right: -10px; display: none;}
#talking .content .icon2 a #pic3 {position: absolute; top: 2px; left: 10px; z-index: 2;}
#talking .content .icon2 a #pic4 {position: absolute; top: -6px; left: 120px; z-index: 3;}
#talking .content .icon2 a #pic2 {position: absolute; top: 90px; left: 0px; z-index: 1;}

#talking .content .icon3{position: absolute; left: 170px; top: 50px;}
#talking .content .icon3 a {position: relative; width: 280px; height: 270px; display: block;}
#talking .content .icon3 a span {position: absolute; top: 200px; right: 0px; display: none;}
#talking .content .icon3 a #pic5 {position: absolute; top: 165px; left: 37px; z-index: 2;}
#talking .content .icon3 a #pic2 {position: absolute; top: 50px; left: 0px; z-index: 1;}

#talking .content .icon4{position: absolute; left:180px; top: 360px;}
#talking .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#talking .content .icon4 a span {position: absolute; top: 70px; left:120px; display: none; z-index:3}
#talking .content .icon4 a #pic6 {position: absolute; top: 0px; left: 0px; z-index:1}
#talking .content .icon4 a #pic7 {position: absolute; top: 100px; left: 40px; z-index:2}

#talking .content a:hover span{display:block;}
#talking_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#talking_meun li {
    float: left;
	text-indent:-9999px;
}
#talking_meun li a {
    display: block;
    color: #c73c05;
}
#talking_meun li a:hover {
    color: #05c0eb;
}
#talking_meun li a .img {
    display: block;
}
#talking_meun li a:hover .img,#talking_meun li a.current .img{
    background-position: center -125px;
}
#talking_meun .diary a .img{
    background: url(../images/talking_m1.png) no-repeat center 0px;
	width: 169px;
    height:126px;
}
#talking_meun .date a .img{
    background: url(../images/talking_m2.png) no-repeat center 0px;
	width: 169px;
    height:126px;
}
#talking_meun .favorites a .img{
    background: url(../images/talking_m3.png) no-repeat center 0px;
	width: 169px;
    height:126px;
}
#talking_meun .Opinion a .img{
    background: url(../images/talking_m4.png) no-repeat center 0px;
	width: 169px;
    height:126px;
}
#talking_paper{
	background:#fff3e0;
	width:93%;
	margin:10px auto;
	padding:10px 15px 25px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#404040;
	min-height:70px;
	font-size:.9em;
}
#talking_paper #part{
	float:left;
	width:110px;
	padding:0 6px;
}
#talking_paper a{
	color:#427801;
	line-height:2.5em;
	border-bottom:1px dotted #427801
}
#talking_paper a:hover{
	color:#abbf02
}
#talking_paper .icon{
	float:left;
	padding:10px 5px 5px;
	max-width:20px
}
#talking_paper #list{clear:both; position:relative; left:120px; height:60px; width:400px; top:10px;}
#talking_paper #list #nember_meun li{
	float: left;
	padding-left:5px;
	text-indent:-9999px;
	margin-bottom:25px
}
#talking_paper #list #nember_meun li a{
	display: block;
	width:178px;
	height:60px;
	border-bottom:none
}
#talking_paper #list #nember_meun li a:hover{
	background-position: center -60px;
}
#talking_paper #list #nember_meun .send a{
	background:url(../images/login_send.png) no-repeat center 0px;
} 
#talking_paper #list #nember_meun .rekey a{
	background:url(../images/login_rekey.png) no-repeat center 0px;
} 
#IEBT{ display:none}
/*告訴郵局單元 end*/
/*小小郵迷單元*/
#LittleFans .content{
	position: relative;
	background: url(../images/LittleFans_bg.png) no-repeat right top;
	min-height:470px;
}
#LittleFans .content .text1{
	position: absolute;
	width: 280px;
	right: 0px;
	bottom: 0px;
}
#LittleFans .content .basic{position: absolute; right: 0px; top: 43px; width:280px}
#LittleFans .content .basic li{float:left; padding-right:8px; text-align:center; color:#FFF}
#LittleFans .content .basic li a{color:#FFF}
#LittleFans .content .basic li a:hover{color:#ffea00}
#LittleFans .content .basic li #pic {position: absolute; top: 0px; left: 0px;width:80px;}
#LittleFans .content .basic li #pic1 {position: absolute; top: 0px; left: 105px;width:40px;}
#LittleFans .content .basic li #pic2 {position: absolute; top: 0px; left: 180px;width:60px;}

#LittleFans .content .icon1{position: absolute; left: 0px; top: 0px;}
#LittleFans .content .icon1 a {position: relative; width: 280px; height: 100px; display: block;}
#LittleFans .content .icon1 a span {position: absolute; top: 20px; left: 100px; display: none;}
#LittleFans .content .icon1 a #pic {position: absolute; top: 0px; left: 0px;}

#LittleFans .content .icon2 {position: absolute; left: 100px; top: 80px;}
#LittleFans .content .icon2 a {position: relative; width: 280px; height: 100px; display: block;}
#LittleFans .content .icon2 a span {position: absolute; top: 20px; left: 80px; display: none;}
#LittleFans .content .icon2 a #pic3 {position: absolute; top: 0px; left: 0px;}

#LittleFans .content .icon3{position: absolute; left: 0px; top: 170px;}
#LittleFans .content .icon3 a {position: relative; width: 300px; height: 100px; display: block;}
#LittleFans .content .icon3 a span {position: absolute; top: 80px; left: 0px; display: none;}
#LittleFans .content .icon3 a #pic4 {position: absolute; top: 0px; left: 30px;}
#LittleFans .content .icon3 a #pic5 {position: absolute; top: 0px; left: 70px;}

#LittleFans .content .icon4{position: absolute; left: 270px; top: 220px;}
#LittleFans .content .icon4 a {position: relative; width: 330px; height: 100px; display: block;}
#LittleFans .content .icon4 a span {position: absolute; top: 20px; left: 170px; display: none;}
#LittleFans .content .icon4 a #pic6 {position: absolute; top: 0px; left: 0px;}

#LittleFans .content .icon5{position: absolute; left: 0px; top: 300px;}
#LittleFans .content .icon5 a {position: relative; width: 380px; height: 200px; display: block;}
#LittleFans .content .icon5 a span {position: absolute; top: 160px; left: 0px; display: none; z-index: 3}
#LittleFans .content .icon5 a #pic7 {position: absolute; top: 0px; left: 165px; z-index: 2;}
#LittleFans .content .icon5 a #pic2 {position: absolute; top: 50px; left: 0px; z-index: 1;}

#LittleFans .content a:hover span{display:block;}
#LittleFans_meunContainer{position:relative; width:100%; float:left}
#LittleFans_meun li {
    float: left;
	text-indent:-9999px;
	padding-right:5px
}
#LittleFans_meun li a {
    display: block;
    color: #c73c05;
}
#LittleFans_meun li a:hover {
    color: #05c0eb;
}
#LittleFans_meun li a .img {
    display: block;
}
#LittleFans_meun li a:hover .img,#LittleFans_meun li a.current .img{
    background-position: center bottom;
}
#LittleFans_meun .book a .img{
    background: url(../images/LittleFans_m1.png) no-repeat center -10px;
	width: 111px;
    height:160px;
}
#LittleFans_meun .product a .img{
    background: url(../images/LittleFans_m2.png) no-repeat center -10px;
	width: 133px;
    height:160px;
}
#LittleFans_meun .mailbox a .img{
    background: url(../images/LittleFans_m3.png) no-repeat center -10px;
	width: 123px;
    height:160px;
}
#LittleFans_meun .postcar a .img{
    background: url(../images/LittleFans_m4.png) no-repeat center -10px;
	width: 123px;
    height:160px;
}
#LittleFans_meun .stemp a .img{
    background: url(../images/LittleFans_m5.png) no-repeat center -10px;
	width: 123px;
    height:160px;
}
#LittleFans_meun .club a .img{
    background: url(../images/LittleFans_m6.png) no-repeat 0 0px;
	width: 118px;
    height:43px;
}
#LittleFans_meun .show a .img{
    background: url(../images/LittleFans_m7.png) no-repeat 0 0px;
	width: 94px;
    height:43px;
}
#LittleFans_meun .fanfb a .img{
    background: url(../images/LittleFans_m8.png) no-repeat 0 0px;
	width: 106px;
    height:43px;
}
#post-item .col-r {
	width: 550px;
	float: left;
}
ul#pd1{margin:0 0 0 25px}
ul#pd1 li{width:300px}
ul#pd1 li .photo img{max-width:240px}
ul#pd1 li .photo{width:240px}
ul#pd1 li .pdinfo{width:270px}
/*小小郵迷單元 end*/
/*我要存款單元*/
.money_bg{
	background:url(../images/money_bg.png) no-repeat 200px 5px
}
#money_type{
	position:absolute;
	z-index:2;
	bottom:-80px;
	width:600px;
	right:0
}
#money_icon1{position:absolute; top:160px; right:3px; z-index:2; width:160px}
#money_icon1 #pic{ position:absolute; z-index:2; margin-top:70px}
#money_icon1 a span{display:none; position:absolute; z-index:3}
#money_icon1 a:hover span{display:block}

#money_icon2{position:absolute; top:50px; left:40px; z-index:2; width:500px}
#money_icon2 #pic2{ position:absolute; z-index:2; margin:70px 0 0 230px}
#money_icon2 a span{display:none; position:absolute; z-index:3}
#money_icon2 a:hover span{display:block}

#money_icon3{position:absolute; top:100px; left:10px; z-index:2; width:241px}
#money_icon3 #pic{ position:absolute; z-index:2; margin:70px 0 0 70px}
#money_icon3 #hand{ position:absolute; z-index:1; margin:125px 0 0 72px}
#money_icon3 a span{display:none; position:absolute; z-index:3; margin:240px 0 0 10px}
#money_icon3 a:hover span{display:block}

#money_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#money_meun li {
    float: left;
    margin-left: 8px;
	text-indent:-9999px;
}
#money_meun li a {
    display: block;
    color: #c73c05;
}
#money_meun li a:hover {
    color: #05c0eb;
}
#money_meun li a .img {
    display: block;
}
#money_meun li a:hover .img,#money_meun li a.current .img{
    background-position: center -122px;
}
#money_meun .introduce a .img{
    background: url(../images/Money_m1.png) no-repeat center 0px;
	width: 176px;
    height:118px;
}
#money_meun .Account a .img{
    background: url(../images/Money_m2.png) no-repeat center 0px;
	width: 176px;
    height:118px;
}
#money_meun .run a .img{
    background: url(../images/Money_m3.png) no-repeat center 0px;
	width: 241px;
    height:118px;
}
/*我要存款單元 end*/
/*未來郵件單元*/
#futureMail .content{
	position: relative;
	background: url(../images/futureMail_bg.png) no-repeat 140px 60px;
	min-height:470px;
}
#futureMail .content .text1{
	position: absolute;
	width: 280px;
	right: 60px;
	top: 20px;
}

#futureMail .content .icon1{position: absolute; left: 25px; top: 100px;}
#futureMail .content .icon1 a {position: relative; width: 175px; height: 210px; display: block;}
#futureMail .content .icon1 a span {position: absolute; top: 280px; left: 0px; display: none;}
#futureMail .content .icon1 a #pic {position: absolute; top: 50px; left: 5px; z-index: 2;}
#futureMail .content .icon1 a #pic2 {position: absolute; top: 160px; left: 130px; z-index: 1;}

#futureMail .content .icon2 {position: absolute; right: 60px; top: 90px;}
#futureMail .content .icon2 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon2 a #pic3 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon2 a #pic3_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon3 {position: absolute; right: -12px; top: 160px;}
#futureMail .content .icon3 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon3 a #pic4 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon3 a #pic4_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon4 {position: absolute; right: 75px; top: 230px;}
#futureMail .content .icon4 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon4 a #pic5 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon4 a #pic5_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon5 {position: absolute; right: 170px; top: 305px;}
#futureMail .content .icon5 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon5 a #pic6 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon5 a #pic6_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon6 {position: absolute; right: -12px; top: 305px;}
#futureMail .content .icon6 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon6 a #pic7 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon6 a #pic7_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}

#futureMail .content .icon7 {position: absolute; right: 75px; top: 380px;}
#futureMail .content .icon7 a {position: relative; width: 195px; height: 90px; display: block;}
#futureMail .content .icon7 a #pic8 {position: absolute; top: 0; left: 0px; z-index: 1;}
#futureMail .content .icon7 a #pic8_over {position: absolute; top: 0; left: 0px; z-index: 2; display:none}


#futureMail .content a:hover span,#futureMail .content .icon2 a:hover #pic3_over,#futureMail .content .icon3 a:hover #pic4_over,#futureMail .content .icon4 a:hover #pic5_over,#futureMail .content .icon5 a:hover #pic6_over,#futureMail .content .icon6 a:hover #pic7_over,#futureMail .content .icon7 a:hover #pic8_over{display:block;}
#futureMail .content .icon2 a:hover #pic3,#futureMail .content .icon3 a:hover #pic4,#futureMail .content .icon4 a:hover #pic5,#futureMail .content .icon5 a:hover #pic6,#futureMail .content .icon6 a:hover #pic7,#futureMail .content .icon7 a:hover #pic8{display:none;}

#futureMailPage{
	position:relative;
	margin:5px auto;
	float:left;
	width:100%;
}
#futureMail_meunContainer{position:relative; width:100%; float:left; padding:10px 0}
#futureMail_meun li {
    float: left;
    margin-left:1px;
	text-indent:-9999px;
}
#futureMail_meun li a {
    display: block;
    color: #c73c05;
}
#futureMail_meun li a:hover {
    color: #05c0eb;
}
#futureMail_meun li a .img {
    display: block;width: 140px;height:90px;
}
#futureMail_meun li a:hover .img,#futureMail_meun li a.current .img{
    background-position: center -92px;
}
#futureMail_meun .FM1 a .img{ background:url(../images/futureMailPage_icon2M.png) no-repeat 0 0;}
#futureMail_meun .FM2 a .img{ background:url(../images/futureMailPage_icon2M2.png) no-repeat 0 0;}
#futureMail_meun .FM3 a .img{ background:url(../images/futureMailPage_icon2M3.png) no-repeat 0 0;}
#futureMail_meun .FM4 a .img{ background:url(../images/futureMailPage_icon2M4.png) no-repeat 0 0;}
#futureMail_meun .FM5 a .img{ background:url(../images/futureMailPage_icon2M5.png) no-repeat 0 0;}
#futureMail_meun .FM6 a .img{ background:url(../images/futureMailPage_icon2M6.png) no-repeat 0 0;}
#futureMail_meun .FM7 a .img{ background:url(../images/futureMailPage_icon2M1.png) no-repeat 0 0;}
#pageMain #FuM_pictype{display:none}
/*未來郵件單元 end*/
/*網路地圖*/
#SiteMapContainer .SiteMap_Section ul.SiteMapList {	width: 185px}
#SiteMapContainer .SiteMap_Section ul.SiteMapList a{ /*font-size:14px*/}
/*網路地圖 end*/
/*訊息活動區*/
#Pagemesssge_content{	padding-top:25px }
#Pagemesssge_content #line .news,#Pagemesssge_content #line .news a,#Pagemesssge_content #linetop .news,#Pagemesssge_content #linetop .news a{
	width:92%; 
}
#pageNB_type a,#page_mes a{
	padding:0 5px;
	line-height:2.4em
}
#pageNB_type{margin:0 15px;}
#pageNB_content #pervius,#pageNB_content #next{ margin-left:20px;float:left; width:164px;}
.BackToPrev,.BackTolist {margin-top:20px;}
/*訊息活動區 end*/
/*郵史光廊區單元*/
#History .content{
	position: relative;
	background: url(../images/History_bg.png) no-repeat right 150px;
	min-height:470px;
}
#History .content .text1{
	position: absolute;
	width: 400px;
	right: 0px;
	top: 0px;
}

#History .content .icon1{position: absolute; left: 0px; top: 0px;}
#History .content .icon1 a {position: relative;	width: 225px; height: 165px; display: block;}
#History .content .icon1 a span {position: absolute; top: 0px; left: 50px; display: none;}
#History .content .icon1 a #pic {position: absolute; top: 50px; left: 100px;}

#History .content .icon2 {position: absolute; left: 0px; top: 165px;}
#History .content .icon2 a {position: relative;	width: 225px; height: 225px; display: block;}
#History .content .icon2 a span {position: absolute; top: 155px; left: 30px; display: none;}
#History .content .icon2 a #pic3 {position: absolute; top: 0px; right: 0px; z-index: 2;}
#History .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px; z-index: 1;}

#History .content .icon3{position: absolute; left: 255px; top: 160px;}
#History .content .icon3 a {position: relative;	width: 410px; height: 340px; display: block;}
#History .content .icon3 a span {position: absolute; top: 215px; right: 16px; display: none;}
#History .content .icon3 a #pic4 {position: absolute; top: 0px; left: 0px;}

#History .content a:hover span{display:block;}

#History_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#History_meun li {
    float: left;
    margin-left: 2px;
	text-indent:-9999px;
}
#History_meun li a {
    display: block;
    color: #c73c05;	
}
#History_meun li a:hover {
    color: #05c0eb;
}
#History_meun li a .img {
    display: block;
	width: 202px;
    height:118px;
}
#History_meun li a:hover .img,#History_meun li a.current .img{
    background-position: center -123px;
}
#History_meun .stemp a .img{
    background: url(../images/History_M1.png) no-repeat center -5px;
}
#History_meun .mailbox a .img{
    background: url(../images/History_M2.png) no-repeat center -5px;
}
#History_meun .postman a .img{
    background: url(../images/History_M3.png) no-repeat center -5px;
}
/*郵史光廊區單元 end*/
#stemppic{
	margin:5px;
	background-color:#f2f1cf;
	width:490px
}
.Paper_imgopen{
	padding:10px 90px
}
/*郵局好鄰居單元*/
#Neighbour .content{
	position: relative;
	background: url(../images/Neighbour_bg.png) no-repeat right top;
	min-height:470px;
}
#Neighbour .content .text1{
	position: absolute;
	width: 250px;
	right: 50px;
	top: 50px;
}

#Neighbour .content .icon1{position: absolute; left: 30px; top: 0px;}
#Neighbour .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#Neighbour .content .icon1 a span {position: absolute; top: 0px; left: 0px; display: none;}
#Neighbour .content .icon1 a #pic {position: absolute; top: 70px; left: 0px; z-index: 1;}
#Neighbour .content .icon1 a #pic2 {position: absolute; top: 165px; left: 160px; z-index: 2;}
#Neighbour .content .icon1 a #pic3 {position: absolute; top: 180px; left: 20px; z-index: 3;}

#Neighbour .content .icon2 {position: absolute; right: 50px; top: 120px;}
#Neighbour .content .icon2 a {position: relative; width: 200px; height: 220px; display: block;}
#Neighbour .content .icon2 a span {position: absolute; top: 100px; left: -100px; display: none; z-index: 3;}
#Neighbour .content .icon2 a #pic {position: absolute; top: 0px; right: 0px;}
#Neighbour .content .icon2 a #pic4 {position: absolute; top: 130px; right: 65px;}

#Neighbour .content .icon3{position: absolute; left: 100px; top: 300px;}
#Neighbour .content .icon3 a {position: relative; width: 200px; height: 180px; display: block;}
#Neighbour .content .icon3 a span {position: absolute; top: 60px; left: -70px; display: none; z-index:3;}
#Neighbour .content .icon3 a #pic {position: absolute; top: 100px; left: 0px; z-index:1;}
#Neighbour .content .icon3 a #pic5 {position: absolute; top: 0px; right: 0px; z-index:2;}

#Neighbour .content .icon4{position: absolute; left: 300px; top: 300px;}
#Neighbour .content .icon4 a {position: relative; width: 130px; height: 170px; display: block;}
#Neighbour .content .icon4 a span {position: absolute; top: 100px; left: 140px; display: none;}
#Neighbour .content .icon4 a #pic6 {position: absolute; top: 0px; left: 20px;}
#Neighbour .content .icon4 a #pic7 {position: absolute; top: 100px; left: 40px;}

#Neighbour .content a:hover span{display:block;}

#Neighbour_meunContainer{position:relative; width:100%; float:left; padding-bottom:10px}
#Neighbour_meun li {
    float: left;
    margin-left: 0px;
	text-indent:-9999px;
}
#Neighbour_meun li a {
    display: block;
    color: #c73c05;	
}
#Neighbour_meun li a:hover {
    color: #05c0eb;
}
#Neighbour_meun li a .img {
    display: block;
	width: 155px;
    height:123px;
}
#Neighbour_meun li a:hover .img,#Neighbour_meun li a.current .img{
    background-position: center -125px;
}
#Neighbour_meun .Neighbour a .img{
    background: url(../images/Neighbour_m1.png) no-repeat center 0px;	
}
#Neighbour_meun .Fun a .img{
    background: url(../images/Neighbour_m2.png) no-repeat center 0px;
}
#Neighbour_meun .Volunteers a .img{
    background: url(../images/Neighbour_m3.png) no-repeat center 0px;
}
#Neighbour_meun .card a .img{
    background: url(../images/Neighbour_m4.png) no-repeat center 0px;
}
#CityPostpick li {width: 700px;}
#CityPostpick li a{width: 550px;}
#CityPostpick li a .IMG img {width: 350px;}
#CityPostpick{ padding-left:30px}
#CardwriteView #right{
	float:right;
	width:240px;
	margin-top:25px;
	padding:10px;
}
#CardwriteView #left{width:380px;}
#CardwriteView #left img{width:380px}
#CardtypeView span{padding-right:25px}
#Cardtype2 #Cpic{
	position:relative;
	max-width:100%;
	padding:35px 0 0 70px;
}
#applyNB{ margin:0 auto; width:400px; height:70px; padding:15px 0}
#Cardtype2 #stemp {margin-top:552px;}
#Cardtype2 #write{
	position:relative;
	float:left;
	width:450px;
	top:85px;
	padding-left:50px;
}
#Cardtype2 #write .from{text-indent:350px;}
#Cardtype1 #Cpic,#Cardtype3 #Cpic{max-width:100%;}
#Cardtype1,#Cardtype3{margin:15px;padding:5px 15px;width:90%;}
#Cardtype1 #write,#Cardtype3 #write{width:200px;top:95px;}
#Cardtype1 #stemp #ticket{right:130px;top:-5px;	z-index:98;}
#Cardtype1 #stemp #mask{right:-10px;top:2px;}
#Cardtype1 #stemp p{right: 85px;top: 35px;	font-size: 0.875em;}
#Cardtype3 #stemp p{left: 65px;	top: 40px;	font-size: 0.875em;}
#Cardtype1 #write .from,#Cardtype3 #write .from{
	text-indent:80px;
	padding-top:35px;
}
/*郵局好鄰居單元 end*/
/*集郵小天地單元*/
#StampWorld .content{
	position: relative;
	background: url(../images/StampWorld_bg.png) no-repeat left 0px;
	min-height:470px;
}
#StampWorld .content .text1{
	position: absolute;
	width: 300px;
	left: 0px;
	top: 0px;
}

#StampWorld .content .icon1{position: absolute; left: 15px; top: 0px;}
#StampWorld .content .icon1 a {position: relative;	width: 280px; height: 125px; display: block;}
#StampWorld .content .icon1 a span {position: absolute; top: 50px; left: 120px; display: none;}
#StampWorld .content .icon1 a #pic {position: absolute; top: 0px; left: 0px;}

#StampWorld .content .icon2 {position: absolute; left: 0px; top: 140px;}
#StampWorld .content .icon2 a {position: relative;	width: 200px; height: 160px; display: block;}
#StampWorld .content .icon2 a span {position: absolute; top: 120px; left: 15px; display: none;}
#StampWorld .content .icon2 a #pic2 {position: absolute; top: 0px; left: 0px;}

#StampWorld .content .icon3{position: absolute; left: 130px; top: 85px;}
#StampWorld .content .icon3 a {position: relative;	width: 180px; height: 160px; display: block;}
#StampWorld .content .icon3 a span {position: absolute; top: 0px; right: 0px; display: none;}
#StampWorld .content .icon3 a #pic3 {position: absolute; top: 50px; left: 0px;}

#StampWorld .content .icon4{position: absolute; left: 215px; top: 270px;}
#StampWorld .content .icon4 a {position: relative;	width: 150px; height: 125px; display: block;}
#StampWorld .content .icon4 a span {position: absolute; top: 100px; left: 0px; display: none;}
#StampWorld .content .icon4 a #pic4 {position: absolute; top: 0px; left: 0px;}

#StampWorld .content a:hover span{display:block;}
#StampWorld .list-wrap{
	position: absolute; top: 0px; right: 60px;
	background: url(../images/StampWorld_introBG.png) no-repeat 0 0;
	width: 269px;
	height: 465px;
}
#StampWorld .list-wrap .list{
	position: relative; top: 50px; left: 25px;
	line-height:1.4em;
	width: 250px;
}
#StampWorld .list-wrap .deco,#paper .list-wrap .deco {
	position: absolute; bottom: -40px; right: -60px;
	width: 128px;
	height: 190px;
	background: url(../images/StampWorld_intro_deco.png) no-repeat 0 0;
	z-index: 2;
}
#StampWorld .list-wrap{top: 0px; right: 60px;}
#StampWorld_meunContainer{position:relative; width:100%; float:left}
#StampWorld_meun li {
    float: left;
	text-indent:-9999px;
}
#StampWorld_meun li a {
    display: block;
    color: #c73c05;
}
#StampWorld_meun li a:hover {
    color: #05c0eb;
}
#StampWorld_meun li a .img {
    display: block;
}
#StampWorld_meun li a:hover .img,#StampWorld_meun li a.current .img{
    background-position: center -180px;
}
#StampWorld_meun .miss a .img{
    background: url(../images/StampWorld_m1.png) no-repeat center 0px;
	width: 125px;
    height:180px;
}
#StampWorld_meun .owe a .img{
    background: url(../images/StampWorld_m2.png) no-repeat center 0px;
	width: 125px;
    height:180px;
}
#StampWorld_meun .area a .img{
    background: url(../images/StampWorld_m3.png) no-repeat center 0px;
	width: 123px;
    height:180px;
}
#StampWorld_meun .book a .img{
    background: url(../images/StampWorld_m4.png) no-repeat center 0px;
	width: 123px;
    height:180px;
}
#StampWorld_meun .new a .img{
    background: url(../images/StampWorld_m5.png) no-repeat center 0px;
	width: 123px;
    height:180px;
}
#paper #into{width:360px;font-size: .9em;}
.Stamparrow{width:600px}
#Stampfrom{width:100%}
#Stampfrom li{list-style:none; width:105px; float:left;margin-right: 10px;}
#Stampfrom li img{max-width:104px;margin-left: -5px;}
#paper .list-wrap{
	position: absolute;
	background: url(../images/StampWorld_paper.png) no-repeat 0 0;
	width: 269px;
	height: 465px;
	z-index:10;
	top:212px;
	right:50px
}
#paper .list-wrap .list {
	position: relative; top: 30px; left: 25px;
	line-height:1.4em;
	width: 230px;
}
#paper .list-wrap .list li{
	padding: 5px;
	border-bottom: 1px solid #d3825e;
	display: block;
}
#paper .list-wrap .list li a{
	background: url(../images/ListIcon_paper.png) no-repeat 0 0;
	padding: 1px 0 1px 30px;
	display: block;
	color:#7a2b27
}
#paper .list-wrap .list li a:hover,#paper .list-wrap .list li a.current{
	color:#e71c15
}
#paper #selectBT{ display:none}
#paper #short{
	width:360px;
	font-size:1em;
	font-weight:800;
	line-height:2em;
}
/*集郵小天地單元 end*/
/*體驗遊戲區單元*/
#PlayGames .content{
	position: relative;
	background: url(../images/PlayGames_bg.png) no-repeat right 70px;
	min-height:470px;
}
#PlayGames .content .text1{
	position: absolute;
	width: 250px;
	left: 50px;
	bottom: 30px;
}

#PlayGames .content .icon1{position: absolute; left: 30px; top: 0px;}
#PlayGames .content .icon1 a {position: relative; width: 210px; height: 275px; display: block;}
#PlayGames .content .icon1 a span {position: absolute; top: 0px; left: 0px; display: none;}
#PlayGames .content .icon1 a #pic {position: absolute; top: 50px; left: 0px;}

#PlayGames .content .icon2 {position: absolute; right: 0px; top: 0px;}
#PlayGames .content .icon2 a {position: relative; width: 140px; height: 100px; display: block;}
#PlayGames .content .icon2 a span {position: absolute; top: 20px; left: -200px; display: none;}
#PlayGames .content .icon2 a #pic2 {position: absolute; top: 0px; right: 0px;}

#PlayGames .content .icon3{position: absolute; left: 150px; top: 300px;}
#PlayGames .content .icon3 a {position: relative; width: 150px; height: 100px; display: block;}
#PlayGames .content .icon3 a span {position: absolute; top: 60px; left: -70px; display: none; z-index:2;}
#PlayGames .content .icon3 a #pic3 {position: absolute; top: 0px; right: 0px; z-index:1;}

#PlayGames .content .icon4{position: absolute; right: 0px; top: 220px;}
#PlayGames .content .icon4 a {position: relative; width: 200px; height: 190px; display: block;}
#PlayGames .content .icon4 a span {position: absolute; top: 200px; left: 0px; display: none;}
#PlayGames .content .icon4 a #pic4 {position: absolute; top: 0px; left: 0px;}
#PlayGames .content .icon4 a #pic5 {position: absolute; top: 100px; left: 40px;}

#PlayGames .content a:hover span{display:block;}

/*體驗遊戲區單元 end*/
}

/* 無障礙使用 */
.input-label {
	display:none;
}

.hyperlink-txt{
	display:none;	
}
/* end of 無障礙 */

a:focus {
    outline: 3px solid #0086d8 !important;
    border: 0;
}
.acc-key a:focus {
    outline: 3px solid #0086d8;
    border: 0 !important;
}