@charset "utf-8";
/* 巧連智官網開發
   開發日期:2017/5/31
   開發人員：Jay
----------------------------------*/
/* 設計原則
單位基礎
小內距10px
內距20px
外距40px

內容寬度1280(40px*32)

單元名稱
News
Magazine
Member
FAQ
Education
Store
Free
Order
About

分隔線預設色 #eee

內距20px
外距40px
內頁左右間距40px(3.125%)

input, select 高度30px 行高30px 左右內距10px
input 寬度以40px 為一個單位
f-w-2 區碼 40px*2
f-w-3 姓名 40px*3
f-w-4 電話 40px*4
f-w-5 email 40px*5
f-w-6 地址 40px*6

radio 寬20px 高20px

按鈕(小)高度40px 按鈕內距10px 行高20px 圓角5px
按鈕(小)Icon 20px*20px
按鈕(大)高度40px 按鈕內距5px 10px 行高30px  圓角10px
按鈕(大)Icon 40px*40px
Icon 按鈕(表格) 30px*30px
按鈕(登入)高度120px 高度 120px 按鈕內距20px 行高30px  圓角10px
按鈕(登入)Icon 40px*40px
導航列 寬100px 高80px 左右外距40px
導航列Icon 寬30px 高30px
導航列箭頭 寬20px 高20px

彈出視窗1
寬640px 高440px 內距20px
彈出視窗2
寬800px 高360px 內距20px
彈出視窗標題內距 20px 行高20px


<!---3-2.Banner--->
高度350px-->更正為360px

<!--內頁-->
上距40px (考慮到橫式選單緣故)

<!---5.內頁左側--->
寬度520px(71.875%)
橫式選單 高度60px 左右內距10px 上距20px
橫式選單按鈕 高度40px 內距10px 行高20px
分頁：寬40px 高40px
社群：寬40px 高40px

(3)次標(包含網站地圖) 內距10px 行高20px
(4)新聞列表 內距10px 行高20px
(5)新聞列表分類 左右內距10px 行高20px
(6)新聞區塊 左右內距 20px
(6)頁籤 高度40px 左右內距20px 左右外距20px 底線5px
(7)表格 內距20px
(8)FAQ 內距10px 行高 20px
(9)清單左側間隔單位為 20px

<!---6.內頁右側--->
寬度320px(25%)
主標Icon 20px*20px
選單 內距10px 行高20px
特別推薦內距20px

*/

/*=======================================全域設定=======================================*/

/*全域屬性設定
------------------------*/
*, *:before, *:after {
    box-sizing: border-box;
}

html, body {
    padding: 0;
    margin: 0;
    /*解決手機溢位隱藏的問題*/
    position: relative;
}

html {
    /*針對 Safiri Mobile 旋轉時自動放大做的調整*/
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: "微軟正黑體";
}

    body > form {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
/*解決 IE <a> 標籤內沒有元素就無法點選的問題*/
a {
    background: rgba(0,0,0,0);
}

    a img {
        border: 0;
    }

img {
    max-width: 100%;
    height: auto;
}

/*共用屬性設定
------------------------*/
/*字級*/
.F-s {
    font-size: 14px;
}

.F-m {
    font-size: 18px;
}

.F-l {
    font-size: 24px;
}

.F-xl {
    font-size: 30px;
}

/*字體顏色*/
.F-c-l {
    color: #CCC;
}

.F-c-m {
    color: #888;
}

.F-c-d {
    color: #444;
}

.F-c-xd {
    color: #222;
}

/*單元標題字體顏色*/
.W-c-new {
    color: rgba(235,109,154,1);
}

.W-c-mag {
    color: rgba(232,56,61,1);
}

.W-c-mem {
    color: rgba(0,158,59,1);
}

.W-c-faq {
    color: rgba(0,108,184,1);
}

.W-c-edu {
    color: rgba(144,112,175,1);
}

.W-c-sto {
    color: rgba(245,160,0,1);
}

.W-c-ord {
    color: rgba(234,84,93,1);
}

.W-c-abo {
    color: rgba(48,113,185,1);
}

/*連結顏色預設*/
a {
    color: rgba(0, 165, 227,1);
    transition: all 0.2s;
    text-decoration: none;
}

td {
    word-wrap: break-word;
    word-break: break-all;
}

input, select, option, button {
    font-family: "微軟正黑體";
}

    input[type="text"], input[type="number"], input[type="password"], select, option {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        border: 1px solid #ccc;
        max-width: 100%;
    }
/*解除Safiri的設定*/
select, option {
    -webkit-appearance: none;
    /*圓角*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

select {
    background: url(/Content/Images/Icons/Menu_Open_G.png) 95% no-repeat;
    line-height: 28px;
    border: 1px solid #ccc;
    /*background-size*/
    -moz-background-size: 10px;
    -webkit-background-size: 10px;
    -o-background-size: 10px;
    background-size: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float:left;
}
.selectwrap {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    z-index: 0;
    overflow: hidden;
}

    .selectwrap:before {
        content: '';
        width: 30px;
        height: 28px;
        display: block;
        overflow: hidden;
        background: url(/Content/Images/Icons/Menu_Open_G.png) center no-repeat #fff;
        right: 1px;
        top: 50%;
        margin-top: -14px;
        position: absolute;
        pointer-events: none;
        /*background-size*/
        -moz-background-size: 10px;
        -webkit-background-size: 10px;
        -o-background-size: 10px;
        background-size: 10px;
        border-left: 1px solid #ccc;
    }

iframe {
    max-width: 100%;
}
textarea {
    width: 100%;
    height: auto;
    min-height: 200px;
    outline: none;
    border: 1px solid #ccc;
}

input[type="radio"] {
    margin: 0;
    width: 20px;
    height: 20px;
    margin: 5px 0;
}

input[type="checkbox"] {
    margin: 0;
    width: 20px;
    height: 20px;
    margin: 5px 0;
}

/*input 寬度以40px 為一個單位*/
.f-w-1 {
    width: 40px;
}

.f-w-2 {
    width: 80px;
}

.f-w-3 {
    width: 120px;
}

.f-w-4 {
    width: 160px;
}

.f-w-5 {
    width: 200px;
}

.f-w-6 {
    width: 240px;
}

.f-w-7 {
    width: 280px;
}

radio {
    width: 20px;
    height: 20px;
}

select.f-w-1 {
    width: 50px;
}

select.f-w-2 {
    width: 90px;
}

select.f-w-3 {
    width: 130px;
}

select.f-w-4 {
    width: 170px;
}

select.f-w-5 {
    width: 210px;
}

select.f-w-6 {
    width: 250px;
}

select.f-w-7 {
    width: 280px;
}

/*表格寬度 寬度以20px 為一個單位*/
.t-w-2 {
    width: 40px;
}

.t-w-3 {
    width: 60px;
}

.t-w-4 {
    width: 80px;
}

.t-w-5 {
    width: 100px;
}

.t-w-6 {
    width: 120px;
}

.t-w-7 {
    width: 140px;
}

.d-none{
    display: none !important;
}
/*=======================================上方(共用)設定=======================================*/

.PC {
    display: block;
}

.Mobile {
    display: none;
}

.Wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    min-height: 100vh;
}

/*Header設定
------------------------*/
.Header {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.Header ~ img { height:0; width:0; display:block;}

    .Header * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }
    /*Top*/
    .Header .Top {
        width: 100%;
        height: 80px;
        overflow: hidden;
        margin: 0 auto;
        max-width: 1280px;
        padding: 0 10px;
    }

        .Header .Top .Logo {
            width: 250px;
            height: 80px;
            overflow: hidden;
            display: block;
            text-indent: -9999px;
            background: url(/Content/Images/Logo.png) 0 0 no-repeat;
            float: left;
            /*background-size*/
            -moz-background-size: contain;
            -webkit-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
        }

        .Header .Top .TopLink {
            width: auto;
            height: 20px;
            overflow: hidden;
            margin: 30px 0;
            float: right;
        }

            .Header .Top .TopLink ul {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .Header .Top .TopLink ul li {
                    display: block;
                    width: auto;
                    height: 20px;
                    line-height: 20px;
                    overflow: hidden;
                    float: left;
                }

                    .Header .Top .TopLink ul li a {
                        display: block;
                        padding-left: 20px;
                    }

                    .Header .Top .TopLink ul li.TopLink-01 {
                        margin-right: 10px;
                    }

                        .Header .Top .TopLink ul li.TopLink-01 a {
                            background: url(/Content/Images/Icons/Sub/Icon_Sub_Login.png) 0 0 no-repeat;
                            /*background-size*/
                            -moz-background-size: 20px;
                            -webkit-background-size: 20px;
                            -o-background-size: 20px;
                            background-size: 20px;
                        }

                            .Header .Top .TopLink ul li.TopLink-01 a:hover,
                            .Header .Top .TopLink ul li.TopLink-01 a:active {
                                color: rgba(166,116,176,1);
                            }

                    .Header .Top .TopLink ul li.TopLink-02 a {
                        background: url(/Content/Images/Icons/Sub/Icon_Sub_Epaper.png) 0 0 no-repeat;
                        /*background-size*/
                        -moz-background-size: 20px;
                        -webkit-background-size: 20px;
                        -o-background-size: 20px;
                        background-size: 20px;
                    }

                        .Header .Top .TopLink ul li.TopLink-02 a:hover,
                        .Header .Top .TopLink ul li.TopLink-02a:active {
                            color: rgba(41,144,208,1);
                        }

                    .Header .Top .TopLink ul li.TopLink-03 a {
                        background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-Buy.png) 0 0 no-repeat;
                        /*background-size*/
                        -moz-background-size: 20px;
                        -webkit-background-size: 20px;
                        -o-background-size: 20px;
                        background-size: 20px;
                    }

                        .Header .Top .TopLink ul li.TopLink-03 a:hover,
                        .Header .Top .TopLink ul li.TopLink-03 a:active {
                            color: rgba(245,160,0,1);
                        }
    /*Nav*/
    .Header .Nav {
        width: 100%;
        height: 51px;
        margin: 0 auto;
        border-top: 1px solid #eee;
    }

        .Header .Nav .Navul {
            width: 100%;
            height: 50px;
            max-width: 1280px;
            margin: 0 auto;
        }

    .Header .NavFixed .Navul {
        max-width: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        background: rgba(255,255,255,1);
        padding: 0 5px;
    }

    .Header .Nav .Navul .Navli {
        width: 12.5%;
        float: left;
        position: relative;
    }
	
        .Header .Nav .Navul .Navli > a {
            width: 100%;
            height: 50px;
            line-height: 30px;
            padding: 10px;
            overflow: hidden;
            overflow: hidden;
            display: block;
            text-align: center;
            position: relative;
        }

            .Header .Nav .Navul .Navli > a span {
                padding-left: 20px;
                display: block;
                width: 100%;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
            }

            .Header .Nav .Navul .Navli > a:before {
                position: absolute;
                display: block;
                content: '';
                width: 6px;
                height: 6px;
                overflow: hidden;
                top: 50%;
                margin-top: -3px;
                left: 50%;
                margin-left: -40px;
            }

            .Header .Nav .Navul .Navli > a.W-c-mag:before {
                margin-left: -48px;
            }

    .Header .Nav .Navul .W-c-new:before {
        background: rgba(235,109,154,0.8);
    }

    .Header .Nav .Navul .W-c-mag:before {
        background: rgba(232,56,61,0.8);
    }

    .Header .Nav .Navul .W-c-mem:before {
        background: rgba(0,158,59,0.8);
    }

    .Header .Nav .Navul .W-c-faq:before {
        background: rgba(0,108,184,0.8);
    }

    .Header .Nav .Navul .W-c-edu:before {
        background: rgba(144,112,175,0.8);
    }

    .Header .Nav .Navul .W-c-sto:before {
        background: rgba(245,160,0,0.8);
    }

    .Header .Nav .Navul .W-c-fre:before {
        background: rgba(32,174,229,0.8);
    }

    .Header .Nav .Navul .Navli > a.W-c-ord {
        background: rgba(234,84,93,1);
        height: 40px;
        line-height: 20px;
        margin: 5px 0;
        /*圓角*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .Header .Nav .Navul .Navli > a.W-c-ord span {
            line-height: 20px;
            height: 20px;
            color: #fff;
        }

        .Header .Nav .Navul .Navli > a.W-c-ord:before {
            background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-r.png) 0 0 no-repeat;
            width: 10px;
            height: 10px;
            margin-top: -5px;
            margin-left: -45px;
            /*background-size*/
            -moz-background-size: 10px;
            -webkit-background-size: 10px;
            -o-background-size: 10px;
            background-size: 10px;
        }

    .Header .Nav .Navul .Selected .W-c-new:before,
    .Header .Nav .Navul .W-c-new:hover:before,
    .Header .Nav .Navul .W-c-new:active:before,
    .Header .Nav .Navul .Selected .W-c-mag:before,
    .Header .Nav .Navul .W-c-mag:hover:before,
    .Header .Nav .Navul .W-c-mag:active:before,
    .Header .Nav .Navul .Selected .W-c-mem:before,
    .Header .Nav .Navul .W-c-mem:hover:before,
    .Header .Nav .Navul .W-c-mem:active:before,
    .Header .Nav .Navul .Selected .W-c-faq:before,
    .Header .Nav .Navul .W-c-faq:hover:before,
    .Header .Nav .Navul .W-c-faq:active:before,
    .Header .Nav .Navul .Selected .W-c-edu:before,
    .Header .Nav .Navul .W-c-edu:hover:before,
    .Header .Nav .Navul .W-c-edu:active:before,
    .Header .Nav .Navul .Selected .W-c-sto:before,
    .Header .Nav .Navul .W-c-sto:hover:before,
    .Header .Nav .Navul .W-c-sto:active:before,
    .Header .Nav .Navul .Selected .W-c-fre:before,
    .Header .Nav .Navul .W-c-fre:hover:before,
    .Header .Nav .Navul .W-c-fre:active:before,
    .Header .Nav .Navul .Selected .W-c-ord:before,
    .Header .Nav .Navul .W-c-ord:hover:before,
    .Header .Nav .Navul .W-c-ord:active:before {
        background: rgba(255,255,255,1);
    }

    .Header .Nav .Navul .Selected > a .F-c-d,
    .Header .Nav .Navul .Navli > a:hover .F-c-d,
    .Header .Nav .Navul .Navli > a:active .F-c-d {
        color: #fff;
    }

    .Header .Nav .Navul .Selected .W-c-new,
    .Header .Nav .Navul .W-c-new:hover,
    .Header .Nav .Navul .W-c-new:active {
        background: rgba(235,109,154,0.8);
    }

    .Header .Nav .Navul .Selected .W-c-mag,
    .Header .Nav .Navul .W-c-mag:hover,
    .Header .Nav .Navul .W-c-mag:active {
        background: rgba(232,56,61,0.8);
    }

    .Header .Nav .Navul .Selected .W-c-mem,
    .Header .Nav .Navul .W-c-mem:hover,
    .Header .Nav .Navul .W-c-mem:active {
        background: rgba(0,158,59,0.8);
    }

    .Header .Nav .Navul .Selected .W-c-faq,
    .Header .Nav .Navul .W-c-faq:hover,
    .Header .Nav .Navul .W-c-faq:active {
        background: rgba(0,108,184,0.8);
    }

    .Header .Nav .Navul .Selected .W-c-edu,
    .Header .Nav .Navul .W-c-edu:hover,
    .Header .Nav .Navul .W-c-edu:active {
        background: rgba(144,112,175,0.8);
    }

    .Header .Nav .Navul .Selected .W-c-sto,
    .Header .Nav .Navul .W-c-sto:hover,
    .Header .Nav .Navul .W-c-sto:active {
        background: rgba(245,160,0,0.8);
    }

    .Header .Nav .Navul .Selected .W-c-fre,
    .Header .Nav .Navul .W-c-fre:hover,
    .Header .Nav .Navul .W-c-fre:active {
        background: rgba(32,174,229,0.8);
    }

    .Header .Nav .Navul .Selected .W-c-ord,
    .Header .Nav .Navul .W-c-ord:hover,
    .Header .Nav .Navul .W-c-ord:active {
        background: rgba(234,84,93,0.8);
    }

    .Header .Nav .Navul .Navli .SubNav {
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        z-index: 2;
        display: none;
    }

        .Header .Nav .Navul .Navli .SubNav li {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

	.Header .Nav .Navul .Navli .SubNav li.DN { display:none;}

            .Header .Nav .Navul .Navli .SubNav li a {
                display: block;
                padding: 10px;
                line-height: 20px;
            }

                .Header .Nav .Navul .Navli .SubNav li a .F-c-m {
                    color: rgba(255,255,255,0.8);
                }

                .Header .Nav .Navul .Navli .SubNav li a:hover .F-c-m,
                .Header .Nav .Navul .Navli .SubNav li a:active .F-c-m {
                    color: rgba(255,255,255,1);
                }

    .Header .Nav .Navul .W-c-new ~ .SubNav {
        background: rgba(235,109,154,0.95);
    }

    .Header .Nav .Navul .W-c-mag ~ .SubNav {
        background: rgba(232,56,61,0.95);
    }

    .Header .Nav .Navul .W-c-mem ~ .SubNav {
        background: rgba(0,158,59,0.95);
    }

    .Header .Nav .Navul .W-c-faq ~ .SubNav {
        background: rgba(0,108,184,0.95);
    }

    .Header .Nav .Navul .W-c-edu ~ .SubNav {
        background: rgba(144,112,175,0.95);
    }

    .Header .Nav .Navul .W-c-sto ~ .SubNav {
        background: rgba(245,160,0,0.95);
    }

    .Header .Nav .Navul .W-c-fre ~ .SubNav {
        background: rgba(32,174,229,0.95);
    }

    .Header .Nav .Navul .W-c-ord ~ .SubNav {
        background: rgba(234,84,93,0.95);
    }

    .Header .Nav .Navul .W-c-new ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-new ~ .SubNav a:active {
        background: rgba(235,109,154,0.8);
    }

    .Header .Nav .Navul .W-c-mag ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-mag ~ .SubNav a:active {
        background: rgba(232,56,61,0.8);
    }

    .Header .Nav .Navul .W-c-mem ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-mem ~ .SubNav a:active {
        background: rgba(0,158,59,0.8);
    }

    .Header .Nav .Navul .W-c-faq ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-faq ~ .SubNav a:active {
        background: rgba(0,108,184,0.8);
    }

    .Header .Nav .Navul .W-c-edu ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-edu ~ .SubNav a:active {
        background: rgba(144,112,175,0.8);
    }

    .Header .Nav .Navul .W-c-sto ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-sto ~ .SubNav a:active {
        background: rgba(245,160,0,0.8);
    }

    .Header .Nav .Navul .W-c-fre ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-fre ~ .SubNav a:active {
        background: rgba(32,174,229,0.8);
    }

    .Header .Nav .Navul .W-c-ord ~ .SubNav a:hover,
    .Header .Nav .Navul .W-c-ord ~ .SubNav a:active {
        background: rgba(234,84,93,0.8);
    }

/*Banner*/
.Banner {
    width: 100%;
    max-width: 1280px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.Banner-W-c-new {
    background: rgba(235,109,154,1);
    border-top: 3px solid rgba(235,109,154,1);
}

.Banner-W-c-mag {
    background: rgba(232,56,61,1);
    border-top: 3px solid rgba(232,56,61,1);
}

.Banner-W-c-mem {
    background: rgba(0,158,59,1);
    border-top: 3px solid rgba(0,158,59,1);
}

.Banner-W-c-faq {
    background: rgba(0,108,184,1);
    border-top: 3px solid rgba(0,108,184,1);
}

.Banner-W-c-edu {
    background: #CBDF86;
    border-top: 3px solid #CBDF86;
}

.Banner-W-c-sto {
    background: rgba(245,160,0,1);
    border-top: 3px solid rgba(245,160,0,1);
}

.Banner-W-c-ord {
    background: rgba(234,84,93,1);
    border-top: 3px solid rgba(234,84,93,1);
}

.Banner-W-c-abo {
    background: rgba(48,113,185,1);
    border-top: 3px solid rgba(48,113,185,1);
}

.DefBanner {
    background: rgba(48,113,185,1);
    border-top: 3px solid rgba(48,113,185,1);
}

/*BreadCrumbs*/
.BreadCrumbs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background: rgba(250,250,250,1);
}

    .BreadCrumbs * {
        padding: 0;
        margin: 0;
        text-decoration: none;
    }

    .BreadCrumbs .W1280 {
        width: 100%;
        max-width: 1280px;
        height: auto;
        overflow: hidden;
        padding: 10px;
        line-height: 30px;
        margin: 0 auto;
    }

        .BreadCrumbs .W1280 p {
            display: block;
            width: 75%;
            height: auto;
            overflow: hidden;
            float: left;
        }

        .BreadCrumbs .W1280 .Search {
            width: 25%;
            height: 30px;
            overflow: hidden;
            position: relative;
            border: 1px solid #eee;
            float: right;
            padding-right: 30px;
            /*圓角*/
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .BreadCrumbs .W1280 .Search .SearchText {
                width: 100%;
                height: 30px;
                overflow: hidden;
                padding: 0 10px;
                line-height: 30px;
                border: 0;
                outline: 0;
            }

            .BreadCrumbs .W1280 .Search .SerachBtn {
                position: absolute;
                width: 20px;
                height: 20px;
                display: block;
                border: 0;
                outline: 0;
                background: url(/Content/Images/Icons/Sub/Icon_Sub_Search-G.png) 0 0 no-repeat;
                top: 4px;
                right: 10px;
                /*background-size*/
                -moz-background-size: 20px;
                -webkit-background-size: 20px;
                -o-background-size: 20px;
                background-size: 20px;
            }

/*=======================================中間區塊設定=======================================*/
/*中間區塊*/
.Content {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1280px;
    padding-top: 40px;
}

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

/*彈出視窗*/
.Popup {
    width: 860px;
    height: 650px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -400px;
    z-index: 13;
    padding: 20px;
}
.Popup2 {
    height: 300px;
    margin-top: -150px;
}

.Popup .Close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    line-height: 40px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

    .Popup .Close i {
        width: 40px;
        height: 40px;
        font-size: 30px;
        overflow: hidden;
        background: rgba(0,158,59,1);
        color: #fff;
        /*圓角*/ background: rgba(0,158,59,1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        /*陰影*/
        -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
        -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
        box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
    }

    .Popup .Close * {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        float: left;
        text-align: center;
    }

.Popup .BasicForm {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    height: 560px;
    padding: 14px;
    border: 3px solid rgba(0,158,59,1);
    border: 3px solid rgba(0,158,59,1);
    margin-bottom: 0;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*陰影*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.Popup .MemForm10 .Bottom_Btn {
    margin-top: 40px;
    margin-bottom: 0;
}

.Popup .MemForm10 .BasicFormWrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.Popup_Hide {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 12;
    content: '';
    background: rgba(0,0,0,0.5);
    display: block;
    top: 0;
    left: 0;
}

.Popup .MemForm11 {
    position: relative;
    padding-top: 50px;
}

.Popup2 .PopHeader {
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(0,158,59,1);
    color: #fff;
    padding: 10px 20px;
}

.Popup2 .PopText {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 20px;
}

.Popup2 {
    height: 300px;
    margin-top: -150px;
}

    .Popup2 .BasicForm {
        height: 260px;
    }

/*醒目色預設*/
.Notice {
    color: rgb(230, 55, 60);
}
/*表單錯誤訊息預設*/
.Validate {
    color: rgb(230, 55, 60);
    margin-left: 10px;
}
/*關鍵字底色預設*/
.KeyWord {
    background: rgba(255, 240, 0,1);
}
/*主標Icon 30px*30px*/
.Title {
    padding-left: 35px;
}
/*次標Icon 20px*20px*/
.SubTitle {
    padding-left: 25px;
}
/*按鈕設定*/
/*搜尋按鈕*/
.Search .SerachBtn {
    cursor: pointer;
}
/*按鈕設定*/
/*按鈕(小)高度40px 按鈕內距10px 行高20px 圓角5px*/
.Button_s {
    display: block;
    width: auto;
    min-width: 80px;
    height: 40px;
    overflow: hidden;
    padding: 10px;
    line-height: 20px;
    text-indent: 20px;
    border: 0;
    outline: 0;
    cursor: pointer;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*按鈕設定-會員中心*/
.Member .Button_s {
    background: rgba(0,158,59,1);
    color: #fff;
    min-width: 0;
    width: auto;
    display: inline-block;
    text-indent: 0;
}
/*按鈕(大)高度40px 按鈕內距5px 10px 行高30px
按鈕(大)Icon 40px*40px*/
.Button_b {
    display: block;
    width: auto;
    min-width: 80px;
    height: 50px;
    overflow: hidden;
    padding: 10px;
    line-height: 30px;
    text-indent: 30px;
    border: 0;
    outline: 0;
    cursor: pointer;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*底部按鈕設定*/
.Bottom_Btn {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
}

    .Bottom_Btn * {
        color: #fff;
        text-decoration: none;
    }

    .Bottom_Btn .Button_b {
        display: inline-block;
        margin-right: 20px;
        position: relative;
    }

        .Bottom_Btn .Button_b:last-child {
            margin-right: 0;
        }

        .Bottom_Btn .Button_b:before {
            content: '';
            width: 20px;
            height: 20px;
            display: block;
            overflow: hidden;
            position: absolute;
            top: 15px;
            left: 10px;
        }
/*底部按鈕設定-巧虎商店*/
.Store .Bottom_Btn .Button_b {
    background: rgba(0, 165, 227,1);
}

.Store .Bottom_Btn .Btn_Sto-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Clear.png) top center no-repeat;
}

.Store .Bottom_Btn .Btn_Sto-02:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-Buy-W.png) top center no-repeat;
}

.Store .Bottom_Btn .Btn_Sto-03:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Confirm.png) top center no-repeat;
}

