/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexming.css);

	body.device-lg .section_home, body.device-md .section_home{
        top:-80px;
    }
    body.device-sm .section_home, body.device-xs .section_home, body.device-xxs .section_home{
        top:0px;
    }
    body.device-lg section, body.device-md section{
        margin-top: -80px;
        padding-bottom: 120px;
    }

    body.device-sm #header, body.device-xs #header, body.device-xxs #header {
        position:fixed;
        z-index:1060;
        width:100%;
    }

    body.device-sm .BOXED_GRID,body.device-xs .BOXED_GRID,body.device-xxs .BOXED_GRID{
        margin-top: 80px;
    }

    body.device-sm #section-9,body.device-xs #section-9,body.device-xxs #section-9{
        margin-top: 40px;
    }


    /*body, section{
        background: #f6f3ed;
    }
    #sectionB, #sectionD, #section-7{
        background: #f0ebe1 !important;
    }
    */
    section h2{
        font-family: "cwTeXMing", serif;
        letter-spacing: 0.1em;
        color: #333;
        margin-bottom: 30px;
    }
    #header{
        z-index:99999 !important;
    }
    /*向下滾動前 選單背景顏色*/
    #header #header-wrap {
        background-color:#50812e !important;
    }
    /*向下滾動前 選單文字顏色*/
    #header.dark #mainMenu nav>ul>li>a{
        color: #eee;
        font-size: 16px;
        font-family: "cwTeXMing", serif;
    }
    #header.dark #mainMenu nav>ul>li>a:hover{
        color: #fff9c5;
        font-size: 16px;
    }
    /*向下滾動後 選單文字顏色*/
    #mainMenu nav>ul>li>a{
        color: #eee;
        font-size: 16px;
        font-family: "cwTeXMing", serif;
    }
    #mainMenu nav>ul>li>a:hover{
        color: #fff9c5;
        font-size: 16px;
    }
    #mainMenu nav>ul>li:focus>a,#mainMenu nav>ul>li:hover>a{
        color: #fff9c5;
        font-size: 16px;
    }
    /*向下滾動後 選單背景顏色*/
    #header.header-sticky #header-wrap {
        background-color:#50812e !important;
    }
    /*滑到該單元選單變色*/
    #mainMenu nav>ul>li.current>a{
        color: #fff9c5;
    }
    @media (max-width: 991px){
        /*行動裝置Head背景顏色*/
        #header.dark.header-transparent #header-wrap, 
        #header.header-transparent #header-wrap{
            background-color:#50812e !important;
        }
        /*行動裝置漢堡選單顏色*/
        #header.dark #header-wrap .lines:after,
        #header.dark #header-wrap .lines:before,
        .lines{
            background-color:#fff !important;
        }
        /*行動裝置選單文字顏色*/
        #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a,
        #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a{
            color: #fff;
        }
    }
    .btn-lg{
        font-size: 24px !important;
        padding: 0px 20px !important;
    }
    .btn ,.btn:active, .btn:focus, .btn:hover{
        background-color:#074a4e;
        border-color:#074a4e;
        font-size: 20px;
    }
    .btn_fb ,.btn_fb:active, .btn_fb:focus, .btn_fb:hover{
        background-color:#3b5998;
        border-color:#3b5998;
        font-size: 20px;
    }
    .btn_web ,.btn_web:active, .btn_web:focus, .btn_web:hover{
        background-color:#436f24;
        border-color:#436f24;
        font-size: 20px;
    }
    .btn.btn-slide{
        display:inline-block;
    }
    .btn i{
        font-size: 14px;
        padding-left: 1px;
        padding-bottom: 1px;
    }
    .btn span{
        font-size: 16px;
    }
    .owl-carousel .owl-nav [class*=owl-]{
        /*background-color:#333 !important;*/
        background-color:rgba(51, 51, 51, 0.6) !important;
        border: 1px solid #333 !important;
    }
    .owl-carousel .owl-nav [class*=owl-]:hover{
        background-color:#950008 !important;
        background-color:rgba(145, 118, 3, 0.8) !important;
        border: 1px solid #fff !important;
    }
    .owl-carousel .owl-nav [class*=owl-] i{
        color:#fff !important;
    }
    .lead {
        font-family: "cwTeXMing", serif;
        letter-spacing: 0.1em;
        font-size: 18px;
        line-height: 24px;
        color: #000;
    }
    address{
        font-size: 16px !important;
        line-height: 30px;
    }
    select {
        height: 40px !important;
    }
    .btn.btn-light {
        background-color: #fff;
        border-color: #074a4e;
        color: #074a4e;
    }
    .btn.btn-light:hover {
        background-color: #074a4e;
        border-color: #074a4e;
        color: #fff;
    }
    ::selection{
        color: #fff;
    }
    .event_btn{
        position: fixed;
        text-align: center;
        line-height: 58px !important;
        font-size: 16px;
        right: 12px;
        bottom: 20px;
        color: #fff;
        cursor: pointer;
        border-radius: 100px;
        z-index:99999 !important;
        height: 70px;
        width: 70px;
        background-color: #074a4e !important;
        overflow: hidden;
        padding-top: 3px;
    }
    #goToTop{
        bottom: 100px !important;
        z-index:99999 !important;
    }
    .btn_map span{
        font-size: 8px !important;
    }
    .btn_map{
        padding: 0px 5px !important;
        height: 20px !important;
        line-height: 20px !important;
    }
    .plan_title{
    	color: #c7ab5b;
    	font-size: 40px;
    	display: block;
    	margin-bottom: 20px;
    }
    .btn-dark{
    	border-radius:5px !important;
    	font-size: 18px !important;
    	color: #e8d293 !important;
    	text-align: left;
    }
    .btn.btn-dark.active, .btn.btn-dark:active, .btn.btn-dark:focus, .btn.btn-dark:hover{
    	border-radius:5px !important;
    	font-size: 18px !important;
    	color: #e8d293 !important;
    	background: #074a4e !important;
    	border: #980109 !important;
    }
    .post-item-description h2{
        font-size: 14px !important;
    }
    .post-item.border>.post-item-wrap>.post-item-description{
        padding-bottom: 0px !important;
    }






    /*==========*/
    .mrt{
        color: #c00000;
    }
    .walk{
        color:#965c02;
    }
    .mrt, .walk{
        font-size: 14px;
    }
    .min{
        font-size: 20px;
    }
    #sectionB{
        background-image: url("../img/B-1.jpg");
    }
    .sectionB_item{
        background: #eaeaea;
        padding: 12px;
    }
    #sectionB .col-md-4{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .desc_title{
        margin-top: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }
    .desc_con{
        color: #000;
    }
    #sectionC .col-md-4{
        padding: 1px;
    }
    #sectionD{
        background:#352925;
    }
    #sectionD .title2{
        margin: 15px 0px;
    }
    #sectionD .title2 span{
        color: #fff;
        padding: 0px;
    }
    #sectionD .con{
        color: #fff;
    }

    #sectionE{
        background:#ededed;
    }
    #sectionE .title2{
        margin: 15px 0px;
    }
    #sectionE .title2 span{
        color: #000;
        padding: 0px;
    }
    #sectionE .con{
        color: #000;
    }

    #section-7{
        background:#d4e4e5;
    }