@charset "utf-8";
/* CSS Document */
body {font-family: 'Noto Sans TC', sans-serif;}
.msg-bg { background: #ebebec;}
.close { font-size: 50pt; margin-bottom: -30px; color: #000; height: 50px; line-height: 50pt;}
.alert { padding: 0;}

.warring-msg {width: auto; font-size: 13pt;color: #980306;}
.warring-logo {font-size: 100pt; text-align: center; margin-top: 70px;}
@media (max-width:992px){.warring-logo{padding-top: 0px;}}
@media (max-width:768px){.warring-logo{padding-top: 0px;}}


/*測試版CSS*/
.warring-msg-normal img { max-width:100%;}
.warring-msg-992 {display: none;}
.warring-msg-768 {display: none;}
@media (max-width:992px){.warring-msg-normal {display: none;} .warring-msg-992 { display: block;} .warring-msg-992 img { max-width:100%;}}
@media (max-width:768px){
						 .warring-msg-normal, .warring-msg-992 {display: none;} 
						 .warring-msg-768 { display: block;} 
						 .warring-msg-768 img { max-width:100%;}}


.announcement{font-size: 14pt;  text-align: center; padding-bottom: 50px; margin-top: -30px;}
.announcement .title{font-size: 120pt;font-family: 'Libre Baskerville';}
/*@media (max-width:992px){.announcement .title{font-size: 100pt;}}*/
@media (max-width:768px){.announcement .title{font-size: 100pt;}}
@media (max-width:576px){.announcement .title{font-size: 50pt;}}


.logo{}
.logo img { display: block; margin: auto; padding: 20px;}


.bphoto {width: 50%;}
@media (max-width:992px){.bphoto{width: 70%;}}
@media (max-width:768px){.bphoto{width: 90%;}}

.sphoto {width: 100%;}
@media (max-width:992px){.sphoto{width: 70%;}}
@media (max-width:768px){.sphoto{width: 90%;}}



/************************************
 * scrollable-sections-top-shadow  漸層陰影
************************************/
#top-shadow:after {
    content:"";
    background-image: -moz-radial-gradient(top center,ellipse farthest-side ,  rgba(0, 0, 0, 0.3) , transparent);
    background-image: -webkit-radial-gradient(top center,ellipse farthest-side , rgba(0, 0, 0, 0.3) , transparent);
    width: 100%;
    height: 8px;
    background-repeat: no-repeat;
    display: block;
    /*margin-top: 20px;*/
	margin-bottom: 30px;
    border-top: 1px solid #666;
}