.Store .Bottom_Btn .Btn_Sto-04:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-03.png) top center no-repeat;
}
/*底部按鈕設定-線上訂閱*/
.Order .Bottom_Btn .Button_b {
    background: rgba(234,84,93,1);
}

.Order .Bottom_Btn .Btn_Ord-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Write.png) top center no-repeat;
}

.Order .Bottom_Btn .Btn_Ord-02:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Clear.png) top center no-repeat;
}

.Order .Bottom_Btn .Btn_Ord-03:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Confirm.png) top center no-repeat;
}

.Order .Bottom_Btn .Btn_Ord-04:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Ord-01.png) top center no-repeat;
}
/*底部按鈕設定-客服信箱*/
.FAQ .Bottom_Btn .Button_b {
    background: rgba(0,108,184,1);
}

.FAQ .Bottom_Btn .Btn_Faq-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Clear.png) top center no-repeat;
}

.FAQ .Bottom_Btn .Btn_Faq-02:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Confirm.png) top center no-repeat;
}

.MemForm11 .Bottom_Btn .Btn_Mem-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Clear.png) top center no-repeat;
}

.MemForm11 .Bottom_Btn .Btn_Mem-02:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Confirm.png) top center no-repeat;
}

/*底部按鈕設定-會員中心*/
.Member .Bottom_Btn .Button_b {
    background: rgba(0,158,59,1);
}

.Member .Bottom_Btn .Btn_Mem-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Clear.png) top center no-repeat;
}

.Member .Bottom_Btn .Btn_Mem-02:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Confirm.png) top center no-repeat;
}

.Member .Bottom_Btn .Btn_Mem-03:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-03.png) top center no-repeat;
}

.Member .Bottom_Btn .Btn_Mem-03:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-03.png) top center no-repeat;
}

.Member .Bottom_Btn .Btn_Mem-04:before {
    background: url(/Content/Images/Icons/Login.png) top center no-repeat;
}

.Member .Bottom_Btn .Btn_Mem-05:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-05.png) 0 0 no-repeat;
}

.Member .Bottom_Btn .Btn_Mem-06:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Mem-01.png) 0 0 no-repeat;
}

.Store .Bottom_Btn .Btn_Sto-01:before,
.Store .Bottom_Btn .Btn_Sto-02:before,
.Store .Bottom_Btn .Btn_Sto-03:before,
.Store .Bottom_Btn .Btn_Sto-04:before,
.Order .Bottom_Btn .Btn_Ord-01:before,
.Order .Bottom_Btn .Btn_Ord-02:before,
.Order .Bottom_Btn .Btn_Ord-03:before,
.Order .Bottom_Btn .Btn_Ord-04:before,
.FAQ .Bottom_Btn .Btn_Faq-01:before,
.FAQ .Bottom_Btn .Btn_Faq-02:before,
.MemForm11 .Bottom_Btn .Btn_Mem-01:before,
.MemForm11 .Bottom_Btn .Btn_Mem-02:before,
.Member .Bottom_Btn .Btn_Mem-01:before,
.Member .Bottom_Btn .Btn_Mem-02:before,
.Member .Bottom_Btn .Btn_Mem-03:before,
.Member .Bottom_Btn .Btn_Mem-03:before,
.Member .Bottom_Btn .Btn_Mem-04:before,
.Member .Bottom_Btn .Btn_Mem-05:before {
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}


/*STEP 設定*/
.Step {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    max-width: 480px;
    margin-bottom: 40px;
}

    .Step .StepBox {
        width: 25%;
        max-width: 120px;
        height: 80px;
        overflow: hidden;
        float: left;
        border: 1px solid #eee;
        padding: 10px 0;
        /*圓角*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .Step .Arrow {
        width: 12.5%;
        height: 80px;
        overflow: hidden;
        float: left;
    }

    .Step .StepBox span {
        display: block;
        width: 100%;
        height: 18px;
        line-height: 18px;
        overflow: hidden;
        text-align: center;
    }

    .Step .StepBox:before {
        width: 100%;
        height: 30px;
        overflow: hidden;
        display: block;
        content: '';
        margin: 5px auto;
    }

    .Step .Active .F-c-m {
        color: #fff;
    }
/*STEP 設定-巧虎商店*/
.Store .Step .Active {
    background: rgba(245,160,0,1);
    border: 1px solid rgba(245,160,0,1);
}

.Store .Step .Step01:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Sto-01.png) top center no-repeat;
}

.Store .Step .Step02:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Sto-02.png) top center no-repeat;
}

.Store .Step .Step03:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Sto-03.png) top center no-repeat;
}

.Store .Step .Step01_o:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Sto-01_o.png) top center no-repeat;
}

.Store .Step .Step02_o:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Sto-02_o.png) top center no-repeat;
}

.Store .Step .Step03_o:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Sto-03_o.png) top center no-repeat;
}

.Store .Step .Arrow {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Arrow_Sto.png) center no-repeat;
}
/*STEP 設定-線上訂閱*/
.Order .Step .Active {
    background: rgba(234,84,93,1);
    border: 1px solid rgba(234,84,93,1);
}

.Order .Step .Step01:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Ord-01.png) top center no-repeat;
}

.Order .Step .Step02:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Ord-02.png) top center no-repeat;
}

.Order .Step .Step03:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Ord-03.png) top center no-repeat;
}

.Order .Step .Step01_o:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Ord-01_o.png) top center no-repeat;
}

.Order .Step .Step02_o:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Ord-02_o.png) top center no-repeat;
}

.Order .Step .Step03_o:before {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Ord-03_o.png) top center no-repeat;
}

.Order .Step .Arrow {
    background: url(/Content/Images/Icons/Progress/Icon_Progress_Arrow_Ord.png) center no-repeat;
}

.Store .Step .Step01:before,
.Store .Step .Step02:before,
.Store .Step .Step03:before,
.Store .Step .Step01_o:before,
.Store .Step .Step02_o:before,
.Store .Step .Step03_o:before,
.Store .Step .Arrow,
.Order .Step .Active,
.Order .Step .Step01:before,
.Order .Step .Step02:before,
.Order .Step .Step03:before,
.Order .Step .Step01_o:before,
.Order .Step .Step02_o:before,
.Order .Step .Step03_o:before,
.Order .Step .Arrow { /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

/*右區塊*/
.Right {
    width: 25%;
    height: auto;
    overflow: hidden;
    float: right;
}

.RightMenu {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .RightMenu * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .RightMenu .RightHeader {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-bottom: 10px;
    }

        .RightMenu .RightHeader * {
            font-weight: normal;
        }

        .RightMenu .RightHeader .SubTitle {
            padding-left: 25px;
            height: 30px;
            line-height: 30px;
        }

            .RightMenu .RightHeader .SubTitle span {
                margin-left: 5px;
            }

        /*右區塊各單元次標Icon設定*/
        .RightMenu .RightHeader .R-Abo-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Abo-01.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Edu-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Edu-01.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Edu-02 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Edu-02.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Edu-03 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Edu-03.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Edu-04 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Edu-04.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Faq-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Faq-01.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Faq-02 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Faq-02.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Lov-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Lov-01.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Mag-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Mag-01.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Mag-02 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Mag-02.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Mem-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Mem-01.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-News-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_New.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Sto-01 {
            background: url(/Content/Images/Icons/Right/Icon_Right_Store.png)0 5px no-repeat;
        }

        .RightMenu .RightHeader .R-Abo-01,
        .RightMenu .RightHeader .R-Edu-01,
        .RightMenu .RightHeader .R-Edu-02,
        .RightMenu .RightHeader .R-Edu-03,
        .RightMenu .RightHeader .R-Edu-04,
        .RightMenu .RightHeader .R-Faq-01,
        .RightMenu .RightHeader .R-Faq-02,
        .RightMenu .RightHeader .R-Lov-01,
        .RightMenu .RightHeader .R-Mag-01,
        .RightMenu .RightHeader .R-Mag-02,
        .RightMenu .RightHeader .R-Mem-01,
        .RightMenu .RightHeader .R-News-01,
        .RightMenu .RightHeader .R-Sto-01 {
            /*background-size*/
            -moz-background-size: 20px;
            -webkit-background-size: 20px;
            -o-background-size: 20px;
            background-size: 20px;
        }

/*右區塊各單元次標顏色設定*/
.News .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(235,109,154,1);
}

.Magazine .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(232,56,61,1);
}

.Member .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(0,158,59,1);
}

.FAQ .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(0,108,184,1);
}

.Education .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(144,112,175,1);
}

.Store .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(245,160,0,1);
}

.Order .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(234,84,93,1);
}

.About .RightMenu .RightHeader .SubTitle > strong {
    color: rgba(48,113,185,1);
}

/*右區塊選單設定*/
.RightMenu .R-Lists {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 40px;
}

    .RightMenu .R-Lists li {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 2px dashed #eee;
        transition: all 0.2s;
    }

        .RightMenu .R-Lists li a {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 10px;
            line-height: 20px;
            padding-left: 25px;
            position: relative;
        }

            .RightMenu .R-Lists li a i {
                font-size: 10px;
                position: absolute;
                width: 10px;
                height: 10px;
                line-height: 10px;
                text-align: center;
                top: 15px;
                left: 10px;
                color: #ccc;
            }

            .RightMenu .R-Lists li a.Notice i {
                color: rgb(230, 55, 60);
            }

            .RightMenu .R-Lists li a:hover i,
            .RightMenu .R-Lists li a:active i,
            .RightMenu .R-Lists li .F-c-d:hover,
            .RightMenu .R-Lists li .F-c-d:active {
                color: rgba(255,255,255,1);
            }

