body {
font-family: "Lato", sans-serif;
}
.sidebar {
width: 0;
position: fixed;
z-index: 998;
top: 0;
right: 0;
background-color: #fff;
transition: 0.5s;
height: 100vh;
margin-top: 0;
}
#mySidebar a {
text-decoration: unset;
border: none;
text-decoration: unset;
border: none;
padding: 10px 0px;
}
.sidebar a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidebar a:hover {
color: #f1f1f1;
}
.sidebar .closebtn {
position: absolute;
top: 0;
left: -15px;
font-size: 36px;
display: none;
}
.openbtn {
cursor: pointer;
border: none;
}
.openbtn:hover {
opacity: 0.9;
}
#burger {
transition: margin-left .5s;
padding: 16px;
text-align: right;
z-index: 2;
}
#menu-product-search {
background-image: url(https://secureservercdn.net/160.153.138.219/yjn.b44.myftpupload.com/wp-content/uploads/2021/10/menu-search-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#menu-product-search .search-field {
border: none;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidebar {
padding-top: 15px;
}
.sidebar a {
font-size: 18px;
}
}
function openNav() {
document.getElementById("mySidebar").style.width = "250px";
document.getElementById("close-btn").style.display = "block";
//document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("mySidebar").style.width = "0";
document.getElementById("burger").style.marginLeft = "0";
document.getElementById("close-btn").style.display = "none";
}
.menu-row {
display: flex;
justify-content: center;
}
.anpanman-menu-links {
background: url(http://yjn.b44.myftpupload.com/wp-content/uploads/2021/10/menu_btn-2.png) no-repeat;
width: 142px;
height: 55px;
line-height: 55px;
}
#index-btn {
width: 121px;
background-position: left 5px;
}
#news-btn {
background-position: -121px 5px;
}
#brand-btn {
background-position: -263px 5px;
}
#product-btn {
background-position: -405px 5px;
}
#store-btn {
background-position: -547px 5px;
}
#event-btn {
background-position: -689px 5px;
}
#relate-btn {
background-position: -973px 5px;
}
#index-btn:hover {
width: 121px;
background-position: left -53px;
}
#news-btn:hover {
background-position: -121px -53px;
}
#brand-btn:hover {
background-position: -263px -53px;
}
#product-btn:hover {
background-position: -405px -53px;
}
#store-btn:hover {
background-position: -547px -53px;
}
#event-btn:hover {
background-position: -689px -53px;
}
#relate-btn:hover {
background-position: -973px -53px;
}
let time = document.getElementsByClassName("anpanman-post-time")[0].innerText
document.write(`${time}`)
@media screen and (max-width:751px) {
#post-detail h3 {
display: none;
}
#post-detail {
border-bottom: unset;
}
}
.fb-like {
position: absolute;
right: 0;
width: 100px;
overflow: hidden;
}
.post-time::before {
content: " ";
background: url(http://yjn.b44.myftpupload.com/wp-content/uploads/2021/10/news_day_icon.jpeg);
width: 11px;
height: 11px;
display: inline-block;
}
#post-detail h3 {
font-size: 20px;
line-height: 1em;
font-weight: bold;
letter-spacing: 1px;
}
.anpanman-post-time,
.anpanman-post-title,
.post-thumbnail {
display: none;
}
document.write(document.title.split("-")[0])
let fbLike = document.getElementsByClassName("fb-like")[0].dataset.href = location.href
回新聞列表
.back-to-news {
display: flex;
justify-content: center;
font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體";
font-size: 15px;
-webkit-text-size-adjust: none;
text-decoration: none;
width: 158px;
height: 43px;
line-height: 43px;
background-image: url(http://yjn.b44.myftpupload.com/wp-content/uploads/2021/10/back_news_btn.png);
background-position: left top;
background-repeat: no-repeat;
color: #666;
text-align: center;
text-indent: -9999px;
display: block;
margin: 50px auto;
}
.back-to-news:hover {
background-position: left -43px;
}
Copyright©BANDAI NAMCO TAIWAN CO.,LTD 2015
© Takashi Yanase/Frobel-kan,TMS,NTV
本網頁消息圖文均屬麵包超人館 台北官方網站版權所有請勿轉載。
Unauthorized use or reproduction of any imagery, text, or data contained in this website is strictly prohibited
#anpanman-pagetop {
position: fixed;
bottom: 130px;
right: 10px;
z-index: 1000;
display: none;
background-image: url(http://yjn.b44.myftpupload.com/wp-content/uploads/2021/10/pagetop.png);
background-repeat: no-repeat;
background-position: left top;
width: 52px;
height: 128px;
line-height: 128px;
text-indent: -9999px;
display: none;
}
#anpanman-pagetop.active {
display: block;
}
#anpanman-pagetop:hover {
background-position: right top;
}
window.addEventListener("scroll", () => {
if (window.scrollY > document.body.clientHeight / 3) {
document.getElementById('anpanman-pagetop').classList.add("active")
} else {
document.getElementById('anpanman-pagetop').classList.remove("active")
}
})
document.getElementById('anpanman-pagetop').onclick = () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
document.getElementById('scrollTop').onclick=()=>{
window.scrollTo({ top: 0, behavior: 'smooth' });
}
Copyright©BANDAI NAMCO TAIWAN CO.,LTD 2015
© Takashi Yanase/Frobel-kan,TMS,NTV
本網頁消息圖文均屬麵包超人館 台北官方網站版權所有請勿轉載。
Unauthorized use or reproduction of any imagery, text, or data contained in this website is strictly prohibited