html #body.en { font-size:13px;font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
html #body.tc { font-size:15px;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
html #body.sc { font-size:15px;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
html #body.en .tab-detail > .tab-title { font-size: 13px;}
html #body.tc .tab-detail > .tab-title { font-size: 14px;}
html #body.sc .tab-detail > .tab-title { font-size: 14px;}
html #body.en .header-blk .h-col2 ul.menu > li > ul > li { font-size: 13px;}
html #body.tc .header-blk .h-col2 ul.menu > li > ul > li { font-size: 14px;}
html #body.sc .header-blk .h-col2 ul.menu > li > ul > li { font-size: 14px;}
html #body.en .header-blk .h-col2 ul.menu { font-size: 15px;}
html #body.tc .header-blk .h-col2 ul.menu { font-size: 15px;}
html #body.sc .header-blk .h-col2 ul.menu { font-size: 15px;}
#body.en h1, #body.en h2 ,#body.en h3{ text-transform:uppercase; font-family: 'Raleway-Light',sans-serif}
#body.en h1 { font-size:40px; line-height:normal; color:#fff;}
#body.en h2 { font-size:30px; line-height:1.4; margin-bottom:15px}
#body.en h3 { font-size:20px; line-height:1.4; margin-bottom:15px}
#body.tc h1, #body.tc h2 ,#body.tc h3{ text-transform:uppercase; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
#body.tc h1 { font-size:40px; line-height:normal; color:#fff;}
#body.tc h2 { font-size:30px; line-height:1.4; margin-bottom:15px; font-weight:normal}
#body.tc h3 { font-size:20px; line-height:1.4; margin-bottom:15px}
#body.sc h1, #body.sc h2 ,#body.sc h3{ text-transform:uppercase; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
#body.sc h1 { font-size:40px; line-height:normal; color:#fff;}
#body.sc h2 { font-size:30px; line-height:1.4; margin-bottom:15px; font-weight:normal}
#body.sc h3 { font-size:20px; line-height:1.4; margin-bottom:15px}
#body.en .font-xl {}
#body.en .font-l { font-size:24px; line-height:1.4}
#body.en .font-m { font-size:18px}
#body.en .font-s { font-size:12px; font-family: Verdana, Helvetica, sans-serif;}
#body.tc .font-xl {}
#body.tc .font-l { font-size:24px; line-height:1.4}
#body.tc .font-m { font-size:18px}
#body.tc .font-s { font-size:14px; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
#body.sc .font-xl {}
#body.sc .font-l { font-size:24px; line-height:1.4}
#body.sc .font-m { font-size:18px}
#body.sc .font-s { font-size:14px; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
#body.en .alphaList { font-size:16px; font-family: 'Raleway',sans-serif;}
#body.en .book-ttile.font-m { font-size:16px; line-height:1.4} /* for Book Release */
#body.tc .alphaList { font-size:16px; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
#body.tc .book-ttile.font-m { font-size:16px; line-height:1.4} /* for Book Release */
#body.sc .alphaList { font-size:16px; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
#body.sc .book-ttile.font-m { font-size:16px; line-height:1.4} /* for Book Release */
#body.en .footer-pos .font-s {font-size:11px;}
#body.tc .footer-pos .font-s {font-size:13px;}
#body.sc .footer-pos .font-s {font-size:13px;}
#body.en .ret-decade { font-size:100px;} /* for Book Fair Retrospective */
#body.tc .ret-decade { font-size:100px;} /* for Book Fair Retrospective */
#body.sc .ret-decade { font-size:100px;} /* for Book Fair Retrospective */
#body.en ul.media-sm:before {content:"Share:";}
#body.tc ul.media-sm:before {content:"分享:";}
#body.sc ul.media-sm:before {content:"分享:";}
#body.en .booktitle { font-size:13px;}
#body.tc .booktitle { font-size:14px;}
#body.sc .booktitle { font-size:14px;}
#body.tc .sp-title-blk .col3-title {font-size:13px}
#body.tc .sp-title-blk .col3-title {font-size:16px}
#body.sc .sp-title-blk .col3-title {font-size:16px}
/* ==========================================================================
Global Styles
============================================================================= */
/* Tablet Landscape Size */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
html #body.en { font-size:12px;}
#body.en h1 { font-size:38px; padding:30px 0;}
#body.en h2 { font-size:24px; line-height:1.4; margin-bottom:15px}
#body.en h3 { font-size:18px; line-height:1.4; margin-bottom:15px}
#body.en .footer-pos .font-s { font-size:11px;}
#body.en .font-s { font-size:11px;}
html #body.tc { font-size:14px;}
#body.tc h1 { font-size:38px; padding:30px 0;}
#body.tc h2 { font-size:24px; line-height:1.4; margin-bottom:15px}
#body.tc h3 { font-size:18px; line-height:1.4; margin-bottom:15px}
#body.tc .footer-pos .font-s { font-size:11px;}
#body.tc .font-s { font-size:11px;}
html #body.sc { font-size:14px;}
#body.sc h1 { font-size:38px; padding:30px 0;}
#body.sc h2 { font-size:24px; line-height:1.4; margin-bottom:15px}
#body.sc h3 { font-size:18px; line-height:1.4; margin-bottom:15px}
#body.sc .footer-pos .font-s { font-size:11px;}
#body.sc .font-s { font-size:11px;}
}
/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {
#body.en h1 { font-size:30px; padding:30px 0;}
#body.en h2 { font-size:28px; line-height:normal}
#body.en h3 { font-size:20px; line-height:normal}
#body.en .book-ttile.font-m { font-size:15px}
#body.en .footer-pos .font-s { font-size:12px; }
#body.en .font-s { font-size:12px;}
#body.tc h1 { font-size:30px; padding:30px 0;}
#body.tc h2 { font-size:28px; line-height:normal}
#body.tc h3 { font-size:20px; line-height:normal}
#body.tc .book-ttile.font-m { font-size:15px}
#body.tc .footer-pos .font-s { font-size:12px;}
#body.tc .font-s { font-size:12px;}
#body.sc h1 { font-size:30px; padding:30px 0;}
#body.sc h2 { font-size:28px; line-height:normal}
#body.sc h3 { font-size:20px; line-height:normal}
#body.sc .book-ttile.font-m { font-size:15px}
#body.sc .footer-pos .font-s { font-size:12px;}
#body.sc .font-s { font-size:12px;}
}
/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#body.en h1 { font-size:25px; padding:20px 0 }
#body.en h2 { font-size:20px; line-height:normal}
#body.en h3 { font-size:16px; line-height:normal}
#body.en .footer-pos .font-s { font-size:11px;}
#body.tc h1 { font-size:25px; padding:20px 0 }
#body.tc h2 { font-size:20px; line-height:normal; font-weight:normal;}
#body.tc h3 { font-size:16px; line-height:normal}
#body.tc .footer-pos .font-s { font-size:11px;}
#body.sc h1 { font-size:25px; padding:20px 0 }
#body.sc h2 { font-size:20px; line-height:normal}
#body.sc h3 { font-size:16px; line-height:normal}
#body.sc .footer-pos .font-s { font-size:11px;}
/* for News inside page & mobile version only */
#body.en .fa-angle-left:after,
#body.tc .fa-angle-left:after,
#body.sc .fa-angle-left:after { letter-spacing:normal; vertical-align:40%; padding-left:5px}
#body.en .article-btn-back:after, #body.en .exDetail-btn-back:after { content: "BACK"; font-size:13px;}
#body.tc .article-btn-back:after, #body.tc .exDetail-btn-back:after { content: "返回"; font-size:13px;}
#body.sc .article-btn-back:after, #body.sc .exDetail-btn-back:after { content: "返回"; font-size:13px;}
#body.en .ret-decade { font-size:50px;} /* for Book Fair Retrospective */
#body.tc .ret-decade { font-size:50px;} /* for Book Fair Retrospective */
#body.sc .ret-decade { font-size:50px;} /* for Book Fair Retrospective */
}
/* Mobile Portrait Size */
@media only screen and (max-width: 480px) {
#body.en .font-l { font-size:20px; line-height:1.4}
#body.en .font-s { font-size:10px;}
#body.en h1 { font-size:25px; padding:20px 0 }
#body.en h2 { font-size:25px; line-height:normal; font-weight:normal;}
#body.en h3 { font-size:16px; line-height:normal}
#body.en .book-ttile.font-m { font-size:15px} /* for Book Release */
#body.en .footer-pos .font-s { font-size:10px;}
#body.tc .font-l { font-size:20px; line-height:1.4}
#body.tc .font-s { font-size:13px; letter-spacing:1px}
#body.tc h1 { font-size:25px; padding:20px 0 }
#body.tc h2 { font-size:20px; line-height:normal; font-weight:normal;}
#body.tc h3 { font-size:16px; line-height:normal}
#body.tc .book-ttile.font-m { font-size:15px} /* for Book Release */
#body.tc .footer-pos .font-s { font-size:12px;}
#body.sc .font-l { font-size:20px; line-height:1.4}
#body.tc .font-s { font-size:13px; letter-spacing:1px}
#body.sc h1 { font-size:25px; padding:20px 0 }
#body.sc h2 { font-size:18px; line-height:normal}
#body.sc h3 { font-size:16px; line-height:normal}
#body.sc .book-ttile.font-m { font-size:15px} /* for Book Release */
#body.sc .footer-pos .font-s { font-size:12px;}
/* for News inside page & mobile version only */
#body.en .fa-angle-left:after,
#body.tc .fa-angle-left:after,
#body.sc .fa-angle-left:after { letter-spacing:normal; vertical-align:40%; padding-left:5px}
#body.en .article-btn-back:after, #body.en .exDetail-btn-back:after { content: "BACK"; font-size:13px;}
#body.tc .article-btn-back:after, #body.tc .exDetail-btn-back:after { content: "返回"; font-size:13px;}
#body.sc .article-btn-back:after, #body.sc .exDetail-btn-back:after { content: "返回"; font-size:13px;}
#body.en .ret-decade { font-size:50px;} /* for Book Fair Retrospective */
#body.tc .ret-decade { font-size:50px;} /* for Book Fair Retrospective */
#body.sc .ret-decade { font-size:50px;} /* for Book Fair Retrospective */
}
/* ==========================================================================
Global :: Font Raleway
============================================================================= */
@font-face {
font-family: 'Raleway-Bold';
src: url('raleway/Raleway-Bold.eot');
src: url('raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
url('raleway/Raleway-Bold.woff') format('woff'),
url('raleway/Raleway-Bold.ttf') format('truetype'),
url('raleway/Raleway-Bold.svg#Raleway-Bold') format('svg');
}
@font-face {
font-family: 'Raleway-Light';
src: url('raleway/Raleway-Light.eot');
src: url('raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'),
url('raleway/Raleway-Light.woff') format('woff'),
url('raleway/Raleway-Light.ttf') format('truetype'),
url('raleway/Raleway-Light.svg#Raleway-Light') format('svg');
}
@font-face {
font-family: 'Raleway';
src: url('raleway/Raleway-Regular.eot');
src: url('raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
url('raleway/Raleway-Regular.woff') format('woff'),
url('raleway/Raleway-Regular.ttf') format('truetype'),
url('raleway/Raleway-Regular.svg#Raleway') format('svg');
}
@font-face {
font-family: 'Raleway-Thin';
src: url('raleway/Raleway-Thin.eot');
src: url('raleway/Raleway-Thin.eot?#iefix') format('embedded-opentype'),
url('raleway/Raleway-Thin.woff') format('woff'),
url('raleway/Raleway-Thin.ttf') format('truetype'),
url('raleway/Raleway-Thin.svg#Raleway-Thin') format('svg');
}
#body.en .Raleway-regular { font-family: 'Raleway',sans-serif;}
#body.en .Raleway-light { font-family: 'Raleway-Light',sans-serif;}
#body.en .Raleway-thin { font-family: 'Raleway-Thin',sans-serif;}
#body.en .Raleway-bold { font-family: 'Raleway-Bold',sans-serif;}
#body.tc .Raleway-regular, #body.sc .Raleway-regular { font-family: 微軟正黑體, 'Raleway',sans-serif;}
#body.tc .Raleway-light, #body.sc .Raleway-light { font-family: 微軟正黑體, 'Raleway-Light',sans-serif;}
#body.tc .Raleway-thin, #body.sc .Raleway-thin { font-family: 微軟正黑體, 'Raleway-Thin',sans-serif;}
#body.tc .Raleway-bold, #body.sc .Raleway-bold { font-family: 微軟正黑體, 'Raleway-Bold',sans-serif;}
.news-list-date, .news-list-month { font-family: 'Raleway-Bold',sans-serif!important;}
#body.en .news-list-week { font-family: 'Raleway-Bold',sans-serif;}
#body.tc .news-list-week, #body.sc .news-list-week {font-family: 微軟正黑體, 'Raleway',sans-serif;}