body{font-family:微軟正黑體;margin:0px;padding:0px;text-decoration:none;text-decoration: none;color:#fff;}
a{text-decoration: none;}
.MForm{width:700px;padding:10px;margin:10px auto;background:#ccc;border-radius:17px;border-bottom:3px solid #FCD872;border-top:3px solid #FCD872;}
.DetailForm{width:650px;padding:10px;margin:10px auto;}
.PStyle{padding:5px;font-size:15px;margin:1px;letter-spacing: 2px;outline:0;}
.FormTitle{display:inline-block;padding:3px;margin:3px;background:#4A99F3;border-radius:5px;}
.FormContent{display:inline}
.txtStyle{padding:5px;border:0px;border-bottom:1px solid #336699;width:550px;outline:0;}
.CheckboxStyle{width:30px;height:30px;margin-left:5px}
.TxtColor {
    color:#4A99F3;
}
.TxtSize {
   font-size:14px;
}
.txtStyles {
    padding: 5px;
    border: 0px;
    border-bottom: 1px solid #336699;
    width: 250px;
    outline: 0;
}
.txtStyle2{width:650px}
.txtStyle3:hover{border-left:5px solid #4A99F3}
.txtStyle4{padding:5px;border:0px;border-bottom:1px solid #336699;outline:0;}
.btnStyle{padding:10px;font-size:15px;cursor:pointer;transition: all 0.3s;border-radius:5px;margin-top:5px;background:#FCD872;font-family:微軟正黑體;border:0px;border-bottom:2px solid #A0C358;border-top:2px solid #A0C358;}
.btnStyle:hover{background:#4A99F3;color:#fff}
.SelectStyle{padding:5px;border-radius:5px;}
.textareaS{height:80px;text-align:left}
.helps{font-size:14px;color:#fff;padding:4px;margin:3px;background:#F35369;border-radius:4px;}
.helps a{color:#fff}
.helps a:link{color:#fff;}
.helps a:visited{color:#fff;}
.helps2{font-size:14px;color:#fff;padding:4px;margin:3px;background:#00929E;border-radius:4px;}
.helps2 a{color:#fff}
.helps2 a:link{color:#fff;}
.helps2 a:visited{color:#fff;}
.btnStyleU{padding:7px;font-size:15px;cursor:pointer;transition: all 0.3s;border-radius:5px;margin:5px;background:#4A99F3;font-family:微軟正黑體;border:0px;color:#fff}
.btnStyleU:hover{background:#4A99F3;color:#000}
.btnStyleD{padding:7px;font-size:15px;cursor:pointer;transition: all 0.3s;border-radius:5px;margin:5px;background:#DA586B;font-family:微軟正黑體;border:0px;color:#fff}
.btnStyleD:hover{background:#9D2932;}
.font-familyS{font-family:微軟正黑體;}
.AddDiv{margin:5px;padding:15px;background:#eee;border-radius:6px;width:470px}
.SearchDiv{padding:8px;margin:10px;padding-top:30px;padding-bottom:10px;margin-top:40px;border-radius:5px;position:relative;background:#eee;width:970px;border:1px solid #eee;border-bottom:3px solid #ccc}
.SearchBtnS{padding:7px;font-size:15px;cursor:pointer;transition: all 0.3s;border-radius:5px;margin:5px;background:#76B1D1;font-family:微軟正黑體;border:0px;color:#fff}
.SearchBtnS:hover{background:#4C8CAF}
.SearchNewsTitleD{width:120px;padding:7px;border-radius:6px;font-size:13px;margin:5px;position:absolute;background:#808080;top:-20px;left:20px;color:#fff;text-align:center;}
.SearchBtnDiv{margin:4px auto;text-align:center}
.Spans{padding:5px;background:#FF7A89;color:#fff;border-radius:5px;}
.DivPR{position:relative;}
.DivPS{position:absolute;}
.CommonUse{display:inline-block;padding:5px;margin-left:20px;background:#F35369;color:#fff;border-radius:5px;}
.NoShow{display:none;}
.FColor{color:#fff}
.Tables1 {
    border-radius: 7px;
    background: #A0C358;
    margin:8px;
    padding:5px;
}
.ContentTitle {
    display: block;
    margin: 5px;
}

.ContentTitle2 {
    display: inline-block;
    width: 180px;
    text-align: right;
    background: #FCD872;
    border-radius: 7px;
    padding-right: 12px;
    margin-left: 10px;
}

.ContentData {
    display: inline;
    padding: 5px;
}

.Index_BtnMore {
    padding: 8px;
    color: #fff;
    margin: 5px;
    background: #336699;
    border-radius: 8px;
    transition: all 0.5s;
}
.Index_BtnMore:hover {
    background:red;
}
    .Index_NewsDiv {
    width: 310px;
    height: 310px;
    padding: 6px;
    margin: 5px;
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.5s;
}
    .Index_NewsDiv:hover {
        background: #ccc;
        opacity: .9;
    }
    .Index_NewsDivImg {
    border-radius: 8px;
    max-height: 180px;
    max-width:290px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

    .Index_NewsDivImg:hover {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.07);
        opacity: .8;
    }
.PageImgs {
    /*  max-width:850px; */
    max-width: 99%;
}
.LogoSize {
    max-width: 500px;
}
#footer {
    width:100%;
    background: #ccc;
    padding: 40px;
    line-height:30px;
}
#footer2 {
    width: 100%;
    padding: 20px;
    line-height: 30px;
    text-align:center;
}
.login {
    background: #000;
    color: #fff;
    width: 100px;
    margin: 0 auto;
    border-radius: 7px;
    padding: 8px;
    margin-bottom: 20px;
}

.PageSubMenu a {
    color: #fff
}

    .PageSubMenu a:link {
        color: #fff;
    }

    .PageSubMenu a:visited {
        color: #fff;
    }

.PageSubMenu {
    display: inline-block;
    padding: 6px;
    background: #76B1D1;
    border-radius: 5px;
    color: #fff;
    margin: 3px;
    margin-top: 8px;
    margin-bottom: 5px;
}

.PageSubMenu:hover {
    background: #4267B2;
}

.PageSubMenuFocus {
    background: #F35369;
}

.PageSubMenu2 {
    padding: 6px;
    background: #999999;
    border-radius: 5px;
    color: #fff;
    margin: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 38px;
}

    .PageSubMenu2:hover {
        background: #4267B2;
    }

.PageSubMenu2Focus {
    background: #336699;
}
.MainMenuPath A:link {
    color: #000;
}

.MainMenuPath A:visited {
    color: #000;
}

.MainMenuPath A:active {
    color: #000;
}
.MainMenuPath {
    margin-bottom: 10px;
    color: #000;
    padding-left: 10px;
    border-left: 5px solid #000;
    margin-left: 2px
}
.PageSubMenuTop {
   margin-left:10px;
}
.newsMain {
    margin: 5px;
    padding: 10px;
    line-height: 28px;
    text-align: left;
}

.newsLine {
    margin: 6px;
    transition: all 0.3s;
}

    .newsLine:hover {
        background: #ccc;
        border-radius: 7px;
    }

.newsDate {
    float: left;
    padding: 6px;
    width: 100px;
    border-radius: 2px;
    background: #F3C04A;
}

.newsTitle {
    margin-left: 105px;
    padding: 6px;
    border-bottom: 1px solid #ccc;
}

.newsContent {
    padding: 15px;
    background: #eee;
    border-radius: 7px;
    table-layout: fixed;
    word-wrap: break-word;
}
.GoBack {
    background: #336699;
    text-align: center;
    padding: 7px;
    margin: 5px;
    width: 150px;
    border-radius: 8px;
    color: #fff;
    margin: 0 auto;
}

    .GoBack:hover {
        background: red;
    }

.webSiteTitle {
    margin-left: 20px;
    padding: 10px;
}
    .webSiteTitle a {
        border: 1px solid #336699;
        padding: 5px;
    }

.webSiteTitle2 {
    margin-left: 70px;
    padding: 6px;
}

.webSiteTitle A:link {
    color: #000;
}

.webSiteTitle A:visited {
    color: #000;
}

.webSiteTitle A:active {
    color: #000;
}

.webSiteTitle2 A:link {
    color: #000;
}

.webSiteTitle2 A:visited {
    color: #000;
}

.webSiteTitle2 A:active {
    color: #000;
}





.faqTitle {
    margin-left: 20px;
    padding: 10px;
}
   
.faqTitle2 {
    margin-left: 70px;
    padding: 6px;
}
.faqTitle A:link {
    color: #000;
}

.faqTitle A:visited {
    color: #000;
}

.faqTitle A:active {
    color: #000;
}
.faqTitle2 A:link {
    color: #000;
}

.faqTitle2 A:visited {
    color: #000;
}

.faqTitle2 A:active {
    color: #000;
}
.faqMain {
    background: #ccc;
    padding:25px;
}

.faqSearch {
    padding: 7px;
    border-radius: 7px;
    background: #88B14B;
    text-align: center;
}

.faqText {
    padding: 7px;
    border-radius: 7px;
    width: 100px;
    /*display: inline;*/
}

.faqBtn {
    padding: 5px;
    margin: 10px;
    border-radius: 3px;
}

.faqContent {
    background: #F6D258;
    padding: 15px;
    border-radius: 7px;
}

.webSiteMain {
    background: #EFEFEF;
}

.LinkMain {
    background: #EFEFEF;
}

.newsMain3 {
    margin: 0 auto;
    text-align: center;
    width: 650px
}

.UserPhoto {
    border-radius: 8px;
}
.DivBoth {
    clear: both;
}

.PaperStyle {
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    background: #F8BA01;
    color: #fff;
}

.PaperStyleFocus {
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    background: #F35369;
    color: #fff;
}

.PaperStyle:hover {
    background: #0BB586;
}
.UserPhotoTxt {
    display: inline-block;
    padding: 3px;
    margin: 2px;
    background: #FCD872;
    color: #000000;
    border-radius: 15px;
}
.UserPhotoHover {
    float: left;
    margin: 10px;
    background: #76B1D1;
    border-radius: 17px;
    width: 300px;
    height: 350px;
    text-align: center;
    cursor: pointer;
}

    .UserPhotoHover:hover {
        background: #A0C358;
    }
.PageList1 {
    text-align: center;
    background: #8FB23B;
    color: #fff;
    width: 95%;
    border-radius: 8px;
    padding: 7px;
    margin: 0 auto;
    margin-top: 15px;
}

.PageList2 {
    background: red;
    color: #fff;
    padding: 5px;
    border-radius: 50px
}
@media screen and (max-width:1000px) {
    .PageImgs {
        max-width: 99%;
    }
    .newsMain3 {
        width: 70%;
    }
}
@media screen and (max-width:500px) {
    .ContentData {
        display: block;
        padding-left: 20px;
    }

    .PageImgs {
        max-width: 99%;
    }
}