body { 
    font-family:  'Noto Sans TC', sans-serif, "微軟正黑體"; overflow-x: hidden;width: 100%;background-color: rgb(0, 0, 0);
    margin: 0 0 0 0;
    background: -webkit-linear-gradient(top,rgba(172, 172, 172, 0.8),rgba(255, 255, 255, 0.9)),url(../images/wall.jpg) fixed; ;
    background: -moz-linear-gradient(top,rgba(172, 172, 172, 0.8),rgba(255, 255, 255, 0.9)),url(../images/wall.jpg) fixed; 
    background: -ms-linear-gradient(top,rgba(172, 172, 172, 0.8),rgba(255, 255, 255, 0.9)),url(../images/wall.jpg) fixed;
    background-position: center;
    background-size: cover;
}

h1, h2, h3, h4, h5, h6 { font-weight: 600; text-align: center; clear: both;  }
h1 { font-size: 2.1em; line-height: 1.25; }
h2 { font-size: 1.5em; line-height: 1.45;}
ul { padding: 0 0 0 0; margin: 0 0 0 0; }
ul li { font-size: 15px; }
ol li { font-size: 15px;line-height: 2;padding-top: 10px; }
p { font-size: 15px; line-height: 1.6;text-align: left;text-align: justify; }
a {font-size: 15px;transition: all .3s linear;}
.point{font-weight: 600;color: #4985aa;font-size: 1.2em;}
table { width: 100%;  }
table tr td { font-size: 14px; padding: 14px; color: #555;background: #ecf7fe;border: 1px solid #c5c6c7; }
article { width: 1000px; margin: 0px auto 0 auto; padding: 0; clear: both; box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px; overflow: hidden; background-color: #fff; }
header, section { width: 100%; margin: 0; clear: both; }
section { width: 93%; min-height: 200px;  color: #222; clear: both; margin: auto; border-radius: 15px;}

/* 主視覺 */
header#Visual { background: url('../images/BG5.jpg')  no-repeat ; background-size: cover; background-position: center TOP; overflow: hidden; text-align: center; padding: 100px 0; }

/* header#Visual img.TOPIC {  width: 550px; margin:0; } */
header#Visual p { font-size: 3.8em;margin: 0;padding: 0;text-align: center; color: #ff0026; font-weight: 700;}
header#Visual h1{font-size: 5em;margin: 0;padding: 0;color: #fff;font-weight: 700;}

header#Visual div.info { width:720px;height: 100px;margin:10px auto; clear: both; }
header#Visual div.info p{ text-align: center;color: #4985aa;font-size: 20px;font-weight: 600; }
header#Visual div.info .info-p span{background:  rgba(73,133,170,1);color: #FFF;border-radius: 20px;padding:5px 10px;}
header#Visual div.info .info-p:hover{color: #e29e24;}
.fa-phone, .fa-envelope{padding-left: 10px;}

header#Visual div.Contact { clear: both; width: 300px; margin:0 auto; }
header#Visual div.Contact div.BOX { width: 100%; float: left; background:  rgba(73,133,170,1); border-radius: 5px;}
header#Visual div.Contact div.BOX:hover { background: #e29e24; transition: 0.3s; }
header#Visual div.Contact div.BOX ul { list-style: none; padding: 15px; }
header#Visual div.Contact div.BOX ul li { text-align: center; margin: 4px 0; }
header#Visual div.Contact div.BOX ul li.Name { font-size: 20px; }
header#Visual div.Contact div.BOX ul li a { color: #FFF; }

header#Visual div.Contact div.BOX p{text-align: center;padding: 20px 0 10px 0;font-size: 20px;color: #FFF;font-weight: 600;}

.test_box{background-color: #4985aa;border-radius: 5px;margin-left: 55px;width: 86%;margin-bottom: 20px;display: block;padding: 30px 20px 20px 20px;}
.test_box p{text-align: center;color: #FFF;font-size: 1.5em;}
.first{font-weight: 600;font-size: 1.25em;}
section#PageA div.info { margin: auto; background: #4985aa; border-radius: 5px;clear: both; }
section#PageA div.info:hover { background: rgba(0,0,0,0.5); transition: 0.3s; }
section#PageA div.info ul { list-style: none;width: 300px;display: block; margin:0 auto;}
section#PageA div.info ul li { text-align: center; }
section#PageA div.info ul li.Name { font-size: 20px;padding-top: 15px;color: #FFFFFF; }
section#PageA div.info ul li a { color: #FFF; }

/* PageA 內容設定*/
section#PageA {padding:0 50px;margin: 80px auto;}
section#PageA p { font-size: 18px;}
section#PageA h1 { color: #2D2527; padding: 30px 0 10px 0;}
section#PageA ul,ol { padding: 0 0 0 20px; }
section#PageA ul li { text-align: justify;text-align: left;}


/* CPT 內容設定*/
div#CPT { width: 380px; margin: auto; clear: both; padding: 50px 0 80px 0;  }
div#CPT div.BTN { width: 100%; margin: 0px; float: left; border: solid 2px #FFF; color: #FFF; text-align: center; font-size: 1.4em; padding: 15px 10px; border-radius: 5px; transition: 0.20s linear; }
div#CPT div.BTN:hover { background: #FFF; color:#930326 !important; transition: 0.3s; font-weight: 600; }



.form_exam input,.form_exam select{
    font-size: 16px;
    font-weight: 500;
    border:none;
    background-color: #f5f5f5;
    height: 50px;
    border-radius: 4px;
    width: 100%;
    color:#757587;
    padding: 0 12px;
    transition: 0.2s;
    outline: 2px solid #ffffff; 
}

.form_exam input:hover,.form_exam select:hover{
    outline: 2px solid #c8c8ca; 

}
#file_name{display: block; font-size: 16px; background-color: #f5f5f5;height: 50px;line-height: 50px; padding: 0 15px; color:#757575;
    width:calc(100% - 50px);  font-weight: 500;}
.file_line{display: flex;align-items: center;}
.file_line input{border: none;display: none;}
.file_line img{width:100%;display: block;cursor: pointer;}

.checkbox_content{display: flex;padding: 15px; justify-content: center;}
.checkbox_content input{margin-right: 14px;width: auto;height: auto;}
.checkbox_content label{font-size: 16px;font-weight: 400;}
.form_exam{border-radius: 20px;margin: 50px 0;}
.sent input{background: #ff0026; color: #FFF; font-size: 22px;transition: all .3s linear;font-weight: 700;}
.sent input:hover{background: #d80020;}
.column{width: 100%;margin: 20px 0;}


/* RWD Setting */

    @media (max-width: 1440px) {

    }

    @media (max-width: 1200px) {
        article { width: 800px; }
        section { padding: 40px 40px; width: 100%; border-radius: 0;}
        header#Visual img.TOPIC {  width: 450px; }
        header#Visual p.descp { font-size: 1.5em; }
        header#Visual img.Star { margin-right: 50px;  }
        header#Visual img.balloon { margin-left: 50px;  }

    }

    @media (max-width: 810px) {
        article { width: 100%; }
        section#PageA { padding: 0 20px; margin: 40px auto; }
    }

    @media (max-width: 690px) {
        table tr th { display: none; }
        table tr td { display: block; }
        table tr td:before { content: attr(data-th) " : "; display: inline-block;  }

        article { width: 395px; }
    
        header#Visual img.TOPIC {  width: 95%; margin: 0; }
        header#Visual p { font-size: 2em;}
        header#Visual h1{font-size: 4.8em;}
        header#Visual div.info { width:100%;}
        header#Visual div.info p{ text-align: center;color: #4985aa;font-size: 16px;font-weight: 600; }
  

        section#PageB p.download { text-align: left;  font-size: 14px; }

        section#PageB div.Contact { width: 320px; margin:0 auto; }
        section#PageB div.Contact div.BOX { width: 100%;}
        section#PageB div.download_AREA { width: 240px; padding-top: 50px; }
        section#PageB div.download_AREA div.icon { 
            width: 100px; height: 100px; 
            margin: 5px; 
            padding: 20px 0 0 0; 
            font-size: 20px;
        }
        div#CPT { width: 100%; margin: auto; clear: both; padding: 50px 0 80px 0;  }
        .h2_bg{background-color: #4985aa;border-radius: 5px;padding: 10px 10px;color: #FFFFFF;}
        .h2{font-size: 1.8em;}
        .test_box{background-color: #4985aa;border-radius: 5px;padding: 30px 20px 20px 20px;margin-left: 0px;width: 100%;margin-bottom: 20px;}
        .test_box p{text-align: center;color: #FFF;font-size: 1.5em;}
        .first{font-weight: 600;font-size: 1.25em;}

        section#PageA div.info { width:320px;}

        .sale{background-color: #ff0202;color: #FFF;font-size: 16pt;padding: 5px;border-radius: 5px;}
        .money{font-size: 16pt;}




       


    }
    /*iPhone 6 */
    @media (max-width: 395px) {
        article { width: 100%; }
        header#Visual { padding: 60px 0; }
        header#Visual p { font-size: 1.6em;}
        header#Visual h1{font-size: 3em;}
        section#PageA p { font-size: 17px;}

         /* 表單 */
         .form_exam input,.form_exam select{ font-size: 16px;font-weight: 400; }
         #file_name{ font-size: 16px;font-weight: 400; } 
    }

div#SocialMedia { position: fixed; right: 10px; bottom: 50px; }
div#SocialMedia ul { list-style: none;  }
div#SocialMedia ul li { 
    background: rgba(0,0,0,0.75); 
    color: #FFF; 
    width: 40px; 
    height: 40px; 
    line-height: 40px; 
    font-size: 1.25em; 
    text-align: center; 
    margin: 8px 0 0 0;
    border-radius: 4px;
}
div#SocialMedia ul li a { color: #FFF; }
div#SocialMedia ul li.FB:hover { background: #39507C; transition: .20s linear;  }
div#SocialMedia ul li.Youtube:hover { background: #DB1B1B; transition: .20s linear; }
div#SocialMedia ul li.Contact:hover { background: #096; transition: .20s linear; }

/*聯絡資訊設定*/
footer div.InfoArea { background: #222; }