@charset "utf-8";
/*CSS Info ======================================================================
File Name: EPAiframe.css
Creator: Sharon
CreateDate:2018/05/25
Editer: JC
LastEditDate:2021/07/13
Version: 1.0
---------------------------
【 Table of Contents 】
	DIV XHTML頁面
	Free Style
    iframe for EPA
    新增英文版設定
=================================================================================*/

/*===============================================================================
                               Browser-CSS Reset
=================================================================================*/
@import "Reset.css";

/*===============================================================================
                                     全域設定
=================================================================================*/
body {
    font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", Arial;
    background-color: #FFF;
}

#Wrap {
}

.wrapper {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

/*-----------------Content-----------------*/
#Content {
    font-family: "微軟正黑體",Arial;
}

#Main {
}

iframe {
    border: none;
}

figcaption {
    color: #28ACB0;
    font-size: 1.5rem;
    text-align: left;
    font-weight: bold;
    margin: 0;
    line-height: 3em;
}

a {
    text-decoration: none;
}
/*===============================================================================
                               以下是內容頁版面設定 
=================================================================================*/
/* RPI地圖 */
.map {
    position: relative;
    width: 330px;
    overflow: hidden;
    margin-top: -15px;
}

.dateTime {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #333;
}

    .dateTime p {
        font-size: .75rem;
    }

.chartGroup {
}

.northChart {
    position: absolute;
    top: -4px;
    right: 0;
}

.centerChart {
    position: absolute;
    top: 64px;
    left: 50px;
}

.eastChart {
    position: absolute;
    bottom: 45px;
    left: 20px;
}

.sourthChart {
    position: absolute;
    bottom: 90px;
    right: 35px;
}

.linkBtn {
    margin-top: 8px;
    margin-left: 10px;
}

    .linkBtn a {
        border: 1px solid #3E9D5F;
        background-color: #fff;
        -webkit-appearance: none;
        font-size: .875rem;
        border-radius: 25px;
        color: #3E9D5F;
        text-align: center;
        display: inline-block;
        width: 260px;
        padding: 3px 0;
        transition: all .3s;
    }

        .linkBtn a:hover,
        .linkBtn a:focus {
            background-color: #3E9D5F;
            color: #fff;
        }

.linkeBtn-en {
    margin-left: 0;
}
    .linkeBtn-en a {
        width: 310px;
    }