* {
    margin: 0;
    padding: 0;
    outline: 0;
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}


/*body{
    background-image: url(../img/bg-t03.png);
    background-size: 1000px 875px;
}
*/

h1,
h2 {
    font-family: , "微軟正黑體";
    font-weight: 300;
    margin: 0 0 15px 0;
}

h1 {
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 100%;
}

h2 {
    font-size: 24px;
}

p {
    margin: 0 0 15px 0;
    font-family: "微軟正黑體";
}

a {
    color: #3e3e3e;
}

.clear {
    clear: both;
}

.wrap {
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
    z-index: 10;
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-image: url(../img/bg.png);
}

.section {
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
    z-index: 10;
    position: relative;
    margin: 0 auto;
    padding: 30px 0 0px 0;
}

.inner3 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    min-height: 30px;
    font-size: 19px;
    font-family: "微軟正黑體";
}

.inner2 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    min-height: 30px;
    padding: 0px 0 20px 0;
    font-size: 19px;
    font-family: "微軟正黑體";
}

.inner {
    position: relative;
    min-height: 86px;
    padding: 0px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.inner:after {
    content: "";
    display: table;
    clear: both;
}

.subMenu {
    width: 1200px;
    height: 30px;
    z-index: 1000;
    width: 100%;
    background-color: #FFF;
    position: absolute;
    z-index: 8888
}

.subMenu .inner {
    width: 1200px;
    padding: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    background-image: url(../img/top-bg-fix/bg-2.png);
}

.subNavBtn {
    display: block;
    height: 45px;
    width: 8%;
    float: left;
    /*調整 nav bar 與 slide 的間距*/
    margin: 0px 0px 0px 0;
    text-decoration: none;
    font-size: 18px;
    /*調整 nav bar 項目間的間距ㄋ*/
    padding: 40px 8px 0 8px;
    text-align: center;
    color: #000;
    font-family: "微軟正黑體";
    font-weight: 600;
}

.subMenu a:hover {
    font-family: "微軟正黑體";
    text-decoration: none;
    color: #947A4A;
}

.subNavBtn2 {
    display: block;
    height: 1px;
    width: 7%;
    float: left;
    margin: 0px 190px 0 0;
    text-decoration: none;
    font-size: 16px;
    padding: 1px 0px 0 0px;
    text-align: center;
    color: #000;
    font-family: 'Noto Sans TC', "微軟正黑體";
    font-weight: bold;
}

.active {}

.end {
    margin: 0;
}


/* SECTIONS */

.sTop {
    min-height: 0px;
    background: #fff;
    color: #3d3d3d;
    padding: 0px 0;
    height: 84px;
    z-index: 9999
}

.s0 {
    height: 502px;
    background: #fff;
}

.s1 {}

.s2 {
    background: #fff;
}

.s2 a {
    color: #fff;
}

.s3 {
    background: #fff;
    height: auto;
}

.s4 {
    background-image: url(../img/s4/s4-text-bg.png);
    width: 1200px;
    height: 6350px;
}

.s5 {
    background: #fff;
}

.s6 {
    background: #161616;
}

.allT {
    font-family: "微軟正黑體";
    font-size: 17px;
    line-height: 28px;
    color: #2f2f2f;
}

.allT a {
    color: #C00;
}

.copy {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717071;
    line-height: 23px;
}

.tel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

.wT {
    font-family: "微軟正黑體";
    font-size: 16px;
    color: #32517E;
    font-weight: bold;
}

.bigT {
    font-family: "微軟正黑體";
    font-size: 27px;
    font-weight: bold;
    color: #000;
}

.whiteT {
    font-family: "微軟正黑體";
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}

.bigE {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.allE {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 23px;
    color: #2f2f2f;
}

.jreadmore {
    display: block;
    margin: 0px auto;
    width: 1030px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.jreadmore a:hover {
    text-decoration: none;
    color: #947A4A;
}

.jreadmore2 a:hover {
    text-decoration: none;
    color: #947A4A;
}

.title-h1 {
    font-size: 45px;
    letter-spacing: 5px;
}

.champ {
    font-size: 45px;
    letter-spacing: 5px;
}

.bigthing {
    font-family: "微軟正黑體";
    font-weight: bolder;
}

.bigthing > ul {
    list-style-type: disc;
    font-size: 18px;
    position: relative;
    margin: 0 0 0 20px
}

.bigthing a:hover {
    text-decoration: none;
    color: #947A4A;
}

.oldchamp {
    display: block;
    margin: auto;
}

.ocblock {
    display: block;
    margin: 0 auto;
}

.sectionfn {
    background-image: url(../img/index/secfn_bg.png);
    width: 100%;
    height: 254px;
    max-width: 1200px;
    z-index: 10;
    position: relative;
    margin: auto;
}

.contact {
    float: left;
    padding: 90px 95px;
    /*浮動框架 必須設定 的範圍*/
    width: 320px;
    height: 100px;
    /* 看區塊位置
    border: 1px solid #E50011;
*/
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體";
    font-weight: lighter;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    color: #3E3A39;
}

.contact a {
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體";
    font-weight: lighter;
    font-size: 18px;
    text-decoration: none;
    color: #3E3A39;
}

.follow {
    float: left;
    padding: 90px 90px;
    /*浮動框架 必須設定 的範圍*/
    width: 150px;
    height: 100px;
    /* 看區塊位置
    border: 1px solid #E50011;
*/
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體";
    font-weight: lighter;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    color: #3E3A39;
}


/* fb與mxic 間距*/

.follow td {
    padding: 10px 30px 0 0;
}

.line {
    float: left;
    padding-top: 90px;
}

.frame {
    background-color: #fff;
    overflow: auto;
    background-image: url(../frame/bottom03.png);
    width: 100%;
    height: 296px;
    /*
border: 2px solid #E50011;
    */
    max-width: 1200px;
    z-index: 10;
    position: relative;
    margin: 0 auto;
}

.fc-1 {
    float: left;
    padding: 90px 0px 0px 85px;
    /*
    border: 3px solid #0080CC;
  */
    width: 430px;
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體";
    font-weight: 100px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    color: #3E3A39;
}

.fc-1 a {
    text-decoration: none;
    color: #3E3A39;
}

.fc-2 {
    float: left;
    padding: 90px 0px 0px 100px;
    /*
    border: 3px solid #0080CC;
*/
    width: 150px;
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體";
    font-weight: 100px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    color: #3E3A39;
}


/* fb與mxic 間距*/

.fc-2 td {
    padding: 10px 30px 0 0;
}

.s3-select p {
    font-family: 'Noto Sans TC', "微軟正黑體";
    font-weight: 900;
    font-size: 22px;
    color: #717071;
    text-align: center;
    letter-spacing: 3px;
    margin-top: -15px;
}

.s3-select a {
    text-decoration: none;
}

.s3-select table {
    padding: 30px 70px;
    margin-top: 50px;
    margin-bottom: 100px
}

.s4-text {
    font-family: 'Noto Sans TC', "微軟正黑體";
    font-weight: lighter;
    font-size: 18px;
    color: #fff;
}

.s4-text > ul {
    list-style-image: url(../img/s4/list.png);
    list-style-position: outside;
}

.s4-table {
    margin: 0 auto;
}

.s4-title {
    font-family: 'Noto Sans TC', "微軟正黑體";
    font-weight: 900;
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin: 110px auto;
    letter-spacing: 3px;
    background-color: #623301;
    border: solid #623301;
    width: 250px;
    height: 60px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 25px;
}

.li-tile {
    font-family: 'Noto Sans TC', "微軟正黑體", Helvetica, Arial;
    font-weight: normal;
    font-size: 20px;
    color: #623301;
    line-height: 40px;
}

.li-content {
    list-style-image: url(../img/s4/list02.png);
    list-style-position: inside;
    font-family: 'Noto Sans TC', "微軟正黑體", Helvetica, Arial;
    font-weight: lighter;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
    text-align: justify;
    /*　Firefox到此即可對齊　*/
    text-justify: auto;
}

.li-content a {
    list-style-image: url(../img/s4/list02.png);
    list-style-position: inside;
    font-family: 'Noto Sans TC', "微軟正黑體", Helvetica, Arial;
    font-weight: lighter;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #fff;
}

.li-content-none {
    list-style: none;
    list-style-position: inside;
    font-family: 'Noto Sans TC', "微軟正黑體", Helvetica, Arial;
    font-weight: lighter;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
    text-align: justify;
    /*　Firefox到此即可對齊　*/
    text-justify: auto;
}

.li-content-none a {
    list-style-image: url(../img/s4/list02.png);
    list-style-position: inside;
    font-family: 'Noto Sans TC', "微軟正黑體", Helvetica, Arial;
    font-weight: lighter;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #fff;
}

.block {
    width: auto;
    height: 60px;
}

.applied {
    float: left;
    padding: 0px 0px 10px 50px;
    /*浮動框架 必須設定 的範圍*/
    width: 430px;
    height: 100px;
    /* 看區塊位置
    border: 1px solid #E50011;
*/
    font-family: 'Noto Sans TC', "微軟正黑體", Helvetica, Arial;
    font-weight: lighter;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1px;
    color: #fff;
        text-align: justify;
    /*　Firefox到此即可對齊　*/
    text-justify: auto;
}

.applied td {
    padding: 0px 15px 0 0;
    text-align: left;
}

.design {
    float: left;
    padding: 0px 0px 0px 50px;
    /*浮動框架 必須設定 的範圍*/
    width: 425px;
    height: 100px;
    /* 看區塊位置
    border: 1px solid #E50011;
*/
    font-family: 'Noto Sans TC', "微軟正黑體", Helvetica, Arial;
    font-weight: lighter;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1px;
    color: #fff;
        text-align: justify;
    /*　Firefox到此即可對齊　*/
    text-justify: auto;
}

.design td {
    padding: 0px 15px 0 0;
    text-align: left;
}

.group {
    max-width: 1200px;
    height: 380px;
    position: relative;
    margin: auto;
}

.s4-line {
    float: left;
}

.scroll-wrapper {
    margin: 0 auto;
}

.s_menu {
    margin: 20px 160px ;
}

.s_menu a {
        font-family: 'Noto Sans TC', "微軟正黑體";
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bolder;
    color: #3E3A39;
    text-decoration: none;
}

.s_style {
    list-style: none;
}

.s_style li {

    float: left;
    border: 2px solid #947A4A;
    padding: 3px 13px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.s_hide {
    visibility: hidden;
}
.s_click{
        background-color: #947A4A;

}

.s_click a {

        font-family: 'Noto Sans TC', "微軟正黑體";
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bolder;
    color: #fff;
}