/*右區塊選單進階搜尋設定*/
.RightMenu .AdvancedSearch {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

    .RightMenu .AdvancedSearch * {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .RightMenu .AdvancedSearch .AdvancedSearchHeader {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px;
        line-height: 20px;
        background: rgba(144,112,175,1);
        position: relative;
        /*圓角*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .RightMenu .AdvancedSearch .AdvancedSearchHeader:after {
            content: '';
            background: url(/Content/Images/Icons/Menu_Open.png) 0 0 no-repeat;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            color: #fff;
            font-size: 18px;
            position: absolute;
            top: 10px;
            right: 10px;
            /*background-size*/
            -moz-background-size: contain;
            -webkit-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
        }

    .RightMenu .AdvancedSearch .Selected:after {
        content: '';
        background: url(/Content/Images/Icons/Menu_Close.png) 0 0 no-repeat;
        /*background-size*/
        -moz-background-size: contain;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

.RightMenu .AdvancedSearchHeader .Title {
    font-weight: normal;
    color: #fff;
}

.RightMenu .AdvancedSearchBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    background: #fff;
    display: none;
}

    .RightMenu .AdvancedSearchBox li {
        width: 50%;
        height: auto;
        overflow: hidden;
        padding: 10px;
        line-height: 20px;
        float: left;
        position: relative;
        padding-left: 40px;
    }

        .RightMenu .AdvancedSearchBox li input {
            width: 20px;
            height: 20px;
            margin: 10px 0;
            position: absolute;
            top: 0;
            left: 10px;
        }

        .RightMenu .AdvancedSearchBox li label {
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 20px;
            float: left;
        }

.RightMenu .AdvancedSearchBtn {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
}

    .RightMenu .AdvancedSearchBtn .Button_s {
        color: #fff;
        background: url(/Content/Images/Icons/Right/Icon_Right_Edu-03.png) 10px 10px no-repeat rgba(144,112,175,1);
        float: right;
        /*background-size*/
        -moz-background-size: 20px;
        -webkit-background-size: 20px;
        -o-background-size: 20px;
        background-size: 20px;
    }

/*右區塊各單元選單滑過設定*/
.News .RightMenu .R-Lists li a:hover,
.News .RightMenu .R-Lists li a:active {
    background: rgba(235,109,154,1);
}

.Magazine .RightMenu .R-Lists li a:hover,
.Magazine .RightMenu .R-Lists li a:active {
    background: rgba(232,56,61,1);
}

.Member .RightMenu .R-Lists li a:hover,
.Member .RightMenu .R-Lists li a:active {
    background: rgba(0,158,59,1);
}

.FAQ .RightMenu .R-Lists li a:hover,
.FAQ .RightMenu .R-Lists li a:active {
    background: rgba(0,108,184,1);
}

.Education .RightMenu .R-Lists li a:hover,
.Education .RightMenu .R-Lists li a:active {
    background: rgba(144,112,175,1);
}

.Store .RightMenu .R-Lists li a:hover,
.Store .RightMenu .R-Lists li a:active {
    background: rgba(245,160,0,1);
}

.Order .RightMenu .R-Lists li a:hover,
.Order .RightMenu .R-Lists li a:active {
    background: rgba(234,84,93,1);
}

.About .RightMenu .R-Lists li a:hover,
.About .RightMenu .R-Lists li a:active {
    background: rgba(48,113,185,1);
}

.RightAds {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
}

    .RightAds * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .RightAds ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
    }

        .RightAds ul li {
            width: 100%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-bottom: 20px;
        }

            .RightAds ul li:last-child {
                margin-bottom: 0;
            }

            .RightAds ul li a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .RightAds ul li a img {
                    display: block;
                    border: 0;
                    margin: 0 auto;
                }

/*左區塊*/
.LeftContent {
    width: 71.875%;
    height: auto;
    overflow: hidden;
    float: left;
    min-height: 1150px;
}

.LeftHeader {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
}

    .LeftHeader * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .LeftHeader .Title,
    .LeftHeader .Title strong {
        font-weight: normal;
        margin-right: 5px;
    }

    .LeftHeader .Title {
        width: 100%;
        height: auto;
        line-height: 30px;
        padding-left: 35px;
        overflow: hidden;
    }

        .LeftHeader .Title span {
            display: inline-block;
        }

    .LeftHeader .NoIcon {
        padding-left: 0;
        height: auto;
    }

    .LeftHeader .Title .Time {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 2px dashed #eee;
        margin-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }
    /*左區塊各單元主標Icon設定*/
    .LeftHeader .L-Abo-01 {
        background: url(/Content/Images/Icons/Main/Icon_Abo-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Abo-02 {
        background: url(/Content/Images/Icons/Main/Icon_Abo-02.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Abo-03 {
        background: url(/Content/Images/Icons/Main/Icon_Abo-03.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Abo-04 {
        background: url(/Content/Images/Icons/Main/Icon_Abo-04.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Abo-05 {
        background: url(/Content/Images/Icons/Main/Icon_Abo-05.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Edu-01 {
        background: url(/Content/Images/Icons/Main/Icon_Edu-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Edu-02 {
        background: url(/Content/Images/Icons/Main/Icon_Edu-02.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Edu-03 {
        background: url(/Content/Images/Icons/Main/Icon_Edu-03.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Edu-04 {
        background: url(/Content/Images/Icons/Main/Icon_Edu-04.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Faq-01 {
        background: url(/Content/Images/Icons/Main/Icon_Faq-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Faq-02 {
        background: url(/Content/Images/Icons/Main/Icon_Faq-02.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Faq-03 {
        background: url(/Content/Images/Icons/Main/Icon_Faq-03.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Lov-01 {
        background: url(/Content/Images/Icons/Main/Icon_Lov-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mag-01 {
        background: url(/Content/Images/Icons/Main/Icon_Mag-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mag-02 {
        background: url(/Content/Images/Icons/Main/Icon_Mag-02.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-01 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-02 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-02.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-03 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-03.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-04 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-04.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-05 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-05.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-06 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-06.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-07 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-07.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mem-08 {
        background: url(/Content/Images/Icons/Main/Icon_Mem-08.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Mon-01 {
        background: url(/Content/Images/Icons/Main/Icon_Mon-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-News-01 {
        background: url(/Content/Images/Icons/Main/Icon_New-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Sitemap {
        background: url(/Content/Images/Icons/Main/Icon_Sitemap.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Sto-01 {
        background: url(/Content/Images/Icons/Main/Icon_Sto-01.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Sto-02 {
        background: url(/Content/Images/Icons/Main/Icon_Sto-02.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Sto-03 {
        background: url(/Content/Images/Icons/Main/Icon_Sto-03.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Sto-04 {
        background: url(/Content/Images/Icons/Main/Icon_Sto-04.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Sto-05 {
        background: url(/Content/Images/Icons/Main/Icon_Sto-05.png) 0 0 no-repeat;
    }

    .LeftHeader .L-Abo-01,
    .LeftHeader .L-Abo-02,
    .LeftHeader .L-Abo-03,
    .LeftHeader .L-Abo-04,
    .LeftHeader .L-Abo-05,
    .LeftHeader .L-Edu-01,
    .LeftHeader .L-Edu-02,
    .LeftHeader .L-Edu-03,
    .LeftHeader .L-Edu-04,
    .LeftHeader .L-Faq-01,
    .LeftHeader .L-Faq-02,
    .LeftHeader .L-Faq-03,
    .LeftHeader .L-Lov-01,
    .LeftHeader .L-Mag-01,
    .LeftHeader .L-Mag-02,
    .LeftHeader .L-Mem-01,
    .LeftHeader .L-Mem-02,
    .LeftHeader .L-Mem-03,
    .LeftHeader .L-Mem-04,
    .LeftHeader .L-Mem-05,
    .LeftHeader .L-Mem-06,
    .LeftHeader .L-Mem-07,
    .LeftHeader .L-Mem-08,
    .LeftHeader .L-Mon-01,
    .LeftHeader .L-News-01,
    .LeftHeader .L-Sitemap,
    .LeftHeader .L-Sto-01,
    .LeftHeader .L-Sto-02,
    .LeftHeader .L-Sto-03,
    .LeftHeader .L-Sto-04,
    .LeftHeader .L-Sto-05 { /*background-size*/
        -moz-background-size: 30px;
        -webkit-background-size: 30px;
        -o-background-size: 30px;
        background-size: 30px;
    }

/*左區塊各單元主標顏色設定*/
.News .LeftHeader .Title strong {
    color: rgba(235,109,154,1);
}

.Magazine .LeftHeader .Title strong {
    color: rgba(232,56,61,1);
}

.Month .LeftHeader .Title strong {
    color: rgba(243,151,0,1);
}

.Member .LeftHeader .Title strong {
    color: rgba(0,158,59,1);
}

.FAQ .LeftHeader .Title strong {
    color: rgba(0,108,184,1);
}

.Education .LeftHeader .Title strong {
    color: rgba(144,112,175,1);
}

.Store .LeftHeader .Title strong {
    color: rgba(245,160,0,1);
}

.Order .LeftHeader .Title strong {
    color: rgba(234,84,93,1);
}

.About .LeftHeader .Title strong {
    color: rgba(48,113,185,1);
}

/*左區塊各次標及Icon設定*/
.LeftContent .SubTitle {
    width: 100%;
    margin: 0;
    height: auto;
    overflow: hidden;
    padding: 10px;
    line-height: 20px;
    text-align: left;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    padding-left: 35px;
    font-weight: normal;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .LeftContent .SubTitle:before {
        content: '';
        width: 20px;
        height: 20px;
        overflow: hidden;
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
    }
/*左區塊各單元次標背景色設定*/
.News .LeftContent .SubTitle {
    background: rgba(235,109,154,1);
}

.Magazine .LeftContent .SubTitle {
    background: rgba(232,56,61,1);
}

.Member .LeftContent .SubTitle {
    background: rgba(0,158,59,1);
}

.FAQ .LeftContent .SubTitle {
    background: rgba(0,108,184,1);
}

.Education .LeftContent .SubTitle {
    background: rgba(144,112,175,1);
}

.Store .LeftContent .SubTitle {
    background: rgba(245,160,0,1);
}

.Order .LeftContent .SubTitle {
    background: rgba(234,84,93,1);
}

.About .LeftContent .SubTitle {
    background: rgba(48,113,185,1);
}
/*左區塊各單元次標Icon設定*/
.LeftContent .L-Sub-Mag-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Mag-01.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Mem-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Mem-01.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Edu-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Edu-01.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Sto-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-01.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Sto-02:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-02.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Sto-03:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-03.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Sto-04:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-04.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Sto-05:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-05.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Ord-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Ord-01.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Abo-01:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Abo-01.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Abo-02:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Abo-02.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Abo-03:before {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Abo-03.png) 0 0 no-repeat;
}

.LeftContent .L-Sub-Mag-01:before,
.LeftContent .L-Sub-Mem-01:before,
.LeftContent .L-Sub-Edu-01:before,
.LeftContent .L-Sub-Sto-01:before,
.LeftContent .L-Sub-Sto-02:before,
.LeftContent .L-Sub-Sto-03:before,
.LeftContent .L-Sub-Sto-04:before,
.LeftContent .L-Sub-Sto-05:before,
.LeftContent .L-Sub-Ord-01:before,
.LeftContent .L-Sub-Abo-01:before,
.LeftContent .L-Sub-Abo-02:before,
.LeftContent .L-Sub-Abo-03:before { /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

/*搜尋區塊*/
.SearchSection {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px;
    border: 2px solid #eee;
    position: relative;
    padding-left: 250px;
    padding-right: 100px;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .SearchSection > * {
        padding: 0;
        margin: 0;
    }

    .SearchSection .SearchTitle {
        width: 230px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        font-weight: normal;
        background: url(/Content/Images/Icons/Sub/Icon_Sub_Search-G.png) 0 5px no-repeat;
        position: absolute;
        top: 10px;
        left: 10px;
        padding-left: 30px;
        /*background-size*/
        -moz-background-size: 20px;
        -webkit-background-size: 20px;
        -o-background-size: 20px;
        background-size: 20px;
    }

.DefSearch .SearchSection .SearchTitle {
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Search-B.png) 0 5px no-repeat; /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

.SearchSection .SearchLabel {
    display: block;
    width: 33.33%;
    height: 30px;
    overflow: hidden;
    float: left;
    position: relative;
    padding-right: 20px;
}

    .SearchSection .SearchLabel select {
        width: 100%;
        border: 1px solid #eee;
        outline: 0;
    }

    .SearchSection .SearchLabel label {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

.SearchSection .Button_s {
    position: absolute;
    top: 5px;
    right: 10px;
    background: url(/Content/Images/Icons/Right/Icon_Right_Edu-03.png) 10px 10px no-repeat rgba(48,113,185,1);
    color: #fff;
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

/*頁籤式內容*/
.Tab-Content {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .Tab-Content > * {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .Tab-Content .tabs {
        width: 100%;
        height: 40px;
        overflow: hidden;
        float: left;
    }

        .Tab-Content .tabs li {
            width: auto;
            display: block;
            height: auto;
            overflow: hidden;
            float: left;
            padding: 0 10px;
        }

.Default .Tab-Content .tabs li {
    width: 33.33%;
}

.Tab-Content .tabs li a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #eee;
    line-height: 20px;
    /*圓角*/
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.Tab-Content .tabs li.active a {
    color: #fff;
}

.Tab-Content .tab_container {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
}

    .Tab-Content .tab_container .tab_content {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .Tab-Content .tab_container .tab_content li {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            float: left;
        }

/*頁籤式內容-巧虎月刊*/
.Magazine .Tab-Content .tabs {
    border-bottom: 3px solid rgba(232,56,61,1);
}

    .Magazine .Tab-Content .tabs li a:hover {
        border: 1px solid rgba(232,56,61,1);
        color: rgba(232,56,61,1);
    }

    .Magazine .Tab-Content .tabs li.active a {
        background: rgba(232,56,61,1);
        border: 1px solid rgba(232,56,61,1);
    }

        .Magazine .Tab-Content .tabs li.active a:hover {
            color: #fff;
        }
/*頁籤式內容-會員中心*/
.Member .Tab-Content .tabs {
    border-bottom: 3px solid rgba(0,158,59,1);
}

    .Member .Tab-Content .tabs li a:hover {
        border: 1px solid rgba(0,158,59,1);
        color: rgba(0,158,59,1);
    }

    .Member .Tab-Content .tabs li.active a {
        background: rgba(0,158,59,1);
        border: 1px solid rgba(0,158,59,1);
    }

        .Member .Tab-Content .tabs li.active a:hover {
            color: #fff;
        }
/*頁籤式內容-關於我們*/
.About .Tab-Content .tabs {
    border-bottom: 3px solid rgba(48,113,185,1);
}

    .About .Tab-Content .tabs li a:hover {
        border: 1px solid rgba(48,113,185,1);
        color: rgba(48,113,185,1);
    }

    .About .Tab-Content .tabs li.active a {
        background: rgba(48,113,185,1);
        border: 1px solid rgba(48,113,185,1);
    }

        .About .Tab-Content .tabs li.active a:hover {
            color: #fff;
        }
/*頁籤式內容-最新消息*/
.News .Tab-Content .tabs {
    border-bottom: 3px solid rgba(235,109,154,1);
}

    .News .Tab-Content .tabs li a:hover {
        border: 1px solid rgba(235,109,154,1);
        color: rgba(235,109,154,1);
    }

    .News .Tab-Content .tabs li.active a {
        background: rgba(235,109,154,1);
        border: 1px solid rgba(235,109,154,1);
    }

        .News .Tab-Content .tabs li.active a:hover {
            color: #fff;
        }
/*頁籤式內容-FAQ*/
.FAQ .Tab-Content .tabs {
    border-bottom: 3px solid rgba(0,108,184,1);
}

    .FAQ .Tab-Content .tabs li a:hover {
        border: 1px solid rgba(0,108,184,1);
        color: rgba(0,108,184,1);
    }

    .FAQ .Tab-Content .tabs li.active a {
        background: rgba(0,108,184,1);
        border: 1px solid rgba(0,108,184,1);
    }

        .FAQ .Tab-Content .tabs li.active a:hover {
            color: #fff;
        }

/*PageList*/
.PageList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .PageList * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .PageList .ListBox {
        display: block;
        width: auto;
        height: 40px;
        overflow: hidden;
        float: right;
    }

        .PageList .ListBox .PageButton {
            width: 40px;
            height: 40px;
            overflow: hidden;
            text-align: center;
            float: left;
            margin-right: 10px;
            font-family: Arial, Helvetica, sans-serif;
        }

            .PageList .ListBox .PageButton:last-child {
                margin-right: 0;
            }

            .PageList .ListBox .PageButton a {
                display: block;
                width: 100%;
                height: 40px;
                overflow: hidden;
                border: 1px solid #eee;
            }

            .PageList .ListBox .PageButton span,
            .PageList .ListBox .PageButton i {
                display: block;
                width: 100%;
                height: 38px;
                overflow: hidden;
                line-height: 38px;
                float: left;
            }

            .PageList .ListBox .PageButton a:hover,
            .PageList .ListBox .PageButton a:active {
                border: 1px solid #ccc;
            }

                .PageList .ListBox .PageButton a:hover .F-c-l,
                .PageList .ListBox .PageButton a:active .F-c-l {
                    color: #ccc);
                }

/*PageList單元個別設定*/
/*PageList-最新消息*/
.News .PageList .ListBox .Selected a {
    border: 1px solid rgba(235,109,154,1);
}

    .News .PageList .ListBox .Selected a .F-c-l {
        color: rgba(235,109,154,1);
    }

/*PageList-教養資訊站*/
.Education .PageList .ListBox .Selected a {
    border: 1px solid rgba(144,112,175,1);
}

    .Education .PageList .ListBox .Selected a .F-c-l {
        color: rgba(144,112,175,1);
    }

/*PageList-巧虎商店*/
.Store .PageList .ListBox .Selected a {
    border: 1px solid rgba(245,160,0,1);
}

    .Store .PageList .ListBox .Selected a .F-c-l {
        color: rgba(245,160,0,1);
    }

/*PageList-客服中心*/
.FAQ .PageList .ListBox .Selected a {
    border: 1px solid rgba(0,108,184,1);
}

    .FAQ .PageList .ListBox .Selected a .F-c-l {
        color: rgba(0,108,184,1);
    }

/*SocialShare*/
.SocialShare {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    border-top: 2px dashed #eee;
    padding-top: 20px;
    margin-top: 10px;
}

    .SocialShare * {
        padding: 0;
        margin: 0;
        text-decoration: none;
        float: left;
    }

    .SocialShare .SocialBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 40px;
    }

        .SocialShare .SocialBox .SocialButton {
            width: 40px;
            height: 40px;
            overflow: hidden;
            display: block;
        }

            .SocialShare .SocialBox .SocialButton img {
                display: block;
            }

/*新聞式列表設定*/
.NewsList {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 40px;
}

    .NewsList * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .NewsList li {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 2px dashed #eee;
        transition: all 0.2s;
    }

        .NewsList li:hover {
            border-bottom: 2px dashed rgba(255,225,165,1);
        }

        .NewsList li a {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 20px;
            padding: 10px 0;
        }

            .NewsList li a:hover,
            .NewsList li a:active {
                background: rgba(255, 252, 219,1);
            }

/*新聞式列表-最新消息*/
.News .NewsList li a {
    position: relative;
    padding-left: 80px;
}

    .News .NewsList li a:hover,
    .News .NewsList li a:active {
        color: rgba(235,109,154,1);
    }

    .News .NewsList li a span.NewsType {
        display: block;
        width: 70px;
        height: 20px;
        line-height: 20px;
        background: rgba(235,109,154,1);
        margin-right: 10px;
        color: rgba(255,255,255,0.8);
        text-align: center;
        position: absolute;
        top: 10px;
        left: 0;
        /*圓角*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .News .NewsList li a span.NewsTitle {
        line-height: 20px;
    }

    .News .NewsList li a span.Hot {
        display: inline-block;
        width: auto;
        height: 20px;
        line-height: 20px;
        background: rgba(255,226,0,1);
        padding: 0 10px;
        margin-left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        /*圓角*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .News .NewsList li a:hover span.NewsType,
    .News .NewsList li a:active span.NewsType {
        color: rgba(255,255,255,1);
    }

/*新聞式列表-教養資訊站*/
.Education .NewsList li a:hover,
.Education .NewsList li a:active {
    color: rgba(144,112,175,1);
}

/*新聞式區塊列表設定*/
.NewsBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 40px;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .NewsBox .NewsList {
        margin-bottom: 0;
        padding: 0;
    }

        .NewsBox .NewsList li a {
            padding: 10px;
            line-height: 20px;
            padding-left: 25px;
            position: relative;
        }

            .NewsBox .NewsList li a i {
                font-size: 10px;
                position: absolute;
                width: 10px;
                height: 10px;
                line-height: 10px;
                text-align: center;
                top: 15px;
                left: 10px;
                color: #ccc;
            }

            .NewsBox .NewsList li a:hover i,
            .NewsBox .NewsList li a:active i,
            .NewsBox .NewsList li .F-c-d:hover,
            .NewsBox .NewsList li .F-c-d:active {
                color: rgba(255,255,255,1);
            }
/*新聞式區塊列表設定-巧虎商店*/
.Store .NewsBox {
    border: 3px solid rgba(245,160,0,1);
    background: rgba(245,160,0,0.1);
}

    .Store .NewsBox .NewsList li {
        border-bottom: 2px dashed rgba(245,160,0,0.4);
    }

        .Store .NewsBox .NewsList li:last-child {
            border-bottom: 0;
        }

        .Store .NewsBox .NewsList li a:hover,
        .Store .NewsBox .NewsList li a:active {
            background: rgba(245,160,0,1);
        }
/*新聞式區塊列表設定-教養資訊站*/
.Education .NewsBox {
    border: 3px solid rgba(144,112,175,1);
    background: rgba(144,112,175,0.1);
}

    .Education .NewsBox .Side {
        width: 50%;
        height: auto;
        overflow: hidden;
        float: left;
    }

    .Education .NewsBox .NewsList li {
        border-bottom: 2px dashed rgba(144,112,175,0.4);
    }

        .Education .NewsBox .NewsList li:last-child {
            border-bottom: 0;
        }

        .Education .NewsBox .NewsList li a:hover,
        .Education .NewsBox .NewsList li a:active {
            background: rgba(144,112,175,1);
        }
/*新聞式區塊列表設定-會員中心*/
.Member .NewsBox {
    border: 3px solid rgba(0,158,59,1);
    background: rgba(0,158,59,0.1);
}

    .Member .NewsBox .NewsList li {
        border-bottom: 2px dashed rgba(0,158,59,0.4);
    }

        .Member .NewsBox .NewsList li:last-child {
            border-bottom: 0;
        }

        .Member .NewsBox .NewsList li a:hover,
        .Member .NewsBox .NewsList li a:active {
            background: rgba(0,158,59,1);
        }

/*新聞式內容設定*/
.NewsContent {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
}

.NewsContent pre { width:100%; height:auto; overflow:hidden; white-space:inherit;}
/*FAQList設定*/
.FAQList {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 40px;
}

    .FAQList .FAQBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 2px dashed #eee;
        transition: all 0.2s;
        padding: 0 10px;
    }

        .FAQList .FAQBox:hover {
            border-bottom: 2px dashed rgba(255,225,165,1);
            background: rgba(255, 252, 219,1);
        }

            .FAQList .FAQBox:hover .FAQ-Q {
                color: rgba(0,108,184,1);
            }

        .FAQList .FAQBox > .FAQ-Q,
        .FAQList .FAQBox > .FAQ-A {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 20px;
            padding: 10px 0;
            position: relative;
            padding-left: 30px;
        }

            .FAQList .FAQBox > .FAQ-Q:before {
                content: 'Q';
                width: 20px;
                height: 20px;
                overflow: hidden;
                text-align: center;
                color: rgba(0,108,184,1);
                position: absolute;
                top: 10px;
                left: 0;
                display: block;
                font-weight: bold;
            }

            .FAQList .FAQBox > .FAQ-A:before {
                content: 'A';
                width: 20px;
                height: 20px;
                overflow: hidden;
                text-align: center;
                color: rgba(0,108,184,1);
                position: absolute;
                top: 10px;
                left: 0;
                display: block;
                font-weight: bold;
            }

        .FAQList .FAQBox > .FAQ-Q {
            cursor: pointer;
        }

        .FAQList .FAQBox > .FAQ-A {
            display: none;
        }

.SearchList .FAQBox > .FAQ-A {
    display: block;
}

.FAQList .FAQBox .Text {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
}

    .FAQList .FAQBox .Text p {
        margin-top: 0;
    }

/*表格設定*/
.BasicTable {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .BasicTable table {
        width: 100%;
        height: auto;
        table-layout: fixed;
        border: 1px solid #eee;
    }

        .BasicTable table th {
            padding: 20px 10px;
            font-weight: normal;
            background: rgba(250,250,250,1);
            /*內陰影*/
            -webkit-box-shadow: inset 0px -2px 0px 0px rgba(240, 240, 240, 1);
            -moz-box-shadow: inset 0px -2px 0px 0px rgba(240, 240, 240, 1);
            box-shadow: inset 0px -2px 0px 0px rgba(240, 240, 240, 1);
        }

        .BasicTable table td {
            border-bottom: 2px dashed #eee;
            padding: 10px;
        }

        .BasicTable table tr:last-child td {
            border-bottom: none;
        }

        .BasicTable table td span {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
        }
/*表格Icon設定*/
.Icon_Delete {
    width: 30px;
    height: 30px;
    background: url(/Content/Images/Icons/Form/Icon_Form_Delete.png) center no-repeat;
    border: 0;
    outline: none;
    cursor: pointer;
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

.Icon_Write {
    width: 30px;
    height: 30px;
    background: url(/Content/Images/Icons/Form/Icon_Form_Write.png) center no-repeat;
    border: 0;
    outline: none;
    cursor: pointer;
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

/*表格設定-巧虎商店*/
.StoreTable01 .StoreTb_ProName {
    width: auto;
}

    .StoreTable01 .StoreTb_ProName .ProPhoto {
        display: block;
        max-width: 40px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-right: 10px;
    }

        .StoreTable01 .StoreTb_ProName .ProPhoto img {
            display: block;
            max-width: 100%;
            height: auto;
        }

    .StoreTable01 .StoreTb_ProName .Name {
        float: left;
        line-height: 20px;
        padding: 10px 0;
    }

.StoreTable01 .StoreTb_ProSpec .Spec {
    text-align: center;
}

.StoreTable01 .StoreTb_ProAmount .Amount {
    text-align: center;
}

.StoreTable01 .StoreTb_ProPrice .Price {
    text-align: center;
}

.StoreTable01 .StoreTb_ProSubTotal .Price {
    text-align: center;
}

.StoreTable01 .StoreTb_Delete .Delete {
    text-align: center;
}

.StoreTable01 .StoreTable01_Amount {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    text-align: right;
}

    .StoreTable01 .StoreTable01_Amount * {
        padding: 0;
        margin: 0;
    }

/*表單設定*/
.BasicForm {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    border: 1px solid #eee;
}

    .BasicForm .FormHeader {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 20px 10px;
        background: rgba(250,250,250,1);
        /*內陰影*/
        -webkit-box-shadow: inset 0px -2px 0px 0px rgba(240, 240, 240, 1);
        -moz-box-shadow: inset 0px -2px 0px 0px rgba(240, 240, 240, 1);
        box-shadow: inset 0px -2px 0px 0px rgba(240, 240, 240, 1);
    }

        .BasicForm .FormHeader span {
            float: left;
            display: inline-block;
            width: auto;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
        }

        .BasicForm .FormHeader input {
            float: left;
            width: 20px;
            height: 20px;
            margin: 0 5px;
        }

    .BasicForm .BasicFormWrap {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0 10px;
    }

        .BasicForm .BasicFormWrap .BasicFormBox {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-bottom: 2px dashed #eee;
            position: relative;
            padding-left: 170px;
        }

        .BasicForm .BasicFormWrap .BasicFormBoxBG {
            background: rgba(0,110,250,0.05);
        }

        .BasicForm .BasicFormWrap .LightForm {
            background: rgba(250,250,0,0.15);
        }


        .BasicForm .BasicFormWrap .FullBox {
            padding: 0;
        }

            .BasicForm .BasicFormWrap .FullBox * {
                padding: 0;
                margin: 0;
            }

        .BasicForm .BasicFormWrap .BasicFormBox:last-child {
            border-bottom: none;
        }

        .BasicForm .BasicFormWrap .BasicFormBox .Left {
            width: 170px;
            height: auto;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0;
            line-height: 30px;
        }

        .BasicForm .BasicFormWrap .BasicFormBox .Right {
            width: 100%;
            height: auto;
            overflow: hidden;
            float: left;
            line-height: 30px;
        }

        .BasicForm .BasicFormWrap .BasicFormBox .FormBox {
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 5px 0;
            overflow: hidden;
            float: left;
            line-height: 30px;
            padding: 0 5px;
        }

        .BasicForm .BasicFormWrap .BasicFormBox .FormBoxs {
            margin: 0;
        }

            .BasicForm .BasicFormWrap .BasicFormBox .FormBoxs:first-child {
                margin-top: 5px;
            }

            .BasicForm .BasicFormWrap .BasicFormBox .FormBoxs:last-child {
                margin-bottom: 5px;
            }

        .BasicForm .BasicFormWrap .BasicFormBox .FormBox label {
            display: inline-block;
            height: auto;
            min-height: 30px;
            overflow: hidden;
            float: left;
        }

        .BasicForm .BasicFormWrap .BasicFormBox .RadioBox {
            display: inline-block;
            width: auto;
            height: auto;
            min-height: 30px;
            position: relative;
            padding-left: 25px;
            margin: 5px;
            float: left;
        }

            /*.BasicForm .BasicFormWrap .BasicFormBox .FormBoxs .RadioBox {
            padding-left: 0;
        }
		
		.BasicForm .BasicFormWrap .BasicFormBox .FormBoxs .RadioBox .RadioBox {
            padding-left: 25px;
        }*/

            .BasicForm .BasicFormWrap .BasicFormBox .RadioBox * {
                margin-right: 5px;
            }

            .BasicForm .BasicFormWrap .BasicFormBox .RadioBox input[type="radio"] {
                position: absolute;
                top: 0;
                left: 0;
            }

            .BasicForm .BasicFormWrap .BasicFormBox .RadioBox input[type="checkbox"] {
                position: absolute;
                top: 0;
                left: 0;
            }

        .BasicForm .BasicFormWrap .BasicFormBox .Box {
            display: inline-block;
            width: auto;
            height: auto;
            min-height: 30px;
            margin: 5px;
            float: left;
            overflow: hidden;
            max-width: 100%;
            position: relative;
        }

            .BasicForm .BasicFormWrap .BasicFormBox .Box input { float:left;
            }
            
            .BasicForm .BasicFormWrap .BasicFormBox .AreaBox {
                display: block;
                width: 100%;
                height: auto;
                margin: 5px;
                float: left;
            }

        .BasicForm .BasicFormWrap .BasicFormBox .Upload {
            width: 100px;
			width:300px;
            height: 30px;
            border: 1px solid #ccc;
            position: relative;
            float: left;
        }

            .BasicForm .BasicFormWrap .BasicFormBox .Upload:before {
                content: '選擇檔案';
                width: 100%;
                height: 28px;
                line-height: 28px;
                text-align: center;
                position: absolute;
                z-index: 0;
                top: 0;
                left: 0;
				display:none;
            }

            .BasicForm .BasicFormWrap .BasicFormBox .Upload input {
                display: block !important;
                width: 80px !important;
				width: 100% !important;
                height: 30px !important;
                opacity: 0 !important;
				opacity: 1 !important;
                overflow: hidden !important;
				font-family:"微軟正黑體"
            }

        .BasicForm .BasicFormWrap .BasicFormBox .MagOrderSpecial {
            display: inline-block;
            width: auto;
            height: auto;
            overflow: hidden;
            float: left;
        }

            .BasicForm .BasicFormWrap .BasicFormBox .MagOrderSpecial .RadioBox {
                display: block;
                width: 100%;
            }

/*========巧虎月刊========*/
.Magazine .MagLanding {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}

.Magazine .MagDes {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}

.Magazine .Tab-Content {
    margin-bottom: 40px;
}

.Magazine .MagContent {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .Magazine .MagContent:last-child {
        margin-bottom: 0;
    }

.Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_container * {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_container .TM_content {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 10px;
    }

        .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_container .TM_content li {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #eee;
            /*圓角*/
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_container .TM_content li img {
                display: block;
                max-width: 100%;
                height: auto;
                margin: 0 auto;
            }

    .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_tabs,
    .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_tabs * {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_tabs {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        display: -webkit-flex;
        display: flex;
    }

        .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_tabs li {
            width: 33%;
            height: auto;
            overflow: hidden;
            float: left;
            padding: 10px;
            border: 1px solid #eee;
            margin-right: 0.5%;
            /*圓角*/
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_tabs li a {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                height: 100%;
                overflow: hidden;
            }

            .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_tabs li:last-child {
                margin-right: 0;
            }

            .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_tabs li img {
                display: block;
                max-width: 100%;
                height: auto;
                margin: 0 auto;
            }

    .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_Content {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

        .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_Content iframe {
            max-width: 100%;
        }

.Magazine .Tab-Content .tab_container .tab_content li .Constituent {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding-left: 260px;
    min-height: 242px;
}

.Magazine .Tab-Content .tab_container .tab_content li .NoImg {
    padding-left: 0;
    min-height: 0;
}

.Magazine .Tab-Content .tab_container .tab_content li .Constituent .C_Img {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 240px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    border: 1px solid #eee;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .Magazine .Tab-Content .tab_container .tab_content li .Constituent .C_Img img {
        display: block;
        max-width: 100%;
        height: auto;
        max-height: 220px;
        display: block;
        margin: 0 auto;
    }

.Magazine .Tab-Content .tab_container .tab_content li .Constituent .C_Text {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .Magazine .Tab-Content .tab_container .tab_content li .Constituent .C_Text a {
        color: rgba(232,56,61,1);
        text-decoration: none;
        display: inline-block;
    }

.C_ImgList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    display: -webkit-flex;
    display: flex;
    overflow-x: auto;
    position: relative;
    height: 200px;
}

    .C_ImgList > div {
        height: 200px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

    .C_ImgList .C_Img {
        width: auto;
        height: auto;
        overflow: hidden;
        float: left;
        padding: 5px;
        width: 150px;
        height: 200px;
    }

        .C_ImgList .C_Img a {
            display: block;
            overflow: hidden;
            width: 100%;
            height: auto;
            height: 200px;
            position: relative;
        }

        .C_ImgList .C_Img img {
            display: block;
            max-width: 100%;
            height: auto;
            max-height: 120px;
            margin: 0 auto;
            margin-bottom: 5px;
        }

        .C_ImgList .C_Img span {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            text-align: center;
            color: #444;
            font-size: 14px;
            position: absolute;
            top: 130px;
        }

        .C_ImgList .C_Img .C_Img_Name {
            width: 100%;
            height: auto;
            line-height: 20px;
            display: block;
            overflow: hidden;
            text-align: center;
            padding: 5px 0;
        }

/*========巧虎月齡========*/
.Magazine .MagList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .Magazine .MagList * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .Magazine .MagList ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

        .Magazine .MagList ul .MagListBox {
            width: 31%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-right: 3.5%;
            margin-bottom: 20px;
        }

            .Magazine .MagList ul .MagListBox:nth-of-type(3n+1) {
                clear: both;
            }

            .Magazine .MagList ul .MagListBox:nth-of-type(3n+3) {
                margin-right: 0;
            }

            .Magazine .MagList ul .MagListBox a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
            }

            .Magazine .MagList ul .MagListBox .MagListTitle,
            .Magazine .MagList ul .MagListBox .MagListText,
            .Magazine .MagList ul .MagListBox .MagListPhoto {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 10px;
            }

            .Magazine .MagList ul .MagListBox .MagListPhoto {
                border: 1px solid #eee;
            }

                .Magazine .MagList ul .MagListBox .MagListPhoto img {
                    display: block;
                    max-width: 100%;
                    height: auto;
                }

            .Magazine .MagList ul .MagListBox .MagListLink {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
                text-align: right;
            }

/*========教養資訊站========*/
.Education .EduHeadNews {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .Education .EduHeadNews * {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 0;
        text-decoration: none;
    }

    .Education .EduHeadNews ul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .Education .EduHeadNews ul li {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-bottom: 2px dashed #eee;
            transition: all 0.2s;
            position: relative;
            padding-left: 290px;
        }

            .Education .EduHeadNews ul li:hover {
                border-bottom: 2px dashed rgba(255,225,165,1);
                background: rgba(255, 252, 219,1);
            }

            .Education .EduHeadNews ul li a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
                line-height: 20px;
                padding: 20px 0;
                min-height: 280px;
            }

            .Education .EduHeadNews ul li span {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .Education .EduHeadNews ul li span.HeadPhoto {
                    position: absolute;
                    top: 20px;
                    left: 0;
                    border: 1px solid #eee;
                    width: 280px;
                }

                    .Education .EduHeadNews ul li span.HeadPhoto img {
                        display: block;
                        max-width: 100%;
                        height: auto;
                        margin: 0 auto;
                    }

                .Education .EduHeadNews ul li span.HeadTitle {
                    line-height: 26px;
                    margin-bottom: 10px;
                }

.Education .EducationLanding {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .Education .EducationLanding .EduContent {
        width: 100%;
        width: 49%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-bottom: 20px;
    }

        .Education .EducationLanding .EduContent:nth-child(even) {
            float: right;
        }

        .Education .EducationLanding .EduContent .EduListNews {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            position: relative;
            padding-left: 160px;
            min-height: 100px;
        }

            .Education .EducationLanding .EduContent .EduListNews .ListPhoto {
                position: absolute;
                top: 0;
                left: 0;
                border: 1px solid #eee;
                width: 150px;
            }

                .Education .EducationLanding .EduContent .EduListNews .ListPhoto img {
                    display: block;
                    max-width: 100%;
                    height: auto;
                    margin: 0 auto;
                }

            .Education .EducationLanding .EduContent .EduListNews .NewsList {
                margin-bottom: 0;
            }

                .Education .EducationLanding .EduContent .EduListNews .NewsList li a {
                    line-height: 18px;
                    /*超出範圍顯示"..."*/
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                }


/*========親子達人愛分享========*/
.Education .NewsArticle {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .Education .NewsArticle * {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 0;
        text-decoration: none;
    }

    .Education .NewsArticle ul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .Education .NewsArticle ul li {
            width: 49%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-bottom: 20px;
            transition: all 0.2s;
            border: 1px solid #eee;
        }

            .Education .NewsArticle ul li:nth-child(even) {
                float: right;
            }

            .Education .NewsArticle ul li:nth-child(2n+1) {
                clear: both;
            }

            .Education .NewsArticle ul li:hover {
                background: rgba(255, 252, 219,1);
            }

            .Education .NewsArticle ul li a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .Education .NewsArticle ul li a span {
                    display: block;
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                }

                    .Education .NewsArticle ul li a span.ArticlePhoto {
                        margin-bottom: 10px;
                    }

                        .Education .NewsArticle ul li a span.ArticlePhoto img {
                            display: block;
                            max-width: 100%;
                            height: auto;
                            margin: 0 auto;
                        }

                    .Education .NewsArticle ul li a span.ArticleTitle,
                    .Education .NewsArticle ul li a span.ArticleTime,
                    .Education .NewsArticle ul li a span.ArticleText {
                        padding: 0 10px;
                        margin-bottom: 10px;
                    }

/*========巧虎商店========*/
.Store .StoreRecmmended {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .Store .StoreRecmmended * {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 0;
        text-decoration: none;
    }

    .Store .StoreRecmmended ul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .Store .StoreRecmmended ul .StoreRecmmendedBox {
            width: 50%;
            height: auto;
            overflow: hidden;
            float: left;
            padding-right: 10px;
        }

            .Store .StoreRecmmended ul .StoreRecmmendedBox:last-child {
                padding-right: 0;
                padding-left: 10px;
            }

            .Store .StoreRecmmended ul .StoreRecmmendedBox a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
                float: left;
                border: 3px solid #eee;
                padding: 20px;
                text-align: center;
                position: relative;
                /*圓角*/
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

                .Store .StoreRecmmended ul .StoreRecmmendedBox a:before {
                    content: '';
                    display: block;
                    width: 80px;
                    height: 80px;
                    overflow: hidden;
                    background: url(/Content/Images/StoreSpecial.png) 0 0 no-repeat;
                    position: absolute;
                    top: 0;
                    left: 0;
                    /*background-size*/
                    -moz-background-size: 80px;
                    -webkit-background-size: 80px;
                    -o-background-size: 80px;
                    background-size: 80px;
                }

                .Store .StoreRecmmended ul .StoreRecmmendedBox a:hover,
                .Store .StoreRecmmended ul .StoreRecmmendedBox a:active {
                    border: 3px solid rgba(245,160,0,1);
                }

                .Store .StoreRecmmended ul .StoreRecmmendedBox a * {
                    display: block;
                }

                .Store .StoreRecmmended ul .StoreRecmmendedBox a .Photo {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 0 auto;
                    margin-bottom: 10px;
                }

                    .Store .StoreRecmmended ul .StoreRecmmendedBox a .Photo img {
                        max-width: 100%;
                        height: auto;
                        margin: 0 auto;
                    }

                .Store .StoreRecmmended ul .StoreRecmmendedBox a .StoreTitle {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 0 auto;
                    text-align: center;
                }

                .Store .StoreRecmmended ul .StoreRecmmendedBox a .StoreText {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 0 auto;
                    text-align: center;
                    margin-bottom: 10px;
                }

                .Store .StoreRecmmended ul .StoreRecmmendedBox a .StorePrice {
                    width: auto;
                    height: 40px;
                    overflow: hidden;
                    line-height: 40px;
                    display: inline-block;
                    position: relative;
                    padding-right: 50px;
                }

                    .Store .StoreRecmmended ul .StoreRecmmendedBox a .StorePrice * {
                        display: inline;
                    }

                    .Store .StoreRecmmended ul .StoreRecmmendedBox a .StorePrice .StoreBuyBtn {
                        display: block;
                        width: 40px;
                        height: 40px;
                        text-indent: -9999px;
                        position: absolute;
                        top: 0;
                        right: 0;
                        border: 1px solid rgba(245,160,0,1);
                        background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-Buy.png) 9px 9px no-repeat;
                        padding: 9px;
                        /*background-size*/
                        -moz-background-size: 20px;
                        -webkit-background-size: 20px;
                        -o-background-size: 20px;
                        background-size: 20px;
                        /*圓角*/
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                    }

                        .Store .StoreRecmmended ul .StoreRecmmendedBox a .StorePrice .StoreBuyBtn:hover {
                            background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-Buy-W.png) 9px 9px no-repeat rgba(245,160,0,1);
                            padding: 9px;
                            /*background-size*/
                            -moz-background-size: 20px;
                            -webkit-background-size: 20px;
                            -o-background-size: 20px;
                            background-size: 20px;
                        }

.Store .StoreList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .Store .StoreList * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .Store .StoreList ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

        .Store .StoreList ul .StoreListBox {
            width: 31%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-right: 3.5%;
            margin-bottom: 20px;
        }

            .Store .StoreList ul .StoreListBox:nth-of-type(3n+1) {
                clear: both;
            }

            .Store .StoreList ul .StoreListBox:nth-of-type(3n+3) {
                margin-right: 0;
            }

            .Store .StoreList ul .StoreListBox a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
                text-align: center;
            }

                .Store .StoreList ul .StoreListBox a .StoreListTitle {
                    margin-top: 10px;
                }

                .Store .StoreList ul .StoreListBox a .StoreListTitle,
                .Store .StoreList ul .StoreListBox a .Photo {
                    display: block;
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                }

                .Store .StoreList ul .StoreListBox a .Photo {
                    border: 1px solid #eee;
                }

                    .Store .StoreList ul .StoreListBox a .Photo img {
                        display: block;
                        max-width: 100%;
                        height: auto;
                    }

                .Store .StoreList ul .StoreListBox a .StorePrice {
                    width: 100%;
                    height: 40px;
                    overflow: hidden;
                    line-height: 40px;
                    display: block;
                }

.Store .SpecialList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .Store .SpecialList * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .Store .SpecialList ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

        .Store .SpecialList ul .StoreListBox {
            width: 31%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-right: 3.5%;
            margin-bottom: 20px;
        }

            .Store .SpecialList ul .StoreListBox:nth-of-type(3n+1) {
                clear: both;
            }

            .Store .SpecialList ul .StoreListBox:nth-of-type(3n+3) {
                margin-right: 0;
            }

            .Store .SpecialList ul .StoreListBox a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
                text-align: center;
            }

                .Store .SpecialList ul .StoreListBox a .StoreListTitle {
                    margin-top: 10px;
                }

                .Store .SpecialList ul .StoreListBox a .StoreListTitle,
                .Store .SpecialList ul .StoreListBox a .Photo {
                    display: block;
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                }

                .Store .SpecialList ul .StoreListBox a .Photo {
                    border: 1px solid #eee;
                }

                    .Store .SpecialList ul .StoreListBox a .Photo img {
                        display: block;
                        max-width: 100%;
                        height: auto;
                    }

                .Store .SpecialList ul .StoreListBox a .StorePrice {
                    width: 100%;
                    height: 40px;
                    overflow: hidden;
                    line-height: 40px;
                    display: block;
                }

                .Store .SpecialList ul .StoreListBox a .StoreCrown {
                    display: block;
                    width: 100%;
                    height: 40px;
                    line-height: 50px;
                    overflow: hidden;
                    text-align: center;
                    margin-top: 10px;
                    color: #fff;
                    font-family: Arial, Helvetica, sans-serif;
                    background: url(/Content/Images/Icons/Store_Crown.png) top center no-repeat;
                    /*background-size*/
                    -moz-background-size: 50px;
                    -webkit-background-size: 50px;
                    -o-background-size: 50px;
                    background-size: 50px;
                }

.Store .StoreDeatil {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .Store .StoreDeatil .StoContent {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .Store .StoreDeatil .StoreInfomation {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 40px;
    }

        .Store .StoreDeatil .StoreInfomation .StorePhoto {
            width: 50%;
            height: auto;
            overflow: hidden;
            float: left;
        }

            .Store .StoreDeatil .StoreInfomation .StorePhoto * {
                padding: 0;
                margin: 0;
                list-style: none;
            }

            .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_content {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 0 auto;
                margin-bottom: 10px;
            }

                .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_content li {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 0 auto;
                    padding: 10px;
                    border: 1px solid #eee;
                    /*圓角*/
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

                    .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_content li img {
                        display: block;
                        max-width: 100%;
                        height: auto;
                        margin: 0 auto;
                    }

            .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_tabs,
            .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_tabs * {
                padding: 0;
                margin: 0;
                list-style: none;
            }

            .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_tabs {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 10px;
            }

                .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_tabs li {
                    width: 19.5%;
                    height: auto;
                    overflow: hidden;
                    float: left;
                    padding: 5px;
                    border: 1px solid #eee;
                    margin-right: 0.5%;
                    /*圓角*/
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

                    .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_tabs li:last-child {
                        margin-right: 0;
                    }

                    .Store .StoreDeatil .StoreInfomation .StorePhoto .SP_tabs li img {
                        display: block;
                        max-width: 100%;
                        height: auto;
                        margin: 0 auto;
                    }

        .Store .StoreDeatil .StoreInfomation .StoreInfoText {
            width: 50%;
            height: auto;
            overflow: hidden;
            float: left;
            padding-left: 10px;
        }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText * {
                padding: 0;
                margin: 0;
                list-style: none;
                text-decoration: none;
            }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductTitle {
                width: 100%;
                height: auto;
                overflow: hidden;
                font-weight: normal;
            }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductSubTitle {
                width: 100%;
                height: auto;
                overflow: hidden;
                font-weight: normal;
                margin-bottom: 10px;
            }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductDes {
                width: 100%;
                height: auto;
                overflow: hidden;
                font-weight: normal;
            }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductSpe {
                width: 100%;
                height: auto;
                overflow: hidden;
                font-weight: normal;
                margin-bottom: 10px;
            }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductFurther {
                width: 100%;
                height: auto;
                overflow: hidden;
                font-weight: normal;
            }

                .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductFurther .Button_s {
                    padding: 10px;
                    background: rgba(0, 165, 227,1);
                    max-width: 110px;
                    color: #fff;
                    float: left;
                    margin-right: 10px;
                    position: relative;
                    margin-bottom: 10px;
                }

                    .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductFurther .Button_s:before {
                        content: '';
                        width: 20px;
                        height: 20px;
                        display: block;
                        overflow: hidden;
                        position: absolute;
                        top: 10px;
                        left: 10px;
                    }

                .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductFurther .Video:before {
                    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-Video.png) 0 0 no-repeat;
                    /*background-size*/
                    -moz-background-size: 20px;
                    -webkit-background-size: 20px;
                    -o-background-size: 20px;
                    background-size: 20px;
                }

                .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductFurther .Play:before {
                    background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-Play.png) 0 0 no-repeat;
                    /*background-size*/
                    -moz-background-size: 20px;
                    -webkit-background-size: 20px;
                    -o-background-size: 20px;
                    background-size: 20px;
                }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection {
                width: 100%;
                height: auto;
                overflow: hidden;
                font-weight: normal;
            }

                .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .delPrice .F-xl {
                    font-size: 18px;
                    text-decoration: line-through;
                    
                }

                .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .delPrice * {
                    color: #888;
                }


                .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .Special * {
                    color:rgb(230, 55, 60);
                }

                .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .Special .StorePrice {
                    display:inline-block;
                    position:relative;
                    padding-right:45px;
                    min-height:40px;
                     
                }

                    .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .Special .StorePrice .F-xl {
                         font-weight:bold;
                    }
                    .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .Special .StorePrice:after {
                        content: '';
                        display: block;
                        width: 40px;
                        height: 40px;
                        overflow: hidden;
                        background: url(/Content/Images/BestOffer.png) 0 0 no-repeat;
                        position:absolute;
                        top:0;
                        right:0;
                    }
                    
                    .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .SelectSize {
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        font-weight: normal;
                        margin-bottom: 10px;
                    }

                    .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .SelectSize select {
                        padding: 0 10px;
                    }

                .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .Button_b {
                    max-width: 150px;
                    background: rgba(245,160,0,1);
                    padding: 10px;
                    text-align: left;
                    color: #fff;
                    text-indent: 0;
                    position: relative;
                }

                    .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .Button_b:after {
                        content: '';
                        display: block;
                        width: 40px;
                        height: 40px;
                        text-indent: -9999px;
                        position: absolute;
                        top: 0;
                        right: 0;
                        border: 1px solid rgba(245,160,0,1);
                        background: url(/Content/Images/Icons/Sub/Icon_Sub_Sto-Buy.png) 9px 9px no-repeat rgba(255,255,255,1);
                        padding: 9px;
                        top: 5px;
                        right: 10px;
                        /*圓角*/
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        /*background-size*/
                        -moz-background-size: 20px;
                        -webkit-background-size: 20px;
                        -o-background-size: 20px;
                        background-size: 20px;
                    }

/*========會員專區========*/
.Member .MemberWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .Member .MemberWrap .MemDes {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 10px auto;
    }

        .Member .MemberWrap .MemDes p {
            padding: 0;
            margin: 0;
        }

    .Member .MemberWrap .MemForm01 {
        position: relative;
    }

        .Member .MemberWrap .MemForm01 .BasicFormWrap .BasicFormBox {
            padding-left: 80px;
        }

            .Member .MemberWrap .MemForm01 .BasicFormWrap .BasicFormBox .Left {
                width: 80px;
            }

    .Member .MemberWrap .MemForm02 .BasicFormWrap .BasicFormBox {
        padding-left: 80px;
    }

        .Member .MemberWrap .MemForm02 .BasicFormWrap .BasicFormBox .Left {
            width: 80px;
        }

    .Member .MemberWrap .MemForm03 .BasicFormWrap .BasicFormBox {
        padding-left: 130px;
    }

        .Member .MemberWrap .MemForm03 .BasicFormWrap .BasicFormBox .Left {
            width: 130px;
        }

    .Member .MemberWrap .MemForm04 .BasicFormWrap .BasicFormBox {
        padding-left: 100px;
    }

        .Member .MemberWrap .MemForm04 .BasicFormWrap .BasicFormBox .Left {
            width: 100px;
        }

    .Member .MemberWrap .MemForm05 .BasicFormWrap .BasicFormBox {
        padding-left: 100px;
    }

        .Member .MemberWrap .MemForm05 .BasicFormWrap .BasicFormBox .Left {
            width: 100px;
        }

    .Member .MemberWrap .MemForm09 .BasicFormWrap .BasicFormBox {
        padding-left: 120px;
    }

        .Member .MemberWrap .MemForm09 .BasicFormWrap .BasicFormBox .Left {
            width: 120px;
        }

    .Member .MemberWrap .MemForm10 .BasicFormWrap .BasicFormBox {
        padding-left: 100px;
    }

        .Member .MemberWrap .MemForm10 .BasicFormWrap .BasicFormBox .Left {
            width: 100px;
        }

    /*表格設定-會員專區*/
    .Member .MemberWrap .BasicTable th,
    .Member .MemberWrap .BasicTable td {
        text-align: center;
    }

.Member .MemTable04 .MemTb_ProName {
    width: auto;
}

    .Member .MemTable04 .MemTb_ProName .Name {
        float: left;
        line-height: 20px;
        padding: 10px 0;
        text-align: left;
    }

.Member .MemTable04 .MemTb_ProSpec .Spec {
    text-align: center;
}

.Member .MemTable04 .MemTb_ProAmount .Amount {
    text-align: center;
}

.Member .MemTable04 .MemTb_ProPrice .Price {
    text-align: center;
}

.Member .MemTable04 .MemTb_ProSubTotal .Price {
    text-align: center;
}

.Member .MemTable04 .MemTb_Delete .Delete {
    text-align: center;
}

.Member .MemTable04 .MemTable04_Amount {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    text-align: right;
}

    .Member .MemTable04 .MemTable04_Amount * {
        padding: 0;
        margin: 0;
    }

/*會員專區-訂單管理內頁*/
.Member .MemOrderSection {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .Member .MemOrderSection span {
        display: inline-block;
        line-height: 20px;
    }

        .Member .MemOrderSection span.MemOrderNo {
            padding: 10px 0;
            float: left;
        }

        .Member .MemOrderSection span.MemOrderState {
            float: right;
        }

            .Member .MemOrderSection span.MemOrderState span {
                padding: 10px 0;
                margin-right: 5px;
            }

            .Member .MemOrderSection span.MemOrderState * {
                float: left;
            }

/*右區塊*/
.RightSpecial {
    width: 25%;
    height: auto;
    overflow: hidden;
    float: right;
}

    .RightSpecial * {
        padding: 0;
        margin: 0;
        text-decoration: none;
    }

    .RightSpecial .RightHeader {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-bottom: 10px;
    }

        .RightSpecial .RightHeader * {
            font-weight: normal;
        }

        .RightSpecial .RightHeader .SubTitle {
            padding-left: 25px;
            height: 30px;
            line-height: 30px;
        }

    .RightSpecial .RightSpecialBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
        float: left;
        margin-bottom: 40px;
        padding: 20px;
        /*圓角*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .RightSpecial .RightSpecialBox img {
            border: 0;
            display: block;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            margin-bottom: 10px;
        }

        .RightSpecial .RightSpecialBox .RightSpecialTitle {
            display: block;
            margin-bottom: 10px;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

    /*右區塊各單元次標Icon設定*/
    .RightSpecial .RightHeader .R-Mag-01 {
        background: url(/Content/Images/Icons/Right/Icon_Right_Mag-01.png)0 5px no-repeat;
    }

    .RightSpecial .RightHeader .R-Mag-02 {
        background: url(/Content/Images/Icons/Right/Icon_Right_Mag-02.png)0 5px no-repeat;
    }

    .RightSpecial .RightHeader .R-Lov-01 {
        background: url(/Content/Images/Icons/Right/Icon_Right_Lov-01.png)0 5px no-repeat;
    }

    .RightSpecial .RightHeader .R-Mag-01,
    .RightSpecial .RightHeader .R-Mag-02,
    .RightSpecial .RightHeader .R-Lov-01 { /*background-size*/
        -moz-background-size: 20px;
        -webkit-background-size: 20px;
        -o-background-size: 20px;
        background-size: 20px;
    }

/*右區塊各單元次標顏色設定*/
.Magazine .RightSpecial .RightSpecialBox {
    border: 2px solid rgba(232,56,61,1);
    background: rgba(232,56,61,0.1);
}

.Magazine .RightSpecial .RightHeader .SubTitle > strong {
    color: rgba(232,56,61,1);
}

.Education .RightSpecial .RightSpecialBox {
    border: 2px solid rgba(144,112,175,1);
    background: rgba(144,112,175,0.1);
}

.Education .RightSpecial .RightHeader .SubTitle > strong {
    color: rgba(144,112,175,1);
}

/*========教養資訊站========*/
.Edu-Title-Link {
    color: #fff;
    text-decoration: none;
    float: right;
}

    .Edu-Title-Link i {
        margin-right: 5px;
    }

/*========客服中心========*/
/*客服中心*/
.FAQ .FAQList li a:hover,
.FAQ .FAQList li a:active {
    color: rgba(0,108,184,1);
}

/*========線上訂閱========*/
.orderAgree {
    text-align: center;
    margin-bottom: 30px;
}

    .orderAgree input {
        margin: 5px;
        vertical-align: middle;
    }


/*========教養資訊站========*/


/*========首頁========*/
/*右側浮動廣告*/
#slideAd_wcomment {
    width: 100%;
    max-width: 280px;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    top: 0px;
    right: 20px;
    float: right;
}

    #slideAd_wcomment .Close {
        width: 20px;
        height: auto;
        float: right;
        background: #fff;
        text-align: center;
    }

        #slideAd_wcomment .Close i {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            #slideAd_wcomment .Close i:before {
                display: block;
                width: 100%;
                height: 20px;
                overflow: hidden;
                line-height: 20px;
                text-align: center;
            }

    #slideAd_wcomment .Ads {
        width: 100%;
        height: auto;
        overflow: hidden;
        /*border: 1px solid rgba(255,255,255,0.6);*/
    }

        #slideAd_wcomment .Ads a {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            #slideAd_wcomment .Ads a img {
                display: block;
                max-width: 100%;
                height: auto;
                float: right;
            }

.Default .W1280 {
    width: 100%;
    max-width: 1280px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 10px;
}
/*.Default .Month { display:none;}*/
/*首頁大區塊*/
.Default .DefSection {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 40px;
}
/*首頁搜尋*/
.Default .DefSearch {
    margin-bottom: 40px;
}

    .Default .DefSearch .SearchSection {
        margin-bottom: 0;
    }
/*首頁月刊輪播*/
.Default .DefSection .DefMonth {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 0 80px;
    margin-bottom: 40px;
    min-height: 60px;
}

    .Default .DefSection .DefMonth .MonBox {
        overflow: hidden;
        width: 100%;
        height: auto;
    }

        .Default .DefSection .DefMonth .MonBox img {
            display: block;
            margin: 0 auto;
            /*圓角*/
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .Default .DefSection .DefMonth .MonBox .Name {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            text-align: center;
            padding-top: 5px;
        }

.Default .Month .swiper-button-next,
.Default .Month .swiper-container-rtl .swiper-button-prev {
    border: 1px solid rgba(243,151,0,1);
    width: 40px;
    height: 60px;
    margin-top: -30px;
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-r-mon.png) center no-repeat;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

.Default .Month .swiper-button-prev,
.Default .Month .swiper-container-rtl .swiper-button-next {
    border: 1px solid rgba(243,151,0,1);
    width: 40px;
    height: 60px;
    margin-top: -30px;
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-l-mon.png) center no-repeat;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

.Default .Magazine .swiper-button-next,
.Default .Magazine .swiper-container-rtl .swiper-button-prev {
    border: 1px solid rgba(232,56,61,1);
    width: 40px;
    height: 60px;
    margin-top: -30px;
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-r-mag.png) center no-repeat;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

.Default .Magazine .swiper-button-prev,
.Default .Magazine .swiper-container-rtl .swiper-button-next {
    border: 1px solid rgba(232,56,61,1);
    width: 40px;
    height: 60px;
    margin-top: -30px;
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-l-mag.png) center no-repeat;
    /*圓角*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

.Default .DefMonth .swiper-button-prev.swiper-button-disabled {
    border: 0;
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-l.png) center no-repeat rgba(0,0,0,0.2);
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}

.Default .DefMonth .swiper-button-next.swiper-button-disabled {
    border: 0;
    background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-r.png) center no-repeat rgba(0,0,0,0.2);
    /*background-size*/
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}
/*首頁新聞*/
.Default .W1280 .Left {
    width: 59.375%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 40px;
}

    .Default .W1280 .Left .NewsList {
        margin-bottom: 0;
    }

        .Default .W1280 .Left .NewsList li a {
            height: 40px;
            /*超出範圍顯示"..."*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
        }
/*首頁頁籤廣告*/
.Default .W1280 .Right {
    width: 37.5%;
    height: auto;
    overflow: hidden;
    float: right;
    margin-bottom: 40px;
}

    .Default .W1280 .Right .Tab-Content .tab_container {
        padding-top: 10px;
    }
/*首頁方形廣告*/
.Default .Yellow {
    background: rgba(255,254,238,1);
    border-top: 2px solid rgba(255,247,153,1);
    border-bottom: 2px solid rgba(255,247,153,1);
}

    .Default .Yellow .BoxAds {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        margin-bottom: 40px;
    }

        .Default .Yellow .BoxAds * {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .Default .Yellow .BoxAds img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .Default .Yellow .BoxAds ul {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .Default .Yellow .BoxAds ul li {
                width: 23%;
                height: auto;
                overflow: hidden;
                float: left;
            }

                .Default .Yellow .BoxAds ul li:nth-child(1) {
                    width: 48%;
                }

                .Default .Yellow .BoxAds ul li:nth-child(2),
                .Default .Yellow .BoxAds ul li:nth-child(3),
                .Default .Yellow .BoxAds ul li:nth-child(4),
                .Default .Yellow .BoxAds ul li:nth-child(5) {
                    position: absolute;
                }

                .Default .Yellow .BoxAds ul li:nth-child(2) {
                    top: 0;
                    left: 51%;
                }

                .Default .Yellow .BoxAds ul li:nth-child(3) {
                    top: 0;
                    right: 0;
                }

                .Default .Yellow .BoxAds ul li:nth-child(4) {
                    bottom: 0;
                    left: 51%;
                }

                .Default .Yellow .BoxAds ul li:nth-child(5) {
                    bottom: 0;
                    right: 0;
                }

                .Default .Yellow .BoxAds ul li a {
                    display: block;
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    position: relative;
                }

                    .Default .Yellow .BoxAds ul li a span {
                        display: block;
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        padding: 10px;
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        color: #fff;
                    }

                .Default .Yellow .BoxAds ul li:nth-child(1) span {
                    background: rgba(235,109,154,0.4);
                }

                .Default .Yellow .BoxAds ul li:nth-child(2) span {
                    background: rgba(245,160,0,0.4);
                }

                .Default .Yellow .BoxAds ul li:nth-child(3) span {
                    background: rgba(0,108,184,0.4);
                }

                .Default .Yellow .BoxAds ul li:nth-child(4) span {
                    background: rgba(0,158,59,0.4);
                }

                .Default .Yellow .BoxAds ul li:nth-child(5) span {
                    background: rgba(144,112,175,0.4);
                }
/*首頁教養資訊站*/
.Default .Education .W1280 .LeftNews,
.Default .Education .W1280 .RightNews {
    width: 50%;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
    float: left;
    margin-bottom: 40px;
}

.Default .Education .W1280 .LeftNews {
    background: #fff;
}

.Default .Education .NewsBox {
    padding: 0;
    /*漸層*/
    background: rgba(144,112,175,0.1);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
    background: -o-linear-gradient(0deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
    background: -ms-linear-gradient(0deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
}

    .Default .Education .NewsBox .LeftNews,
    .Default .Education .NewsBox .RightNews {
        margin-bottom: 0;
        padding: 20px;
    }


.Default .Education .EduHeadNews {
    margin-bottom: 0;
}

    .Default .Education .EduHeadNews ul li {
        padding-left: 210px;
        border: 0;
    }

        .Default .Education .EduHeadNews ul li:hover {
            border: 0;
            background: none;
        }

        .Default .Education .EduHeadNews ul li a {
            min-height: 170px;
            padding: 0;
        }

            .Default .Education .EduHeadNews ul li a span.HeadPhoto {
                width: 200px;
                height: auto;
                top: 0;
            }
/*首頁客服中心*/
.Default .FAQ {
    background: rgba(245,251,254,1);
    border-top: 2px solid rgba(161,203,237,1);
    border-bottom: 2px solid rgba(161,203,237,1);
    margin-bottom: 40px;
}

    .Default .FAQ .LeftHeader {
        width: 200px;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .Default .FAQ .Tab-Content .tabs li a {
        border: 1px solid rgba(0,108,184,0.4);
    }

        .Default .FAQ .Tab-Content .tabs li a.F-c-m {
            color: rgba(0,108,184,0.8);
        }

    .Default .FAQ .Tab-Content .tabs li.active a {
        color: #fff;
    }

    .Default .FAQ .Tab-Content .tabs li a:hover {
        border: 1px solid rgba(0,108,184,1);
    }

    .Default .FAQ .Tab-Content .tabs li a.F-c-m:hover {
        color: rgba(0,108,184,1);
    }

    .Default .FAQ .Tab-Content .tabs li.active a:hover {
        color: #fff;
    }

    .Default .FAQ .FAQList {
        margin-bottom: 20px;
    }

        .Default .FAQ .FAQList .FAQBox {
            border-bottom: 2px dashed rgba(0,108,184,0.2);
        }

    .Default .FAQ .W-c-faq {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 40px;
        text-align: right;
        display: block;
    }

/*========網站地圖========*/
.SiteMapWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .SiteMapWrap * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .SiteMapWrap dl {
        width: 22%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-right: 4%;
        margin-bottom: 20px;
    }

        .SiteMapWrap dl:nth-child(4n+1) {
            clear: both;
        }

        .SiteMapWrap dl:nth-child(4n+4) {
            margin-right: 0;
        }

        .SiteMapWrap dl dt {
            width: 100%;
            margin: 0;
            height: auto;
            overflow: hidden;
            padding: 10px;
            line-height: 30px;
            margin-bottom: 10px;
            color: #fff;
            background: rgba(48,113,185,1);
            text-align: center;
            border: 3px solid #5185c5;
            /*圓角*/
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .SiteMapWrap dl dt a {
                color: #fff;
            }

        .SiteMapWrap dl dd {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-bottom: 2px dashed #eee;
            transition: all 0.2s;
        }

            .SiteMapWrap dl dd a {
                display: block;
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 10px;
                line-height: 20px;
                padding-left: 25px;
                position: relative;
            }

                .SiteMapWrap dl dd a:hover,
                .SiteMapWrap dl dd a:active {
                    background: rgba(48,113,185,1);
                }

                .SiteMapWrap dl dd a i {
                    font-size: 10px;
                    position: absolute;
                    width: 10px;
                    height: 10px;
                    line-height: 10px;
                    text-align: center;
                    top: 15px;
                    left: 10px;
                    color: #ccc;
                }

                .SiteMapWrap dl dd a.Notice i {
                    color: rgb(230, 55, 60);
                }

                .SiteMapWrap dl dd a:hover i,
                .SiteMapWrap dl dd a:active i,
                .SiteMapWrap dl dd .F-c-d:hover,
                .SiteMapWrap dl dd .F-c-d:active {
                    color: rgba(255,255,255,1);
                }

/*========Footer========*/
.Footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 1280px;
    padding: 20px 10px;
    margin: 0 auto;
    border-top: 3px solid #eee;
    position: relative;
}

    .Footer * {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .Footer br {
        display: none;
    }

    .Footer .BottomLink {
        display: block;
        width: 100%;
        max-width: 1200px;
        height: auto;
        line-height: 20px;
        overflow: hidden;
        margin: 5px 0;
        float: left;
        margin-bottom: 15px;
    }

        .Footer .BottomLink ul {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .Footer .BottomLink ul li {
                width: auto;
                height: 20px;
                line-height: 20px;
                text-align: center;
                border-left: 1px solid #888;
                float: left;
                padding: 0 20px;
            }

                .Footer .BottomLink ul li a {
                    display: block;
                    line-height: 20px;
                }

    .Footer .Copyright {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-left: 110px;
        position: relative;
    }

        .Footer .Copyright .BottomLogo {
            display: block;
            width: 90px;
            height: 20px;
            overflow: hidden;
            float: left;
            text-indent: -9999px;
            background: url(/Content/Images/Logo_s.png) 0 0 no-repeat;
            margin-right: 10px;
            position: absolute;
            top: 0;
            left: 0;
            /*background-size*/
            -moz-background-size: 90px;
            -webkit-background-size: 90px;
            -o-background-size: 90px;
            background-size: 90px;
        }

        .Footer .Copyright small {
            height: 20px;
            line-height: 20px;
        }

    .Footer .BottomSocialLink {
        width: 410px;
        height: 30px;
        overflow: hidden;
        float: right;
        margin-bottom: 10px;
    }

        .Footer .BottomSocialLink:after {
            content: '';
            display: block;
            width: 30px;
            height: 30px;
            overflow: hidden;
            float: left;
            background: url(/Content/Images/Icons/Footer/Icon_Award.png) top right no-repeat;
            /*background-size*/
            -moz-background-size: 30px;
            -webkit-background-size: 30px;
            -o-background-size: 30px;
            background-size: 30px;
        }

        .Footer .BottomSocialLink li {
            width: auto;
            height: 30px;
            overflow: hidden;
            float: left;
            margin-right: 10px;
        }

            .Footer .BottomSocialLink li a {
                display: block;
                width: 100%;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                float: left;
                color: #fff;
                padding-left: 30px;
                padding-right: 10px;
                /*圓角*/
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

                .Footer .BottomSocialLink li a.FB {
                    background: url(/Content/Images/Icons/Footer/Icon_FB_bottom.png) 4px 3px no-repeat #3765a3;
                    /*background-size*/
                    -moz-background-size: 20px;
                    -webkit-background-size: 20px;
                    -o-background-size: 20px;
                    background-size: 20px;
                }

                .Footer .BottomSocialLink li a.Line {
                    background: url(/Content/Images/Icons/Footer/Icon_Line_bottom.png) 6px 4px no-repeat #00c300;
                    /*background-size*/
                    -moz-background-size: 20px;
                    -webkit-background-size: 20px;
                    -o-background-size: 20px;
                    background-size: 20px;
                }

                .Footer .BottomSocialLink li a.APP {
                    background: url(/Content/Images/Icons/Sub/Icon_Sub_Ord-01.png) 5px 5px no-repeat rgba(232,56,61,1);
                    /*background-size*/
                    -moz-background-size: 20px;
                    -webkit-background-size: 20px;
                    -o-background-size: 20px;
                    background-size: 20px;
                }

    .Footer .uGear {
        width: 120px;
        height: 20px;
        overflow: hidden;
        position: absolute;
        bottom:0px;
        right: 10px;
    }

        .Footer .uGear a {
            display: block;
            width: 100%;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            float: right;
            text-align: right;
            font-size: 12px;
            color: #ccc;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: 0.3px;
        }

@media only screen and (min-width:0px) and (max-width:1024px) {
    .SearchSection {
        padding-left: 10px;
    }

        .SearchSection .SearchTitle {
            width: 100%;
            position: static;
            margin-bottom: 10px;
        }

        .SearchSection .Button_s {
            top: auto;
            bottom: 5px;
        }

    .Popup {
        width: 100%;
        left: 0;
        margin-left: 0;
        height: 100%;
        margin-top: 0;
        top: 0%;
    }

        .Popup .BasicForm {
            height: 100%;
        }

    .Popup2 {
        height: 380px;
        margin-top: -190px;
        top: 50%;
    }

        .Popup2 .BasicForm {
            height: 340px;
        }
}

@media only screen and (min-width:0px) and (max-width:900px) {
    /*Header設定
	------------------------*/
    .Wrapper {
        padding-top: 80px;
    }

    .Header {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 10;
    }

        .Header .Nav {
            display: none;
        }

        .Header .Top {
            padding-right: 70px;
        }

    /*========最新消息========*/

    /*最新消息-新聞式列表設定*/
    .News .NewsList li a {
        padding-left: 100px;
        padding-left: 0px;
    }

        .News .NewsList li a span.NewsType {
            display: none;
        }

    /*========Footer========*/
    .Footer .BottomLink {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
        width: 445px;
    }

        .Footer .BottomLink ul li {
            padding: 0 10px;
        }

            .Footer .BottomLink ul li:last-child {
                border-right: 1px solid #888;
            }
            .Footer .BottomLink ul li:nth-child(5) {
                border-right: 1px solid #888;
            }

    .Footer .Copyright {
        padding-left: 0;
        margin-bottom: 10px;
    }

        .Footer .Copyright .BottomLogo {
            position: static;
            float: none;
            margin: 0 auto;
            margin-bottom: 10px;
        }

        .Footer .Copyright small {
            max-width: 420px;
            display: block;
            text-align: center;
            height: auto;
            margin: 0 auto;
        }

    .Footer .BottomSocialLink {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .Footer .uGear {
        position: static;
        margin: 0 auto;
    }

        .Footer .uGear a {
            text-align: center;
        }
}

@media only screen and (min-width:0px) and (max-width:768px) {

    /*=======================================中間區塊設定=======================================*/

    .PC {
        display: none;
    }

    .Mobile {
        display: block;
    }

        .Mobile .swiper-container-mobile {
            position: relative;
        }

        .Mobile .swiper-pagination-mobile {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 10px;
            z-index: 1;
            text-align: center;
        }

        .Mobile .swiper-pagination-bullet {
            margin: 0 5px;
        }

    /*中間區塊*/
    .Content {
        padding-top: 80px;
        position: relative;
    }

    .BreadCrumbs .W1280 p {
        width: 100%;
    }

    .BreadCrumbs .W1280 .Search {
        display: none;
    }


    /*頁籤式內容*/
    .Magazine .Tab-Content .tabs,
    .Member .Tab-Content .tabs,
    .FAQ .Tab-Content .tabs {
        height: auto;
    }

    .Magazine .Tab-Content .tabs,
    .Member .Tab-Content .tabs,
    .FAQ .Tab-Content .tabs {
        border: 0;
    }

        .Magazine .Tab-Content .tabs li,
        .Member .Tab-Content .tabs li {
            padding: 0;
            margin-right: 10px;
            margin-bottom: 10px;
        }

            .Magazine .Tab-Content .tabs li:last-child,
            .Member .Tab-Content .tabs li:last-child,
            .FAQ .Tab-Content .tabs li:last-child {
                margin-right: 0;
            }

            .Magazine .Tab-Content .tabs li a,
            .Member .Tab-Content .tabs li a,
            .FAQ .Tab-Content .tabs li a {
                padding: 10px;
                /*圓角*/
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

    .Tab-Content .tab_container {
        padding-top: 10px;
    }

    /*========首頁========*/

    /*首頁大區塊*/
    .Default .W1280 .Left {
        width: 49%;
    }

    .Default .W1280 .Right {
        width: 49%;
    }

    .Right {
        width: 100%;
    }

    .RightSpecial {
        width: 100%;
    }

    .LeftContent {
        width: 100%;
        min-height: inherit;
    }

    .RightAds ul li {
        width: 50%;
        padding-right: 10px;
    }

        .RightAds ul li:nth-of-type(2n+2) {
            float: right;
            padding-right: 0;
            padding-left: 10px;
        }

    .RightMagAds ul li {
        width: 100%;
        padding: 0;
    }

        .RightMagAds ul li a {
            margin: 0 auto;
        }

    .RightFAQAds ul li {
        width: 100%;
        padding: 0;
    }

        .RightFAQAds ul li a {
            margin: 0 auto;
        }

    /*首頁方形廣告*/
    .Default .Yellow .BoxAds {
        max-width: 512px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

        .Default .Yellow .BoxAds ul li {
            width: 100%;
            margin-bottom: 20px;
        }

            .Default .Yellow .BoxAds ul li:nth-child(1) {
                width: 100%;
            }

            .Default .Yellow .BoxAds ul li:nth-child(2),
            .Default .Yellow .BoxAds ul li:nth-child(3),
            .Default .Yellow .BoxAds ul li:nth-child(4),
            .Default .Yellow .BoxAds ul li:nth-child(5) {
                position: static;
                width: 48%;
            }

            .Default .Yellow .BoxAds ul li:nth-child(2) {
                top: auto;
                left: auto;
                float: left;
            }

            .Default .Yellow .BoxAds ul li:nth-child(3) {
                top: auto;
                right: auto;
                float: right;
            }

            .Default .Yellow .BoxAds ul li:nth-child(4) {
                bottom: auto;
                left: auto;
                float: left;
                margin-bottom: 0;
            }

            .Default .Yellow .BoxAds ul li:nth-child(5) {
                bottom: auto;
                right: auto;
                float: right;
                margin-bottom: 0;
            }

    /*首頁教養資訊站*/
    .Default .Education .NewsBox {
        /*漸層*/
        background: rgba(144,112,175,0.1);
        background: -moz-linear-gradient(0deg, rgba(144,112,175,0.1) 0%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(144,112,175,0.1) 0%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
        background: -o-linear-gradient(0deg, rgba(144,112,175,0.1) 0%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
        background: -ms-linear-gradient(0deg, rgba(144,112,175,0.1) 0%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
        background: linear-gradient(90deg, rgba(144,112,175,0.1) 0%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 50%, rgba(144,112,175,0.1) 100%);
    }

    .Default .Education .W1280 .LeftNews,
    .Default .Education .W1280 .RightNews {
        width: 100%;
    }

    /*右區塊*/
    .RightMenu:nth-child(1) {
        position: absolute;
        top: 20px;
        left: 0;
        padding: 0 10px;
        z-index: 1;
    }

        .RightMenu:nth-child(1) .RightHeader {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 10px;
            min-height: 40px;
            margin-bottom: 0;
            position: relative;
            /*圓角*/
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .RightMenu:nth-child(1) .RightHeader:before {
                content: '單元選單';
                font-size: 18px;
                display: block;
                width: auto;
                height: 20px;
                line-height: 20px;
                top: 10px;
                left: 10px;
                color: #fff;
            }

        .RightMenu:nth-child(1) .RightSearch:before {
            content: '進階搜尋';
        }

        .RightMenu:nth-child(1) .RightHeader:after {
            content: '';
            background: url(/Content/Images/Icons/Menu_Open.png) 0 0 no-repeat;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            color: #fff;
            font-size: 18px;
            position: absolute;
            top: 10px;
            right: 10px;
            /*background-size*/
            -moz-background-size: contain;
            -webkit-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
        }

        .RightMenu:nth-child(1) .Selected:after {
            content: '';
            background: url(/Content/Images/Icons/Menu_Close.png) 0 0 no-repeat;
            /*background-size*/
            -moz-background-size: contain;
            -webkit-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
        }

        .RightMenu:nth-child(1) .RightHeader .SubTitle {
            display: none;
        }

        .RightMenu:nth-child(1) .R-Lists {
            margin-top: 10px;
            margin-bottom: 0;
            display: none;
            background: #fff;
            border: 1px solid #ccc;
        }

    /*右區塊單元選單設定*/
    .News .RightMenu:nth-child(1) .RightHeader {
        background: rgba(235,109,154,1);
    }

    .Magazine .RightMenu:nth-child(1) .RightHeader {
        background: rgba(232,56,61,1);
    }

    .Member .RightMenu:nth-child(1) .RightHeader {
        background: rgba(0,158,59,1);
    }

    .FAQ .RightMenu:nth-child(1) .RightHeader {
        background: rgba(0,108,184,1);
    }

    .Education .RightMenu:nth-child(1) .RightHeader {
        background: rgba(144,112,175,1);
    }

    .Store .RightMenu:nth-child(1) .RightHeader {
        background: rgba(245,160,0,1);
    }

    .Order .RightMenu:nth-child(1) .RightHeader {
        background: rgba(234,84,93,1);
    }

    .About .RightMenu:nth-child(1) .RightHeader {
        background: rgba(48,113,185,1);
    }

    .RightMenu .AdvancedSearchWrap {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: none;
        padding: 10px;
        background: rgba(255,255,255,1);
        border: 1px solid #ccc;
        margin-top: 10px;
        float: left;
        /*圓角*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .RightMenu .AdvancedSearchBox {
        padding-top: 0;
        margin-top: 10px;
        float: left;
    }

        .RightMenu .AdvancedSearchBox li {
            width: auto;
        }

    .RightMenu .AdvancedSearchBtn {
        margin-bottom: 0;
    }

    /*表格設定*/
    .BasicTable table th {
        padding: 10px;
    }
    /*表格設定-巧虎商店*/
    .StoreTable01 .StoreTb_ProName .ProPhoto {
        display: none;
    }

    .StoreTable01 .StoreTb_ProSpec {
        display: none;
    }

    .StoreTable01 .StoreTb_ProPrice {
        display: none;
    }

    /*表格設定-會員專區*/
    .Member .MemTable04 .MemTb_ProSpec {
        display: none;
    }

    .Member .MemTable04 .MemTb_ProPrice {
        display: none;
    }

    /*========網站地圖========*/
    .SiteMap {
        padding-top: 40px;
    }

    .SiteMapWrap dl {
        width: 32%;
        margin-right: 2%;
    }

        .SiteMapWrap dl:nth-child(4n+1) {
            clear: none;
        }

        .SiteMapWrap dl:nth-child(4n+4) {
            margin-right: 0.5%;
        }

        .SiteMapWrap dl:nth-child(3n+1) {
            clear: both;
        }

        .SiteMapWrap dl:nth-child(3n+3) {
            margin-right: 0;
        }
}

@media only screen and (min-width:0px) and (max-width:512px) {

    /*字級*/
    .F-s {
        font-size: 12px;
    }

    .F-m {
        font-size: 16px;
    }

    .F-l {
        font-size: 22px;
    }

    .F-xl {
        font-size: 28px;
    }

    /*表格寬度*/
    .t-w-2 {
        width: 30px;
    }

    .t-w-3 {
        width: 50px;
    }

    .t-w-4 {
        width: 70px;
    }

    .t-w-5 {
        width: 90px;
    }

    .t-w-6 {
        width: 110px;
    }

    .t-w-7 {
        width: 130px;
    }

    /*input 寬度以40px 為一個單位*/
    .f-w-2 {
        width: 70px;
    }

    .f-w-3 {
        width: 110px;
    }

    .f-w-4 {
        width: 150px;
    }

    .f-w-5 {
        width: 190px;
    }

    .f-w-6 {
        width: 230px;
    }

    input, select, option {
        padding: 0 5px;
    }

    .Wrapper {
        padding-top: 60px;
    }

    /*Header設定
	------------------------*/
    .Header .Top {
        height: 60px;
        padding-right: 60px;
    }

        .Header .Top .Logo {
            width: 203px;
            height: 60px;
        }

        .Header .Top .TopLink {
            margin: 20px 0;
        }

    .RightMenu:nth-child(1) .RightHeader:before {
        font-size: 16px;
    }

    /*最新消息-新聞式列表設定*/
    .News .NewsList li a {
        padding-left: 0px;
    }

        .News .NewsList li a span.Time {
            display: none;
        }

    /*========教養資訊站========*/
    .Education .EduHeadNews ul li {
        position: static;
        padding: 0;
    }

        .Education .EduHeadNews ul li a {
            padding: 10px;
            min-height: 0;
        }

        .Education .EduHeadNews ul li span.HeadPhoto {
            position: static;
            top: auto;
            left: auto;
            border: 1px solid #eee;
            width: 48%;
            float: left;
            margin-right: 2%;
            margin-bottom: 0px;
        }

        .Education .EduHeadNews ul li span.HeadTitle,
        .Education .EduHeadNews ul li span.HeadText {
            float: left;
            width: 50%;
        }

    .Education .EducationLanding .EduContent .EduListNews {
        position: static;
        padding: 0;
    }

        .Education .EducationLanding .EduContent .EduListNews .ListPhoto {
            position: static;
            top: auto;
            left: auto;
            border: 1px solid #eee;
            width: 38%;
            float: left;
            margin-right: 2%;
            margin-bottom: 0px;
        }

        .Education .EducationLanding .EduContent .EduListNews .NewsList {
            width: 60%;
        }

    /*========巧虎月刊========*/
    .Magazine .Tab-Content .tab_container .tab_content li .Constituent {
        position: static;
        padding: 0;
    }

        .Magazine .Tab-Content .tab_container .tab_content li .Constituent .C_Img {
            max-width: none;
            position: static;
            top: auto;
            left: auto;
            margin-bottom: 20px;
        }

            .Magazine .Tab-Content .tab_container .tab_content li .Constituent .C_Img img {
                margin: 0 auto;
            }

    .Magazine .Tab-Content .tab_container .tab_content li .TeachingMaterial .TM_Content iframe {
        height: 300px;
    }

    /*========巧虎月齡========*/
    .Magazine .MagList ul .MagListBox {
        width: 48%;
        margin-right: 0;
    }

        .Magazine .MagList ul .MagListBox:nth-of-type(2n+2) {
            float: right;
        }

        .Magazine .MagList ul .MagListBox:nth-of-type(3n+1) {
            clear: none;
        }

    /*========巧虎商店========*/
    .Store .StoreRecmmended {
        max-width: 400px;
    }

        .Store .StoreRecmmended ul .StoreRecmmendedBox {
            width: 100%;
            padding-right: 0;
            margin-bottom: 20px;
        }

            .Store .StoreRecmmended ul .StoreRecmmendedBox:last-child {
                padding-left: 0;
                margin-bottom: 0;
            }

    .Store .SpecialList {
        max-width: 400px;
    }

        .Store .SpecialList ul .StoreListBox {
            width: 100%;
            margin-right: 0;
        }

            .Store .SpecialList ul .StoreListBox:nth-of-type(3n+1) {
                clear: none;
            }

    .Store .StoreList ul .StoreListBox {
        width: 48%;
        margin-right: 0;
    }

        .Store .StoreList ul .StoreListBox:nth-of-type(2n+2) {
            float: right;
        }

        .Store .StoreList ul .StoreListBox:nth-of-type(3n+1) {
            clear: none;
        }

    .Store .StoreDeatil .StoreInfomation .StorePhoto {
        width: 100%;
        margin-bottom: 10px;
    }

    .Store .StoreDeatil .StoreInfomation .StoreInfoText {
        width: 100%;
        padding-left: 0;
    }

        .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductFurther .Button_s {
            width: 49%;
            margin-right: 0;
            max-width: none;
            text-align: center;
        }

            .Store .StoreDeatil .StoreInfomation .StoreInfoText .ProductFurther .Button_s:last-child {
                float: right;
            }

        .Store .StoreDeatil .StoreInfomation .StoreInfoText p {
            width: auto;
            float: left;
        }

        .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .SelectSize {
            width: auto;
            float: right;
            margin-bottom: 0;
            padding: 5px 0;
        }

        .Store .StoreDeatil .StoreInfomation .StoreInfoText .BuySection .Button_b {
            max-width: none;
            margin-top: 10px;
            float: left;
            width: 100%;
            text-align: center;
        }

    /*========會員專區========*/
    .Member .MemberWrap .MemForm01 .BasicFormWrap .BasicFormBox {
        padding-left: 70px;
    }

        .Member .MemberWrap .MemForm01 .BasicFormWrap .BasicFormBox .Left {
            width: 70px;
        }

    .Member .MemberWrap .MemForm02 .BasicFormWrap .BasicFormBox {
        padding-left: 70px;
    }

        .Member .MemberWrap .MemForm02 .BasicFormWrap .BasicFormBox .Left {
            width: 70px;
        }

    .Member .MemberWrap .MemForm03 .BasicFormWrap .BasicFormBox {
        padding-left: 120px;
    }

        .Member .MemberWrap .MemForm03 .BasicFormWrap .BasicFormBox .Left {
            width: 120px;
        }

    .Member .MemberWrap .MemForm04 .BasicFormWrap .BasicFormBox {
        padding-left: 90px;
    }

        .Member .MemberWrap .MemForm04 .BasicFormWrap .BasicFormBox .Left {
            width: 90px;
        }

    .Member .MemberWrap .MemForm05 .BasicFormWrap .BasicFormBox {
        padding-left: 90px;
    }

        .Member .MemberWrap .MemForm05 .BasicFormWrap .BasicFormBox .Left {
            width: 90px;
        }

    .Member .MemberWrap .MemForm09 .BasicFormWrap .BasicFormBox {
        padding-left: 110px;
    }

        .Member .MemberWrap .MemForm09 .BasicFormWrap .BasicFormBox .Left {
            width: 110px;
        }

    /*表格設定*/
    .BasicTable table th {
        padding: 10px 5px;
    }

        .BasicTable .Mem_Ino_Tax, .BasicTable .Mem_Ino_Cod, .BasicTable .Mem_Ino_Text {
            display:none;
        }

    .BasicTable table td {
        padding: 5px;
    }

    /*========首頁========*/
    /*首頁大區塊*/
    .Default .W1280 .Left {
        width: 100%;
    }

    .Default .W1280 .Right {
        width: 100%;
    }

    .Default .W1280 .Left .NewsList li:nth-child(4),
    .Default .W1280 .Left .NewsList li:nth-child(5) {
        display: none;
    }

    .Default .W1280 .Left .NewsList li a {
        height: auto;
        /*超出範圍顯示"..."取消*/
        white-space: normal;
        text-overflow: clip;
        -o-text-overflow: clip;
    }

    .Default .Education .EduHeadNews ul li {
        padding: 0;
    }

        .Default .Education .EduHeadNews ul li a span.HeadPhoto {
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0 auto;
            margin-bottom: 10px;
            display: block
        }

            .Default .Education .EduHeadNews ul li a span.HeadPhoto img {
                width: 100%;
            }

    /*首頁客服中心*/
    .Default .FAQ .W-c-faq {
        text-align: center;
    }

    /*========網站地圖========*/
    .SiteMapWrap dl {
        width: 49%;
        margin-right: 1%;
    }

        .SiteMapWrap dl:nth-child(4n+1) {
            clear: none;
        }

        .SiteMapWrap dl:nth-child(4n+4) {
            margin-right: auto;
        }

        .SiteMapWrap dl:nth-child(3n+1) {
            clear: none;
        }

        .SiteMapWrap dl:nth-child(3n+3) {
            margin-right: auto;
        }

        .SiteMapWrap dl:nth-child(2n+2) {
            margin-right: 0;
            float: right;
        }

        .SiteMapWrap dl:nth-child(2n+1) {
            clear: both;
        }

    /*========Footer========*/
    .Footer br {
        display: inline;
    }

    .Footer .BottomLink {
        max-width: 230px;
        height: auto;
    }

        .Footer .BottomLink ul {
            height: auto;
            text-align: center;
        }

            .Footer .BottomLink ul li {
                padding: 0 5px;
                margin-bottom: 10px;
                float: none;
                display: inline-block;
            }

                .Footer .BottomLink ul li:nth-child(3) {
                    border-right: 1px solid #888;
                }

                .Footer .BottomLink ul li:nth-child(4),
                .Footer .BottomLink ul li:nth-child(5) {
                    margin-bottom: 0;
                }

                .Footer .BottomLink ul li:last-child {
                    border-right: 1px solid #888;
                }

    .Footer .Copyright .BottomLogo {
        display: none;
    }

    .Footer .Copyright small {
        max-width: 360px;
    }

    .Footer .BottomSocialLink {
        width: 300px;
    }

        .Footer .BottomSocialLink li {
            margin-right: 5px;
        }

            .Footer .BottomSocialLink li a {
                padding: 0 10px;
            }

                .Footer .BottomSocialLink li a.FB {
                    background: #3765a3;
                }

                .Footer .BottomSocialLink li a.Line {
                    background: #00c300;
                }

                .Footer .BottomSocialLink li a.APP {
                    background: rgba(232,56,61,1);
                }
}

@media only screen and (min-width:0px) and (max-width:430px) {

    .Button_s {
        width: 100%;
    }


    /*字級*/
    .F-s {
        font-size: 10px;
    }

    .F-m {
        font-size: 14px;
    }

    .F-l {
        font-size: 20px;
    }

    .F-xl {
        font-size: 26px;
    }

    /*表格寬度*/
    .t-w-2 {
        width: 20px;
    }

    .t-w-3 {
        width: 40px;
    }

    .t-w-4 {
        width: 60px;
    }

    .t-w-5 {
        width: 80px;
    }

    .t-w-6 {
        width: 100px;
    }

    .t-w-7 {
        width: 120px;
    }

    /*input 寬度以40px 為一個單位*/
    .f-w-2 {
        width: 60px;
    }

    .f-w-3 {
        width: 100px;
    }

    .f-w-4 {
        width: 140px;
    }

    .f-w-5 {
        width: 180px;
    }

    .f-w-6 {
        width: 220px;
    }

    .SearchSection {
        position: static;
        padding: 10px;
    }

        .SearchSection .SearchLabel {
            margin-bottom: 10px;
        }

        .SearchSection .Button_s {
            position: static;
            float: right;
        }

    /*Header設定
	------------------------*/
    .Header .Top {
        padding: 0 5px;
        padding-right: 55px;
    }

        .Header .Top .TopLink ul li a {
            text-indent: -9999px;
            padding: 0;
            width: 20px;
        }

    /*STEP 設定*/
    .Step .StepBox {
        width: 32%;
        margin-right: 2%;
    }

        .Step .StepBox:last-child {
            margin-right: 0;
        }

    .Step .Arrow {
        display: none;
    }

    /*右區塊*/
    .RightAds ul li {
        width: 100%;
        padding-right: 0;
    }

        .RightAds ul li:nth-of-type(2n+2) {
            float: left;
            padding-left: 0;
        }

    .BasicForm .BasicFormWrap .BasicFormBox {
        padding-left: 150px;
    }

        .BasicForm .BasicFormWrap .BasicFormBox .Left {
            width: 150px;
        }

    .Member .MemberWrap .MemForm03 .BasicFormWrap .BasicFormBox {
        padding-left: 110px;
    }

        .Member .MemberWrap .MemForm03 .BasicFormWrap .BasicFormBox .Left {
            width: 110px;
        }

    .Member .MemberWrap .MemForm04 .BasicFormWrap .BasicFormBox {
        padding-left: 80px;
    }

        .Member .MemberWrap .MemForm04 .BasicFormWrap .BasicFormBox .Left {
            width: 80px;
        }

    .Member .MemberWrap .MemForm05 .BasicFormWrap .BasicFormBox {
        padding-left: 80px;
    }

        .Member .MemberWrap .MemForm05 .BasicFormWrap .BasicFormBox .Left {
            width: 80px;
        }

    .Member .MemberWrap .MemForm09 .BasicFormWrap .BasicFormBox {
        padding-left: 100px;
    }

        .Member .MemberWrap .MemForm09 .BasicFormWrap .BasicFormBox .Left {
            width: 100px;
        }

    /*========教養資訊站========*/
    .Education .EduHeadNews ul li span.HeadPhoto {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 10px;
    }

    .Education .EduHeadNews ul li span.HeadTitle,
    .Education .EduHeadNews ul li span.HeadText {
        width: 100%;
    }

    .Education .EducationLanding .EduContent .EduListNews .ListPhoto {
        width: 100%;
        padding: 10px;
        margin-bottom: 1px;
    }

    .Education .EducationLanding .EduContent .EduListNews .NewsList {
        width: 100%;
    }

    /*========親子達人愛分享========*/
    .Education .NewsArticle ul li {
        width: 100%;
    }

        .Education .NewsArticle ul li:nth-child(even) {
            float: left;
        }

        .Education .NewsArticle ul li:nth-child(2n+1) {
            clear: none;
        }

    /*========會員專區========*/
    .Member .MemberWrap .MemForm01 .BasicFormWrap {
        padding: 0 10px;
    }
}

/*Youtube RWD處理*/
.Default .Yellow .BoxAds .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.DefBanner .swiper-wrapper .video-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.DefBanner.PC .swiper-wrapper .video-container:after {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 40.65%;
}

.DefBanner.Mobile .swiper-wrapper .video-container:after {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 62.5%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*刊物特色頁置頂按鈕設定*/
.goTop {
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 45px;
    font-size: 30px;
    color: #fff;
    background: rgba(232,56,61,.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 100;
}

@media only screen and (min-width:0px) and (max-width:430px) {
    .goTop {
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 24px;
    }
	
}







/*親友介紹設定 START*/
.RecommendWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 20px;
}

    .RecommendWrap .RecommendTop {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

        .RecommendWrap .RecommendTop .TopBg {
            display: block;
            border: none;
        }

        .RecommendWrap .RecommendTop .TopBgMobile {
            display: none;
        }

    .RecommendWrap .Tab-Content .tabs {
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
        margin: 0;
        position: absolute;
        z-index: 5;
        left: 10px;
        bottom: 10px;
    }

        .RecommendWrap .Tab-Content .tabs li {
            width: 138px;
            height: 60px;
            margin-right: 10px;
        }

            .RecommendWrap .Tab-Content .tabs li:nth-child(1) {
                background: url(/Content/Images/Icons/Introduce/Img_Recommend_topbu01.png) center no-repeat;
                -moz-background-size: contain;
                -webkit-background-size: contain;
                -o-background-size: contain;
                background-size: contain;
            }

                .RecommendWrap .Tab-Content .tabs li:nth-child(1):hover,.RecommendWrap .Tab-Content .tabs li:nth-child(1).active {
                    background: url(/Content/Images/Icons/Introduce/Img_Recommend_topbu01_o.png) center no-repeat;
                    -moz-background-size: contain;
                    -webkit-background-size: contain;
                    -o-background-size: contain;
                    background-size: contain;
                }

            .RecommendWrap .Tab-Content .tabs li:nth-child(2) {
                background: url(/Content/Images/Icons/Introduce/Img_Recommend_topbu02.png) center no-repeat;
                -moz-background-size: contain;
                -webkit-background-size: contain;
                -o-background-size: contain;
                background-size: contain;
            }

                .RecommendWrap .Tab-Content .tabs li:nth-child(2):hover, .RecommendWrap .Tab-Content .tabs li:nth-child(2).active {
                    background: url(/Content/Images/Icons/Introduce/Img_Recommend_topbu02_o.png) center no-repeat;
                    -moz-background-size: contain;
                    -webkit-background-size: contain;
                    -o-background-size: contain;
                    background-size: contain;
                }

            .RecommendWrap .Tab-Content .tabs li a {
                width: 100%;
                height: 60px;
                border: none;
                text-indent: -99999px;
                padding: 0;
            }

                .RecommendWrap .Tab-Content .tabs li a:hover {
                    border: none;
                }

            .RecommendWrap .Tab-Content .tabs li.active a {
                background: none;
                border: none;
            }

    .RecommendWrap .Recommend01, .RecommendWrap .Recommend02 {
        padding: 0 0 40px 0;
    }

    .RecommendWrap .ContentTitle {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

        .RecommendWrap .ContentTitle h2 {
            display: inline-block;
            height: auto;
            overflow: hidden;
            position: relative;
            z-index: 1;
            background: #fc6c9b;
            padding: 10px;
            color: #fff;
            font-weight: normal;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

        .RecommendWrap .ContentTitle:after {
            content: '';
            width: 100%;
            height: 1px;
            display: block;
            border-bottom: 2px dashed #fc6c9b;
            position: absolute;
            top: 50%;
            margin-top: -0.5px;
            left: 0;
            z-index: 0;
        }

    .RecommendWrap .ContentText {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0 20px;
    }

    .RecommendWrap .tab_container .tab_content .Recommend02 .ContentTitle h2 {
        background: #4ba3e1;
    }

    .RecommendWrap .tab_container .tab_content .Recommend02 .ContentTitle:after {
        border-bottom: 2px dashed #4ba3e1;
    }


    .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentLeft {
            -webkit-flex: 1;
            flex: 1;
            padding-right: 20px;
        }

            .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentLeft h3 {
                color: #e42d8b;
                font-weight: normal;
            }

            .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentLeft ul {
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 0;
            }

                .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentLeft ul li {
                    position: relative;
                    padding-left: 5em;
                }

                    .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentLeft ul li span.title {
                        position: absolute;
                        left: 0;
                        top: 0;
                        color: #4ba3e1;
                    }

        .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentRight {
            -webkit-flex: 1;
            flex: 1;
        }

    .RecommendWrap .Tab-Content .tab_container .tab_content li .SA_container .SA_content {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 10px;
        padding: 0;
    }

        .RecommendWrap .Tab-Content .tab_container .tab_content li .SA_container .SA_content li {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #eee;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

    .RecommendWrap .Tab-Content .tab_container .tab_content li .SA_tabs {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        padding: 0;
    }

        .RecommendWrap .Tab-Content .tab_container .tab_content li .SA_tabs li {
            width: 19.5%;
            height: auto;
            overflow: hidden;
            float: left;
            padding: 10px;
            border: 1px solid #eee;
            margin-right: 0.5%;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .RecommendWrap .Tab-Content .tab_container .tab_content li .SA_tabs li:nth-child(5n+1) {
                clear: both;
            }


.RecommendSwiper .swiper-container4 {
    padding: 0 40px;
}

    .RecommendSwiper .swiper-container4 .swiper-slide {
        cursor: pointer;
    }

    .RecommendSwiper .swiper-container4 .swiper-button-prev,
    .RecommendSwiper .swiper-container4 .swiper-button-next {
        border: 1px solid #4ba3e1;
        width: 25px;
        height: 40px;
        margin-top: -20px;
        background: url(/Content/Images/Icons/Sub/Icon_Sub_Arrow-l-mon.png) center no-repeat;
        /*圓角*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        /*background-size*/
        -moz-background-size: 20px;
        -webkit-background-size: 20px;
        -o-background-size: 20px;
        background-size: 20px;
    }

    .RecommendSwiper .swiper-container4 .swiper-button-prev,
    .RecommendSwiper .swiper-container4 .swiper-button-next {
        border: 1px solid #4ba3e1;
        color: #4ba3e1;
        width: 25px;
        height: 40px;
        margin-top: -20px;
        background: #fff; /*圓角*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .RecommendSwiper .swiper-container4 .swiper-button-prev i,
        .RecommendSwiper .swiper-container4 .swiper-button-next i {
            display: block;
            width: 25px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

    .RecommendSwiper .swiper-container4 .swiper-slide .List {
        width: 100%;
        height: auto;
        overflow: hidden;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #4ba3e1;
    }

        .RecommendSwiper .swiper-container4 .swiper-slide .List span.Img {
            display: block;
        }

        .RecommendSwiper .swiper-container4 .swiper-slide .List span.Name {
            display: block;
            padding: 10px;
            text-align: center;
            color: #fff;
        }

.RecommendWrap .Popup .Close i {
    background: #4ba3e1;
}

.RecommendWrap .Popup .BasicForm {
    border: none;
    overflow-Y: scroll;
	overflow:hidden;
}

.RecommendWrap .Popup .GiftContent {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: row-reverse;
	overflow-Y: scroll;
	height:520px;
}

.RecommendWrap .tab_container .tab_content .Popup .GiftContent .GiftContentLeft {
    -webkit-flex: 1;
    flex: 1;
    padding-right: 20px;
}

    .RecommendWrap .tab_container .tab_content .Popup .GiftContent .GiftContentLeft h3 {
        color: #2c94dd;
        font-weight: normal;
    }

    .RecommendWrap .tab_container .tab_content .Popup .GiftContent .GiftContentLeft ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0;
    }

        .RecommendWrap .tab_container .tab_content .Popup .GiftContent .GiftContentLeft ul li {
            position: relative;
            padding-left: 5em;
        }

            .RecommendWrap .tab_container .tab_content .Popup .GiftContent .GiftContentLeft ul li span.title {
                position: absolute;
                left: 0;
                top: 0;
                color: #4ba3e1;
            }

.RecommendWrap .tab_container .tab_content .Popup .GiftContent .GiftContentRight {
    -webkit-flex: 1;
    flex: 1;
}

.RecommendWrap .Tab-Content .tab_container .tab_content li .GP_container .GP_content {
    width: 407px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0;
}

    .RecommendWrap .Tab-Content .tab_container .tab_content li .GP_container .GP_content li {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 20px;
        border: 1px solid #eee;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .RecommendWrap .Tab-Content .tab_container .tab_content li .GP_container .GP_content li img {
            display: block;
            margin: 0 auto;
        }

.RecommendWrap .Tab-Content .tab_container .tab_content li .GP_tabs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0;
}

    .RecommendWrap .Tab-Content .tab_container .tab_content li .GP_tabs li {
        width: 31%;
        height: auto;
        overflow: hidden;
        float: left;
        padding: 10px;
        border: 1px solid #eee;
        margin-right: 2.3%;
        margin-bottom:2%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

@media only screen and (min-width:0px) and (max-width:1024px) {

    .RecommendWrap .Tab-Content .tabs {
        bottom: 8px;
    }

        .RecommendWrap .Tab-Content .tabs li {
            width: 100px;
            height: 41px;
        }

    .RecommendWrap .Popup .GiftContent {
        display: block;
		height:100%;
    }

    .Content iframe {
        height: 400px;
    }


}


@media only screen and (min-width:0px) and (max-width:2800px) {
    .RecommendWrap .RecommendTop .TopBg  {
         display: block;
    }

     .RecommendWrap .RecommendTop .TopBgPad {
        display: none;
    }

    .RecommendWrap .RecommendTop .TopBgMobile {
        display: none;
    }

}

@media only screen and (min-width:0px) and (max-width:920px) {

    .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 {
        display: block;
    }

        .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentLeft {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto 20px auto;
            padding: 0;
        }

        .RecommendWrap .tab_container .tab_content .Recommend02 .ContentText01 .ContentRight {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
        }
}

@media only screen and (min-width:0px) and (max-width:768px) {

    .RecommendWrap .Tab-Content .tabs li {
        width: 120px;
        height: 50px;
    }
    .RecommendWrap .RecommendTop .TopBg  {
         display: block;
    }

     .RecommendWrap .RecommendTop .TopBgPad {
        display: none;
    }

    .RecommendWrap .RecommendTop .TopBgMobile {
        display: none;
    }
 
}

@media only screen and (min-width:0px) and (max-width:650px) {

    .RecommendWrap .RecommendTop .TopBg  {
         display: none;
    }

     .RecommendWrap .RecommendTop .TopBgPad {
        display: block;
    }

    .RecommendWrap .RecommendTop .TopBgMobile {
        display: none;
    }


    .RecommendWrap .Tab-Content .tabs {
        text-align: center;
        left: auto;
        bottom: 10px;
    }

        .RecommendWrap .Tab-Content .tabs li {
            width: 145px;
            height: 60px;
            display: inline-block;
            float: none;
            margin-bottom: 0;
        }
}

@media only screen and (min-width:0px) and (max-width:539px) {
    .RecommendWrap .RecommendTop .TopBg  {
         display: none;
    }

     .RecommendWrap .RecommendTop .TopBgPad {
        display: none;
    }

    .RecommendWrap .RecommendTop .TopBgMobile {
        display: block;
    }


}


@media only screen and (min-width:0px) and (max-width:512px) {
	
	#slideAd_wcomment { max-width:100px;}
	
    .Content iframe {
        height: 300px;
    }
    .RecommendWrap .Tab-Content .tabs {
        bottom: 5px;
    }

    .RecommendWrap .ContentText {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0;
    }
}

@media only screen and (min-width:0px) and (max-width:420px) {
	
	#slideAd_wcomment { max-width:80px;}

    .RecommendWrap .Tab-Content .tabs li {
        width: 100px;
        height: 41px;
    }
}
/*=========================月齡版教材特色Landing START=========================*/
		  .MonthLanding { width:100%; height:auto; overflow:hidden;}
		  .MonthLanding * { padding:0; margin:0; list-style:none; text-decoration:none;}
		  .MonthLanding img { display:block; max-width:100%; height:auto;}
		  .MonthLanding .MonthLandingContent { width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Title { width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Title img { float:left; margin-right:5px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Title span { display:inline-block; overflow:hidden;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Title img.MonthLanding-Title-main { margin:40px 0; margin-right:5px;}
		  .MonthLanding .MonthLandingContent p { font-size:22px; margin-bottom:10px;}
		  .MonthLanding .MonthLandingContent p small.Notice { text-align:center; font-size:16px; display:block;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Img_00 { width:100%; height:auto; overflow:hidden; border:1px solid #ccc; margin-bottom:10px;
		  /*圓角*/
		  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		  .MonthLanding .MonthLandingContent .MonthLandingContentVideo { width:100%; height:auto; overflow:hidden; position:relative; padding-top:50px; margin-bottom:25px;}
		  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLandingContentVideoContent { width:100%; height:auto; overflow:hidden; padding:25px; position:relative; z-index:1; border:3px solid #0075c2; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_00.jpg) repeat; margin-bottom:10px;
		  /*圓角*/
		  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLanding-SubTitle { position:absolute; width:auto; line-height:50px; padding:10px; padding-bottom:40px; background:#0075c2; top:0; left:0; z-index:0;
		  /*圓角*/
		  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLandingContentVideoContent iframe { width:100%;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav { width:100%; height:auto; overflow:hidden; margin:30px auto 10px auto;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav ul { width:100%; max-width:640px; height:auto; overflow:hidden;
		  display:flex;
		  /*圓角*/
		  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li { width:33.3%; height:auto; overflow:hidden; float:left;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li a { display:block; width:100%; height:auto; overflow:hidden; /*padding:15px;*/ padding:10px 5px;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li a img { display:block; width:100%; max-width:135px; height:auto; margin:0 auto;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(1) { background:#f39800;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(2) { background:#e05442;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(3) { background:#6fba2c;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(1) a { border:3px solid #f9c158; border-right:0;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(2) a { border:3px solid #e4827a;}
		  .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(3) a { border:3px solid #8ec055; border-left:0;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Main { width:100%; height:auto; overflow:hidden; position:relative; padding-left:310px; margin-bottom:20px;
		  /*圓角*/
		  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		  .MonthLanding #MD01 .MonthLanding-Main { border:3px solid #f39800; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_01-1.jpg) repeat;}
		  .MonthLanding #MD02 .MonthLanding-Main { border:3px solid #e05442; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_02-1.jpg) repeat;}
		  .MonthLanding #MD03 .MonthLanding-Main { border:3px solid #6fba2c; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_03-1.jpg) repeat;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainPhoto { width:310px; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
		  .MonthLanding #MD01 .MonthLanding-Main .MonthLanding-MainPhoto { background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Img_01.jpg) top center no-repeat;
		  /*background-size*/
		  -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
		  .MonthLanding #MD02 .MonthLanding-Main .MonthLanding-MainPhoto { background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Img_02.jpg) top center no-repeat;
		  /*background-size*/
		  -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
		  .MonthLanding #MD03 .MonthLanding-Main .MonthLanding-MainPhoto { background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Img_03.jpg) top center no-repeat;
		  /*background-size*/
		  -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainPhoto img.MB { display:none;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainContent { width:100%; height:auto; overflow:hidden; padding:20px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainContent p { font-size:26px; font-weight:bold; margin-bottom:10px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainContent img { display:block; max-width:100%; height:auto;}
		  .MonthLanding #MD01 .MonthLanding-Main .MonthLanding-MainContent p { color:#f39800;}
		  .MonthLanding #MD02 .MonthLanding-Main .MonthLanding-MainContent p { color:#eb6153;}
		  .MonthLanding #MD03 .MonthLanding-Main .MonthLanding-MainContent p { color:#6fba2c;}
		  .MonthLanding .MonthLandingContent .MonthLanding-MainList { width:100%; height:auto; overflow:hidden;}
		  .MonthLanding .MonthLandingContent .MonthLanding-MainList li { width:33.3%; height:auto; overflow:hidden; float:left; margin-bottom:20px; height:80px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-MainList li:nth-child(3n+1) { padding-right:10px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-MainList li:nth-child(3n+2) { padding:0 5px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-MainList li:nth-child(3n+3) { padding-left:10px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-MainList li a { width:100%; height:auto; overflow:hidden; display:block; text-align:center; font-size:30px; padding:15px; color:#fff; float:left; margin:0;
		   /*圓角*/
		  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		  .MonthLanding .MonthLandingContent .MonthLanding-MainList li.Gray span{ display:block; padding:10px; text-align:center; font-size:20px; color:#222; background:#ddd; border:3px solid #ccc;
		  /*圓角*/
		  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		  .MonthLanding #MD01 .MonthLanding-MainList li a { border:3px solid #fac03d; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_01-2.jpg) repeat;}
		  .MonthLanding #MD02 .MonthLanding-MainList li a { border:3px solid #ef857d; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_02-2.jpg) repeat; position:relative;}
		   .MonthLanding #MD02 .MonthLanding-MainList li.Birth a:before { content:''; display:block; width:50px; height:70px; overflow:hidden; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_02-2_icon.png) 0 0 no-repeat; position:absolute; top:0; left:50%; margin-left:-100px;}
		  .MonthLanding #MD03 .MonthLanding-MainList li a { border:3px solid #8ec43e; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_03-2.jpg) repeat;
position:relative;}
		  .MonthLanding #MD03 .MonthLanding-MainList li.Birth a:before { content:''; display:block; width:50px; height:70px; overflow:hidden; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_02-2_icon.png) 0 0 no-repeat; position:absolute; top:0; left:50%; margin-left:-100px;}
		  .MonthLanding .MonthLandingContent .DownloadPdf { display:block; width:100%; height:auto; overflow:hidden; background:#eb5d66; color:#fff; font-size:26px; text-align:center; padding:10px; position:relative;
		  /*圓角*/
		  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
		  .MonthLanding .MonthLandingContent .DownloadPdf:before { content:''; display:block; position:absolute; width:40px; height:40px; background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Icon-download.png) 0 0 no-repeat; right:50%; margin-right:-200px; top:50%; margin-top:-20px;}
		  
		  
		  
		  /*---20180321月齡首頁樣式修改 By Karen START---*/
		  /*月齡首頁-Tab*/
		  .MonthLanding .MonthLanding_Tab-Content .tabs { height:auto; border-bottom:5px solid rgba(232,56,61,1);}
		  .MonthLanding .MonthLanding_Tab-Content .tabs li a { font-size:27px; padding:20px 30px; border:3px solid rgba(232,56,61,1); border-bottom:none; color:rgba(232,56,61,1);
		  line-height:1em; font-weight:bold;}
		  .MonthLanding .MonthLanding_Tab-Content .tabs li a:hover { border:3px solid rgba(232,56,61,1); border-bottom:none;}
		  .MonthLanding .MonthLanding_Tab-Content .tabs li.active a { border:3px solid rgba(232,56,61,1); border-bottom:none; color:#fff;}
		  /*月齡首頁-共用*/
		  .MonthLanding .MonthLandingContent h3.Title_Pink { margin:0 auto 25px auto; color:#fff; text-align:center; background:#ff8ea6; font-size:30px; padding:5px; 
		  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
		  /*月齡首頁-Tab2新手爸媽必看*/
		  .MonthLanding .MonthLandingContent .Tab2_Development .tabs02 { width:100%; height:auto; overflow:hidden;}
		  .MonthLanding .MonthLandingContent .Tab2_Development .tabs02 li { width:10%; height:auto; overflow:hidden; float:left; border:1px solid #fff;}
		  .MonthLanding .MonthLandingContent .Tab2_Development .tabs02 li a { width:100%; height:auto; overflow:hidden; display:block; font-size:15px; color:#444;
		  text-align:center; padding:5px 0; background:#ffd584;}
		  .MonthLanding .MonthLandingContent .Tab2_Development .tabs02 li.active a { background:#ffb320; color:#fff;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tabs02 li a span { display:inline-block;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li { width:100%; height:auto; overflow:hidden; padding:20px 0;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li h4 { width:100%; max-width:450px; margin:0 auto 20px auto; padding-bottom:5px; font-size:32px; 
		  text-align:center; border-bottom:10px solid #ffd584;}
		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li h4 span { font-size:16px;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table { width:100%; border:5px #b6e5fd solid; border-radius:10px;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td { border-top:1px solid #ddd; padding:20px;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(1) td { border:none;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(1) { width:30%; vertical-align:middle; text-align:center; color:#666;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(odd) td:nth-child(1) { background:#d2faac;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(even) td:nth-child(1) { background:#b5f4f8;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(odd) td:nth-child(2) { background:#e8fdd4;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(even) td:nth-child(2) { background:#e2fdff;}
  		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(1) span { display:inline-block;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(2) ul { width:100%; height:auto; overflow:hidden; display:block;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(2) ul li { width:100%; height:auto; overflow:hidden; display:block;
		  font-size:16px; position:relative; padding-left:1em; margin-top:5px; text-align:left; color:#666;}
   		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(2) ul li:nth-child(1) { margin-top:0;}
   		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(2) ul li:before { width:7px; height:7px; background:#F66; display:block;
		  content:''; position:absolute; left:0; top:7px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
   		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(2) ul li.Notice { color:#F69; color:#444;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(1) td:nth-child(2) ul,
		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(5) td:nth-child(2) ul { width:60%; float:left;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(1) td:nth-child(2) .Img,
		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(5) td:nth-child(2) .Img { width:39%; float:right;}
 		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(1) td:nth-child(2) .Img img,
		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(5) td:nth-child(2) .Img img { max-height:250px;}   
		  .MonthLanding .MonthLandingContent p.Tab2_DevelopmentNotice { font-size:14px;} 
		  /*月齡首頁-Tab3專家推薦*/
		  .MonthLanding .MonthLandingContent .Tab3_TitleImg { margin:0 auto 25px auto;}
		  .MonthLanding .MonthLandingContent .Tab3_TitleImg img:nth-child(2) { display:none;}
		  .MonthLanding .MonthLandingContent .Tab3_List .tabs02 { width:100%; height:auto; overflow:hidden; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;
		  border-radius:10px 10px 0 0;}		  
		  .MonthLanding .MonthLandingContent .Tab3_List .tabs02 li { width:33.3333%; height:auto; overflow:hidden; float:left;}
		  .MonthLanding .MonthLandingContent .Tab3_List .tabs02 li:nth-child(2) { border-left:2px solid #fff; border-right:2px solid #fff;}
		  .MonthLanding .MonthLandingContent .Tab3_List .tabs02 li a { width:100%; height:auto; overflow:hidden; display:block; font-size:18px; color:#444;
		  text-align:center; padding:10px 0; background:#ffd584;}
		  .MonthLanding .MonthLandingContent .Tab3_List .tabs02 li.active a { background:#ffb320; color:#fff;}
 		  .MonthLanding .MonthLandingContent .Tab3_List .tab_container { padding-top:0;}
 		  .MonthLanding .MonthLandingContent .Tab3_List .tab_content { border:2px solid #ffd584; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px;
		  border-radius:0 0 10px 10px;}
 		  .MonthLanding .MonthLandingContent .Tab3_List .tab_content>li { width:100%; height:auto; overflow:hidden; padding:20px;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li { width:32%; height:auto; overflow:hidden; float:left; margin:0 auto 15px 2%; padding:5px;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li:nth-child(3n+1) { margin:0 auto 15px auto; clear:both;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a { width:100%; height:auto; overflow:hidden; display:block; padding:10px; position:relative; 
		  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0px 0px 5px #d8c2ad; -webkit-box-shadow:0px 0px 5px #d8c2ad; 
		  -moz-box-shadow:0px 0px 5px #d8c2ad; background: url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Bg_01-2.jpg) repeat;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a:after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;
		  background:rgba(255,255,255,1); transition:all .2s;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover:after { background:rgba(255,255,255,0);}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a>span { position:relative; z-index:1; margin:0 auto; display:block;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a span.VideoTitle { display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a span.VideoTitle span { font-size:16px; color:#00a5e3; text-align:left; white-space:nowrap; text-overflow:ellipsis;
		  -o-text-overflow:ellipsis; overflow:hidden;}
          .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover span.VideoTitle span { color:#fff;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a span.VideoAuthor { font-size:14px; float:left;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a span.VideoDate { font-size:14px; float:right;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover span { color:#fff;}
   		  .MonthLanding .MonthLandingContent .Tab3_VideoList li a img { margin:10px auto; position:relative; z-index:1;}
		  /*---20180321月齡首頁樣式修改 By Karen END---*/
		  
		  
		  
		  @media only screen and (min-width:0px) and (max-width:1200px){
			  .MonthLanding .MonthLandingContent .MonthLanding-Main { padding-left:250px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainPhoto { width:250px;}
			  .MonthLanding #MD02 .MonthLanding-Main .MonthLanding-MainPhoto { background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Img_02.jpg) top right no-repeat;
			  /*background-size*/
			  -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
			  .MonthLanding #MD03 .MonthLanding-Main .MonthLanding-MainPhoto { background:url(/Content/Images/Magazine-Month/MonthLanding/MonthLanding-Img_03.jpg) top right no-repeat;
			  /*background-size*/
			  -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li.Gray span { font-size:18px; padding:13px 10px;}
			  
			  /*---20180321月齡首頁樣式修改 By Karen---*/
		      /*月齡首頁-Tab2新手爸媽必看*/
      		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td { padding:10px;}
    		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(1)  { font-size:16px;}
    		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(1) span { display:inline;}
			  /*月齡首頁-Tab3專家推薦*/
			  .MonthLanding .MonthLandingContent .Tab3_List .tab_content>li { padding:10px;}
			  }
		  @media only screen and (min-width:0px) and (max-width:1080px){
		      /*---20180321月齡首頁樣式修改 By Karen---*/
	    	  /*月齡首頁-Tab*/
			  .MonthLanding .MonthLanding_Tab-Content .tabs li { padding:0 0 0 5px;}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li:nth-child(1) { padding:0;}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li a { font-size:24px; padding:15px 20px;}
			  /*月齡首頁-Tab3專家推薦*/
     		  .MonthLanding .MonthLandingContent .Tab3_VideoList li { width:49%;} 
    		  .MonthLanding .MonthLandingContent .Tab3_VideoList li:nth-child(3n+1) { margin:0 auto 15px 2%; clear:none;}
    		  .MonthLanding .MonthLandingContent .Tab3_VideoList li:nth-child(odd) { margin:0 auto 15px auto; clear:both;}
              }
		  @media only screen and (min-width:0px) and (max-width:1024px){
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li.Gray span br { display:none;}
			  
		      /*---20180321月齡首頁樣式修改 By Karen---*/
		      /*月齡首頁-Tab2新手爸媽必看*/
              .MonthLanding .MonthLandingContent .Tab2_Development .tabs02 li { width:20%;}		
    		  /*月齡首頁-Tab3專家推薦*/
   	    	  .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover:after { background:rgba(255,255,255,1);}
              .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover span.VideoTitle span { color:#00a5e3;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover span { color:#444;}
			  }
		  @media only screen and (min-width:0px) and (max-width:900px){
			  .MonthLanding .MonthLandingContent .MonthLanding-Main { padding-left:200px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainPhoto { width:200px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainContent { padding:10px;}
			  }
		  @media only screen and (min-width:0px) and (max-width:840px){
		      /*---20180321月齡首頁樣式修改 By Karen---*/
	    	  /*月齡首頁-Tab*/
			  .MonthLanding .MonthLanding_Tab-Content .tabs li { padding:0 0 0 5px;}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li:nth-child(1) { padding:0;}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li a { font-size:20px; padding:15px;}
              }
		  @media only screen and (min-width:0px) and (max-width:768px){
			  .MonthLanding .MonthLandingContent .MonthLanding-Title img { max-height:50px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Title img.MonthLanding-Title-main { margin:5px; margin-left:0;}
			  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLandingContentVideoContent iframe { height:400px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainContent { padding:15px;}
			  
		      /*---20180321月齡首頁樣式修改 By Karen---*/
	    	  /*月齡首頁-Tab*/
			  .MonthLanding .MonthLanding_Tab-Content .tabs { border:0;}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li { margin-bottom:10px; padding:0; float:none; width:100%;}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li a { font-size:18px; padding:10px; border:2px solid rgba(232,56,61,1);}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li.active a { border:2px solid rgba(232,56,61,1);}
			  .MonthLanding .MonthLanding_Tab-Content .tabs li a:hover {  border:2px solid rgba(232,56,61,1);}
		      /*月齡首頁-共用*/
		      .MonthLanding .MonthLandingContent h3.Title_Pink { font-size:24px;}
			  /*月齡首頁-Tab3專家推薦*/
			  .MonthLanding .MonthLandingContent .Tab3_List .tabs02 li a { font-size:16px;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a { background:none;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a:after { display:none;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover p.VideoTitle span { color:#00a5e3;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a:hover p.F-c-d span { color:#444;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a .VideoAuthor { font-size:14px;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a .VideoDate { font-size:14px;}
			  }
		@media only screen and (min-width:0px) and (max-width:640px){
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList { margin-bottom:10px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li { height:auto; margin-bottom:10px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li:nth-child(3n+1) { padding-right:5px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li:nth-child(3n+2) { padding:0 2.5px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li:nth-child(3n+3) { padding-left:5px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li a { padding:10px;}
			  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLandingContentVideoContent iframe { height:300px;}
			  .MonthLanding .MonthLandingContent .MonthLandingNav li a { padding:10px 5px;}
			  .MonthLanding #MD02 .MonthLanding-MainList li.Birth a:before { margin-left:-90px;}
			  .MonthLanding #MD03 .MonthLanding-MainList li.Birth a:before { margin-left:-90px;}
			  }
		@media only screen and (min-width:0px) and (max-width:600px){
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li.Gray { width:100%; margin:0; margin-bottom:10px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li.Gray span { padding:10px;}
			  }
		@media only screen and (min-width:0px) and (max-width:512px){
			  .MonthLanding .MonthLandingContent p { font-size:20px;}
			  .MonthLanding .MonthLandingContent p small.Notice { font-size:14px; text-align:left;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainContent p { font-size:24px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li a { font-size:24px; padding:10px;}
			  .MonthLanding .MonthLandingContent .DownloadPdf { font-size:20px; text-align:left; line-height:40px;}
			  .MonthLanding .MonthLandingContent .DownloadPdf:before { position:static; top:auto; right:auto; margin:0; float:right;}
			  .MonthLanding .MonthLandingContent .MonthLanding-MainList li.Gray span { font-size:18px;}
			  .MonthLanding #MD01 .MonthLanding-Title,
			  .MonthLanding #MD02 .MonthLanding-Title,
			  .MonthLanding #MD03 .MonthLanding-Title { position:relative; padding-left:100px; height:100px;}
			  .MonthLanding #MD01 .MonthLanding-Title > img:first-child,
			  .MonthLanding #MD02 .MonthLanding-Title > img:first-child,
			  .MonthLanding #MD03 .MonthLanding-Title > img:first-child { position:absolute; top:0; left:0; max-height:100px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Title img.MonthLanding-Title-main { margin:5px 10px; margin-right:20px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Title img { margin-right:0;}
			  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLandingContentVideoContent iframe { height:250px;}
			  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLandingContentVideoContent { padding:15px;}
			  .MonthLanding .MonthLandingContent .MonthLandingNav li a { padding:5px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main { padding-left:150px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main { padding:0;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainPhoto { position:static; width:100%;}
			  .MonthLanding #MD01 .MonthLanding-Main .MonthLanding-MainPhoto,
			  .MonthLanding #MD02 .MonthLanding-Main .MonthLanding-MainPhoto,
		      .MonthLanding #MD03 .MonthLanding-Main .MonthLanding-MainPhoto { background:none;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Main .MonthLanding-MainPhoto img.MB { display:block; width:100%;}
			  .MonthLanding #MD02 .MonthLanding-MainList li.Birth a:before { margin-left:-75px;}
			  .MonthLanding #MD03 .MonthLanding-MainList li.Birth a:before { margin-left:-75px;}
			  
		      /*---20180321月齡首頁樣式修改 By Karen---*/
		      /*月齡首頁-Tab2新手爸媽必看*/
	  	      .MonthLanding .MonthLandingContent .Tab2_Development .tabs02 li a { font-size:14px;}
      		  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table,
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li tbody,
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li tr,
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li td { display:block; overflow:hidden;}
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td { padding:15px 10px;}
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(1) { width:100%;}
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(2) { min-height:100px;}
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr td:nth-child(1) span { display:inline-block;}
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(1) td:nth-child(2) ul,
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(5) td:nth-child(2) ul { width:70%;}
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(1) td:nth-child(2) .Img,
			  .MonthLanding .MonthLandingContent .Tab2_Development .tab_content>li table tr:nth-child(5) td:nth-child(2) .Img { width:28%;}
		      /*月齡首頁-Tab3專家推薦*/
		      .MonthLanding .MonthLandingContent .Tab3_TitleImg img:nth-child(1) { display: none;}
		      .MonthLanding .MonthLandingContent .Tab3_TitleImg img:nth-child(2) { display: block;}
			  .MonthLanding .MonthLandingContent .Tab3_List .tabs02 li a { font-size:14px;}
     		  .MonthLanding .MonthLandingContent .Tab3_VideoList li { width:100%; margin:0 auto 15px auto;} 
    		  .MonthLanding .MonthLandingContent .Tab3_VideoList li:nth-child(3n+1) { margin:0 auto 15px auto;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a .VideoAuthor { font-size:15px;}
   		      .MonthLanding .MonthLandingContent .Tab3_VideoList li a .VideoDate { font-size:15px;}	  
		   	  }
		@media only screen and (min-width:0px) and (max-width:420px){
			  .MonthLanding .MonthLandingContent .MonthLanding-Title img { max-height:40px;}
			  .MonthLanding #MD01 .MonthLanding-Title, .MonthLanding #MD02 .MonthLanding-Title, .MonthLanding #MD03 .MonthLanding-Title { padding-left:80px; height:80px;}
			  .MonthLanding #MD01 .MonthLanding-Title > img:first-child, .MonthLanding #MD02 .MonthLanding-Title > img:first-child, .MonthLanding #MD03 .MonthLanding-Title > img:first-child { max-height:80px;}
			  .MonthLanding .MonthLandingContent .MonthLanding-Title img.MonthLanding-Title-main { margin:0;}
			  .MonthLanding .MonthLandingContent .MonthLandingContentVideo .MonthLandingContentVideoContent iframe { height:200px;}
			  .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(1) a,
		      .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(2) a,
		      .MonthLanding .MonthLandingContent .MonthLandingNav li:nth-child(3) a { border:0; padding:10px 5px;}
		      .MonthLanding .MonthLandingContent .MonthLanding-MainList li a { font-size:20px;}
		      .MonthLanding .MonthLandingContent .MonthLanding-MainList li.Gray span { font-size:14px; border:0;}
		      .MonthLanding #MD02 .MonthLanding-MainList li.Birth a:before { display:none;}
		      .MonthLanding #MD03 .MonthLanding-MainList li.Birth a:before { display:none;}
			  }
/*=========================月齡版教材特色Landing END=========================*/











/*=========================月齡版教材特色頁面 START=========================*/


/*--回列表按鈕--*/
.Magazine_Month_Detail_BackToList { display:block; width:100%; max-width:200px; height:40px; overflow:hidden; background:#eb5d66; color:#fff; font-size:20px; text-align:center; padding:10px; line-height:20px; margin:0 auto;/*圓角*/-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


/*--前後月齡按鈕--*/
.Magazine_Month_Detail_Button_Prev,.Magazine_Month_Detail_Button_Next { display:block; width:100%; max-width:120px; height:40px; overflow:hidden; background:#eb5d66; color:#fff; font-size:20px; text-align:center; padding:10px; line-height:20px; margin:0 auto; /*圓角*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.Magazine_Month_Detail_Button_Prev { float:left;}
.Magazine_Month_Detail_Button_Next { float:right;}


/*--框架 共用--*/
.Magazine_Month_Detail { width:100%; height:auto; overflow:hidden;}
.Magazine_Month_Detail * { margin:0; padding:0; list-style:none;}
  
  
  
/*--月齡內容簡述 共用--*/
.Magazine_Month_Detail_Banner { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Magazine_Month_Detail_Banner .MobileBanner { display:none;}



/*--月齡內容重點 共用--*/
.Magazine_Month_Detail_Point { width:100%; height:auto; overflow:hidden; text-align:center; margin:30px auto 15px auto;}
.Magazine_Month_Detail_Point li { display:inline-block; padding:7.5px 5px 7.5px 45px; color:#fff; position:relative; margin:0 2.5px 15px 2.5px; font-size:20px; font-weight:bold;
-webkit-border-radius: 15px;  -moz-border-radius: 15px;    border-radius: 15px; }
.Magazine_Month_Detail_Point li:before { content:''; display:block; width:30px; height:30px; background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Check.png) center no-repeat;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain; position:absolute; left:10px; top:5px;}

/*--月齡內容重點 各別設定--*/
/*07-11月齡*/
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Point li:nth-child(1) { background:#ff216f; border:4px solid #ff82ae;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Point li:nth-child(2) { background:#00aa2c; border:4px solid #7de397;}

/*12-23月齡*/
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Point li:nth-child(1) { background:#00aa2c; border:4px solid #7de397;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Point li:nth-child(2) { background:#a555ff; border:4px solid #bb76fd;}

/*24-29月齡*/
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Point li:nth-child(1) { background:#00abba; border:4px solid #72dce0;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Point li:nth-child(2) { background:#ff9600; border:4px solid #ffc879;}


/*--月齡構成物列表 共用--*/
.Magazine_Month_Detail_List { width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.Magazine_Month_Detail_List:after { content:''; width:100%; height:15px; display:block; position:absolute; left:0; top:50%; margin-top:-22.5px; z-index:-1;}
.Magazine_Month_Detail_List li { height:auto; overflow:hidden; float:left; position:relative;}
.Magazine_Month_Detail_List li:nth-child(1) { margin-left:0;}
.Magazine_Month_Detail_List li .Text { width:100%; height:auto; display:block; color:#fff; text-align:center; padding:5px; border-left:1px solid #fff; border-right:1px solid #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; z-index:1; position:relative; line-height:20px; }
.Magazine_Month_Detail_List li .Text a { width:100%; height:auto; display:block; color:#fff;}
.Magazine_Month_Detail_List li .Text p { width:100%; height:auto; display:block;}
.Magazine_Month_Detail_List li .Text img { width:100%; height:auto; display:block; margin:5px auto; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.Magazine_Month_Detail_List li .Text p span.Number  { margin-left:2px; font-size:18px; }
.Magazine_Month_Detail_List li a.Arrow { width:60px; height:60px; display:block; margin:-30px auto 0 auto;  position:relative; z-index:0;  -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.Magazine_Month_Detail_List li a.Arrow:before { content:''; display:block; position:absolute; left:50%; margin-left:-15px; bottom:10px; 	
width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #ffffff transparent transparent transparent;}

/*--月齡構成物列表 各別設定--*/
/*4項*/
.Magazine_Month_Detail_List4 li { width:23.875%; margin-left:1.5%;}
.Magazine_Month_Detail_List4 li .Text p { font-size:16px; letter-spacing:-0.05em;}

/*5項*/
.Magazine_Month_Detail_List5 li { width:19.6%; margin-left:0.5%;}
.Magazine_Month_Detail_List5 li .Text p { font-size:14px; letter-spacing:-0.05em;}

/*6項*/
.Magazine_Month_Detail_List6 li { width:16.6666%;}
.Magazine_Month_Detail_List6 li .Text p { font-size:12px; letter-spacing:-0.05em;}

/*7項*/
.Magazine_Month_Detail_List7 li { width:14.285%;}
.Magazine_Month_Detail_List7 li .Text p { font-size:12px; letter-spacing:-0.05em; font-weight:bold;}

/*07-11月齡*/
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_List:after { background:#ffc05e;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_List li .Text { background:#ff9523;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_List li:nth-child(even) .Text { background:#ffad2c;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_List li a.Arrow { background:#ffc05e;}

/*12-23月齡*/
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_List:after { background:#f4665b;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_List li .Text { background:#e13600;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_List li:nth-child(even) .Text { background:#f4665b;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_List li a.Arrow { background:#fcaf90;}

/*24-29月齡*/
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_List:after { background:#e4eeb7;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_List li .Text { background:#6fba2c;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_List li:nth-child(even) .Text { background:#8cc856;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_List li a.Arrow { background:#e4eeb7;}


/*--月齡內容 共用--*/
.Magazine_Month_Detail_Content { width:100%; height:auto; overflow:hidden; padding:50px 0 0 0 ; margin:0 auto;}
.Magazine_Month_Detail_Content_Title { width:100%; height:auto; overflow:hidden; margin:0 auto 25px auto; border-bottom:3px solid;}
.Magazine_Month_Detail_Content_Title p { display:inline-block; color:#fff; position:relative; line-height:50px; padding:0 20px 0 55px;
-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.Magazine_Month_Detail_Content_Title p:before { content:''; display:block; width:35px; height:35px; position:absolute; left:10px; top:8px;}
.Magazine_Month_Detail_Content_Title p span { margin-left:5px; display:inline-block;}
.Magazine_Month_Detail_Content_Title p span.Number { font-size:28px;}
.Magazine_Month_Detail_Content_Text { width:100%; height:auto; overflow:hidden; padding:0 10px;}

/*月齡內容Type01 三張圖+簡述*/
.Magazine_Month_Detail_Content_Type01 { width:100%; height:auto; overflow:hidden;}
.Magazine_Month_Detail_Content_Type01 ul li { width:32%; height:auto; overflow:hidden; float:left; margin:0 0 0 2%;}
.Magazine_Month_Detail_Content_Type01 ul li:nth-child(1) { margin:0;}
.Magazine_Month_Detail_Content_Type01 ul li img { width: 100%;  height: auto; display: block; margin:0 auto 10px auto; border:3px solid;
-webkit-border-radius: 10px; -moz-border-radius: 10px;    border-radius: 10px;}
.Magazine_Month_Detail_Content_Type01 ul li p { text-align: justify;text-justify: ideographic;}
.Magazine_Month_Detail_Content_Type01 ul li p span.TextNotice { color:#f54000;}

/*月齡內容Type01-2 兩張圖+簡述*/
.Magazine_Month_Detail_Content_Type01-2 { width:100%; height:auto; overflow:hidden;}
.Magazine_Month_Detail_Content_Type01-2 ul li { width:49%; height:auto; overflow:hidden; float:left; margin:0 0 0 2%;}
.Magazine_Month_Detail_Content_Type01-2 ul li:nth-child(1) { margin:0;}
.Magazine_Month_Detail_Content_Type01-2 ul li img { width: 100%;  height: auto; display: block; margin:0 auto 10px auto; border:3px solid;
-webkit-border-radius: 10px; -moz-border-radius: 10px;    border-radius: 10px;}
.Magazine_Month_Detail_Content_Type01-2 ul li p { text-align: justify;text-justify: ideographic;}
.Magazine_Month_Detail_Content_Type01-2 ul li p span.TextNotice { color:#f54000;}

/*月齡內容Type02 Youtube/音訊嵌入+簡述*/
.Magazine_Month_Detail_Content_Type02 { width:100%; height:auto; overflow:hidden;}
.Magazine_Month_Detail_Content_Type02 p { text-align:justify; text-justify:ideographic;}
.Magazine_Month_Detail_Content_Type02 iframe { max-width:100%; display:block; margin:25px auto 0 auto;}
.Magazine_Month_Detail_Content_Type02 .Audio { width:100%; max-width:350px; margin:25px auto 0 auto; display:block; padding-bottom:10px;} 
.Magazine_Month_Detail_Content_Type02 .Audio audio { width:100%; max-height:40px; display:block;
-moz-box-shadow:0 0 10px rgba(0,0,0,.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1); transition:all .2s;}
.Magazine_Month_Detail_Content_Type02 .Audio:hover audio { -moz-box-shadow:0 0 10px rgba(0,0,0,.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); box-shadow:0 0 10px rgba(0,0,0,.2);}

/*月齡內容Type03 單張圖+簡述*/
.Magazine_Month_Detail_Content_Type03 { width:100%; height:auto; overflow:hidden;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Title { border-bottom:none; margin:0 auto;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text { padding:15px 10px; -webkit-border-radius: 0 10px 10px;-moz-border-radius: 0 10px 10px;border-radius: 0 10px 10px; border:3px solid; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content: center;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text img {border:3px solid;-webkit-border-radius: 10px; -moz-border-radius: 10px;    border-radius: 10px;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p { display:block;  text-align: justify;text-justify: ideographic; padding-left:20px; font-weight:bold;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text a.SpecialLink { width:135px; height:50px; line-height:44px; text-align:center;display:block; color:#fff; background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Title.png),#ffba00; border:3px solid #fff; margin-top:10px;
-webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px;}

/*月齡內容Type04 CD+Youtube嵌入+簡述*/
.Magazine_Month_Detail_Content_Type04 { width:100%; height:auto; overflow:hidden;}
.Magazine_Month_Detail_Content_Type04 p {  text-align: justify;text-justify: ideographic;}
.Magazine_Month_Detail_Content_Type04 .CD { width:100%; height:auto; overflow:hidden; margin:25px auto;
 display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content: center;}
.Magazine_Month_Detail_Content_Type04 .CD Img { margin-right:40px;}
.Magazine_Month_Detail_Content_Type04 .CD iframe { max-width:100%; }

/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 { width:100%; height:auto; overflow:hidden;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Title { border-bottom:none; margin:0 auto;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text { padding:15px 10px; -webkit-border-radius: 0 10px 10px;-moz-border-radius: 0 10px 10px;border-radius: 0 10px 10px; border:3px solid;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text { display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content: center;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text img { border:3px solid;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text p { display:block;text-align:justify;text-justify:ideographic;padding-left:20px;font-weight:bold;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT { width:100%; height:auto; overflow: hidden; background:#fff; padding:5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;border:3px solid; margin-top:15px;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT iframe { max-width:100%; display:block; margin:15px auto;}




/*--月齡內容 各別設定--*/
/*07-11月齡*/
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Title {  border-bottom-color:#f69600;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Title p { background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Title.png) repeat,#f69600;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Title1 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_1-1.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Title2 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_2-1.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Title3 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_3-1.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Title4 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_4-1.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_TitleStar p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_Star-1.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text { border-color:#f69600;
background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Content.png),#FCE9BF;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Type01 ul li img { border-color:#ffe4a7;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Type01-2 ul li img { border-color:#ffe4a7;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text img  { border-color:#ffe4a7;}
.Magazine_Month_Detail07-11 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p { color:#f39800;}

/*12-23月齡*/
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title { border-bottom-color:#e23c00;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title p { background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Title.png) repeat,#e23c00;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title1 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_1-2.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title2 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_2-2.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title3 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_3-2.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title4 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_4-2.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title5 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_5-2.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Title6 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_6-2.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_TitleStar p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_Star-2.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text { border-color:#e04000;
background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Content.png),#F6C7CD;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text { border-color:#e04000;
background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Content.png),#F6C7CD;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type01 ul li img { border-color:#ff9497;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type01-2 ul li img { border-color:#ff9497;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text img  { border-color:#ff9497;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p { color:#eb6153;} 
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text img  { border-color:#ff9497;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text p { color:#eb6153;} 
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT { border-color:#ff9497;}


/*24-29月齡*/
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title { border-bottom-color:#6fba2c;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title p { background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Title.png) repeat,#6fba2c;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title1 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_1-3.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title2 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_2-3.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title3 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_3-3.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title4 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_4-3.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title5 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_5-3.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Title6 p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_6-3.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_TitleStar p:before { background:url(/Content/Images/Magazine-Month/Img_Magazine-Month_Detail_Number_Star-3.png) center no-repeat; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text { border-color:#6fba2c;
background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Content.png),#d8e698;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text { border-color:#6fba2c;
background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Content.png),#d8e698;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type01 ul li img { border-color:#8cc856;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type01-2 ul li img { border-color:#8cc856;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text img  { border-color:#8cc856;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p { color:#6fba2c;} 
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text img  { border-color:#ff9497;}
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text p { color:#6fba2c;} 
.Magazine_Month_Detail24-29 .Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT { border-color:#ff9497;}


/*13月齡內容-特別繪本我會大聲說有-標題圖片(巧虎陪伴寶寶培養生活好習慣)設定*/
.Magazine_Month_Detail_Content_Title_Img_13-1_Desktop { margin-left:10px;}
.Magazine_Month_Detail_Content_Title_Img_13-1_Mobile { display:none;}

/*20月齡內容-育兒誌 如廁特輯-QRCode區塊設定*/
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode { overflow:hidden; position:relative; color:#fff; padding:10px 30px;margin-top:10px; border:3px solid #fff; background:url(/Content/Images/Magazine-Month/Bg_Magazine-Month_Detail_Title.png),#ffba00; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Img { display:block; overflow:hidden; -webkit-flex:none; flex:none;width:100px;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Img img { display:block; border:none; margin:0 auto;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Img { font-size:14px; text-align:center; color:#000;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text { font-size:18px; position:relative; padding-left:2em; display:block; overflow:hidden; line-height:24px;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text i { position:absolute; left:1em; top:0; line-height:24px;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text span { display:inline-block;}

/*------月齡版教材特色頁面 媒體查詢設定 START------*/

@media only screen and (min-width:0px) and (max-width:1280px){

/*--月齡構成物列表 共用--*/
.Magazine_Month_Detail_List .Text .Text_Title { width:100%; min-height:2.4em; overflow:hidden;display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content: center;}
.Magazine_Month_Detail_List .Text .Text_Title p { line-height:1.2em;}
.Magazine_Month_Detail_List .Text .Text_Name { width:100%; min-height:2.4em; overflow:hidden;display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content: center;}
.Magazine_Month_Detail_List .Text .Text_Name p { line-height:1.2em;}
.Magazine_Month_Detail_List li a.Text img { margin:2px auto;}
.Magazine_Month_Detail_List4 li { width:24.625%; margin-left:0.5%;}

/*--月齡內容 各別設定--*/
/*20月齡內容-育兒誌 如廁特輯-QRCode區塊設定*/
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode { padding:10px;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text span { display:inline;}

}
@media only screen and (min-width:0px) and (max-width:1080px){

/*--月齡內容 各別設定--*/
/*20月齡內容-育兒誌 如廁特輯-QRCode區塊設定*/
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode { display:block;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Img { margin:0 auto 10px auto;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text { padding-left:1em;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text i { left:0;}

}
@media only screen and (min-width:0px) and (max-width:1024px){

/*--月齡內容 各別設定--*/
/*月齡內容Type03 單張圖+簡述*/
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text img { width:300px;}

/*月齡內容Type04 CD+Youtube嵌入+簡述*/
.Magazine_Month_Detail_Content_Type04 .CD Img { max-width:200px; margin-right:20px;}

/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text img { width:300px;}

}
@media only screen and (min-width:0px) and (max-width:960px){

/*--月齡內容 各別設定--*/
/*13月齡內容-特別繪本我會大聲說有-標題圖片(巧虎陪伴寶寶培養生活好習慣)設定*/
.Magazine_Month_Detail_Content_Title_Img_13-1_Desktop { margin-left:5px; max-width:240px;}

}
@media only screen and (min-width:0px) and (max-width:900px){

/*--月齡內容 共用--*/
.Magazine_Month_Detail_Content { padding:80px 0 0 0 ;}

/*--月齡內容 各別設定--*/
/*月齡內容Type03 單張圖+簡述*/
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text img { width:250px;}

/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text img { width:250px;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT iframe { margin:0 auto;}


/*--回列表按鈕--*/
.Magazine_Month_Detail_BackToList { display:block; width:50px; height:50px; font-size:12px; line-height:15px; margin:0 auto; position:fixed; right:10px; bottom:70px; z-index:100; background:rgba(232,56,61,.8); padding:10px 5px; /*圓角*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.Magazine_Month_Detail_BackToList span { display:none;}

}
@media only screen and (min-width:0px) and (max-width:840px){

/*--月齡內容 共用--*/
.Magazine_Month_Detail_Content_Title p { font-size:20px;}
.Magazine_Month_Detail_Content_Title p span.Number { font-size:20px;}

}
@media only screen and (min-width:0px) and (max-width:768px){

/*--月齡內容 各別設定--*/
/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT iframe { margin:25px auto;}

/*13月齡內容-特別繪本我會大聲說有-標題圖片(巧虎陪伴寶寶培養生活好習慣)設定*/
.Magazine_Month_Detail_Content_Title_Img_13-1_Desktop { max-width:260px;}

/*20月齡內容-育兒誌 如廁特輯-QRCode區塊設定*/
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode { display:-webkit-flex; display:flex;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Img { margin:0;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text { padding-left:2em;}
.Magazine_Month_Detail12-23 .Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p .QrCode .Text i { left:1em;}

}
@media only screen and (min-width:0px) and (max-width:680px){

/*--月齡內容 各別設定--*/
/*月齡內容Type01 三張圖+簡述*/
.Magazine_Month_Detail_Content_Type01 .Magazine_Month_Detail_Content_Text { max-width:370px; margin:0 auto;}
.Magazine_Month_Detail_Content_Type01 ul li { width:100%; margin:0 auto 20px auto;}
.Magazine_Month_Detail_Content_Type01 ul li:nth-child(1) { margin:0 auto 20px auto;}

/*月齡內容Type01-2 兩張圖+簡述*/
.Magazine_Month_Detail_Content_Type01-2 .Magazine_Month_Detail_Content_Text { max-width:370px; margin:0 auto;}
.Magazine_Month_Detail_Content_Type01-2 ul li { width:100%; margin:0 auto 20px auto;}
.Magazine_Month_Detail_Content_Type01-2 ul li:nth-child(1) { margin:0 auto 20px auto;}

/*月齡內容Type03 單張圖+簡述*/
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text { display:block;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text img { width:350px; display:block; margin:0 auto 10px auto;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p { padding-left:0;}
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text a.SpecialLink { margin:10px auto 0 auto;}

/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text { display:block;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text img { width:350px; display:block; margin:0 auto 10px auto;}
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text p { padding-left:0;}

}
@media only screen and (min-width:0px) and (max-width:660px){

/*--月齡內容 各別設定--*/
/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT iframe { margin:0 auto;}

}
@media only screen and (min-width:0px) and (max-width:640px){
	
/*--月齡內容簡述 共用--*/
.Magazine_Month_Detail_Banner .DesktopBanner { display:none;}
.Magazine_Month_Detail_Banner .MobileBanner { display:block;}



/*--月齡內容重點 共用--*/
.Magazine_Month_Detail_Point li { width:100%; height:auto; overflow:hidden; display:block; margin:0 0 15px 0; font-size:16px; text-align:left; padding-left:35px;}
.Magazine_Month_Detail_Point li:before { display:block; width:20px; height:20px;  top:9px;}



/*--月齡構成物列表 共用--*/
.Magazine_Month_Detail_List:after { display:none;}
.Magazine_Month_Detail_List li { padding-right:20px;}
.Magazine_Month_Detail_List li .Text { padding: 10px; border:none; }
.Magazine_Month_Detail_List li .Text .Text_Title { min-height:inherit; font-size:18px;}
.Magazine_Month_Detail_List li .Text .Text_Name{ min-height:inherit;  margin-top:5px;}
.Magazine_Month_Detail_List li .Text .Text_Name p.TextNull { display:none;}
.Magazine_Month_Detail_List li .Text img { display:none;}
.Magazine_Month_Detail_List li a.Arrow { width:40px; height:40px; display:block; margin:0; position:absolute; right:0; top:50%; margin-top:-20px;}
.Magazine_Month_Detail_List li a.Arrow:before { left:auto; margin:0; bottom:auto; top:12.5px; right:6px;
width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 10px;border-color: transparent transparent transparent #ffffff;}

/*--月齡構成物列表 各別設定--*/
/*4項*/
.Magazine_Month_Detail_List4 li { width:100%; margin:0 auto 10px auto;}
.Magazine_Month_Detail_List4 li:nth-child(4) { margin:0 auto;}
.Magazine_Month_Detail_List4 li li .Text .Text_Title p{  font-size:18px;}

/*5項*/
.Magazine_Month_Detail_List5 li { width:100%; margin:0 auto 10px auto;}
.Magazine_Month_Detail_List5 li:nth-child(5) { margin:0 auto;}
.Magazine_Month_Detail_List5 li .Text .Text_Title p{  font-size:18px;}

/*6項*/
.Magazine_Month_Detail_List6 li { width:100%; margin:0 auto 10px auto;}
.Magazine_Month_Detail_List6 li:nth-child(6) { margin:0 auto;}
.Magazine_Month_Detail_List6 li .Text .Text_Title p{  font-size:18px;}

/*7項*/
.Magazine_Month_Detail_List7 li { width:100%; margin:0 auto 10px auto;}
.Magazine_Month_Detail_List7 li:nth-child(7) { margin:0 auto;}
.Magazine_Month_Detail_List7 li .Text p { font-weight:normal;}
.Magazine_Month_Detail_List7 li .Text .Text_Title p{  font-size:18px;}

/*--月齡內容 共用--*/
.Magazine_Month_Detail_Content_Title p { font-size:18px; line-height:24px; padding:5px 10px 5px 35px;}
.Magazine_Month_Detail_Content_Title p:before { width: 20px;height:20px; left:10px; top:7px;}

/*--月齡內容 各別設定--*/
/*月齡內容Type02 Youtube/音訊嵌入+簡述*/
.Magazine_Month_Detail_Content_Type02 p { font-size:18px;}

/*月齡內容Type03 單張圖+簡述*/
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text p {  font-size:18px;}

/*月齡內容Type04 CD+Youtube嵌入+簡述*/
.Magazine_Month_Detail_Content_Type04 p { font-size:18px;}
.Magazine_Month_Detail_Content_Type04 .CD { display:block; margin-bottom:0;}
.Magazine_Month_Detail_Content_Type04 .CD Img { margin:0 auto 15px auto; display:block; width:100%; max-width:320px;}
.Magazine_Month_Detail_Content_Type04 .CD iframe { margin:0 auto 15px auto; display:block;}

/*月齡內容Type53 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_Text p {  font-size:18px;}

}
@media only screen and (min-width:0px) and (max-width:540px){

/*--月齡內容 各別設定--*/
/*13月齡內容-特別繪本我會大聲說有-標題圖片(巧虎陪伴寶寶培養生活好習慣)設定*/
.Magazine_Month_Detail_Content_Title_Img_13-1_Desktop { display:none;}
.Magazine_Month_Detail_Content_Title_Img_13-1_Mobile { display:block; max-width:280px; margin:-10px auto 15px auto;}

}
@media only screen and (min-width:0px) and (max-width:512px){

/*--月齡內容 共用--*/
.Magazine_Month_Detail_Content { padding:60px 0 0 0 ;}

/*--月齡內容 各別設定--*/
/*月齡內容Type01 三張圖+簡述*/
.Magazine_Month_Detail_Content_Type01 ul li p { font-size:18px;}

/*月齡內容Type01-2 兩張圖+簡述*/
.Magazine_Month_Detail_Content_Type01-2 ul li p { font-size:18px;}

/*月齡內容Type02 Youtube/音訊嵌入+簡述*/
.Magazine_Month_Detail_Content_Type02 iframe { max-height:250px;}

/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text_YT iframe { max-height:250px;}

}
@media only screen and (min-width:0px) and (max-width:460px){

/*--月齡內容 共用--*/
.Magazine_Month_Detail_Content_Title { margin:0 auto 10px auto;}
.Magazine_Month_Detail_Content_Title p { display:block; width:100%;}

/*--月齡內容 各別設定--*/
/*月齡內容Type03 單張圖+簡述*/
.Magazine_Month_Detail_Content_Type03 .Magazine_Month_Detail_Content_Text {-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}

/*月齡內容Type05 單張圖+簡述+Youtube嵌入*/
.Magazine_Month_Detail_Content_Type05 .Magazine_Month_Detail_Content_Text {-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}

/*13月齡內容-特別繪本我會大聲說有-標題圖片(巧虎陪伴寶寶培養生活好習慣)設定*/
.Magazine_Month_Detail_Content_Title_Img_13-1_Mobile { margin:0 auto 15px auto;}

}
@media only screen and (min-width:0px) and (max-width:430px) {

/*--回列表按鈕--*/
.Magazine_Month_Detail_BackToList { width:40px; height:40px; bottom:55px; padding:10px 5px; font-size:10px; line-height:10px;}

}

/*------月齡版教材特色頁面 媒體查詢設定 END------*/



/*=========================月齡版教材特色頁面 END=========================*/



.search_box_fix { position:fixed; width:100%; height:50px; padding:10px; left:0; bottom:0; background:#fff; border-top:1px solid #eee;}

.tab-list{z-index:1!important;}



/*=========================訂閱禮物選擇 START=========================*/
    .giftbox-head{
        margin-top:1px;
      width: 18%;
      display: inline-block;
      vertical-align:top;
    }

    .giftbox-content{  
      display: inline-block;
    }
    .giftbox-item{
        padding:2px;
        background-color: #FAFAFA;
        line-height: 30px;
        cursor: pointer;
        margin-left: 2px;
    }
    /*.giftbox-input{
        display:inline-block;
    }*/
    .giftbox-item input{
        vertical-align:top;
    }
    /*.giftbox-sub-input{
        display:inline-block;
    }*/
    .giftbox-sub-item{
        padding:2px;
        background-color: #FAFAFA;
        line-height: 30px;
        cursor: pointer;
    }
    .giftbox-amount{
        display: inline-block;
        vertical-align: top;
    }
    .giftbox-amount .bridge{
        vertical-align: top;
        margin: 0 5px 0 5px;
    }
    .giftbox-amount .Box{
        float: none !important;
        margin: 0 !important;
    }
    .giftbox-sub-amount{
        display: inline-block;
        vertical-align: top;
    }
    .giftbox-sub-amount .bridge{
        vertical-align: top;
        margin: 0 5px 0 5px;
    }
    .giftbox-sub-amount .Box{
        float: none !important;
        margin: 0 !important;
    }
    .giftbox-sub-head{
        width: 70px;
        margin-left: 20px;
        display: inline-block;
        vertical-align: top;
    }
    .giftbox-sub-content{
        display: inline-block;
    }
    .giftbox-first-layer{
        border: 1px solid #F2F2F2;
        background-color: #FAFAFA;
        padding: 20px !important;
        width: 85% !important;
        margin: 5px 0px 15px 0px !important;
    }
/*=========================訂閱禮物選擇 END=========================*/