@charset "utf-8";

html{
    /* height:3722px; */
}
/* 字體 */
/* 正常 sans-serif */
/* 特殊數字 Times */
/* 特殊漢字 "宋体" */

/* reset */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 1;cursor: default;}
html,body{min-width: 1024px;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
a,button, a *{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;/* color:inherit; */}
body,textarea,input,button,select,keygen,legend{font-size: 20px;font-family: "Microsoft Yahei", arial, Cursive,"宋体", tahoma, sans-serif;/* font-family: "宋体"; */color: #404040;outline:0;}
a,a:hover{color: inherit;}
/*隐藏*/
.hide{display: none !important;  }

/*浮动*/
.rt{float:right;}
.lf{float:left;}
.clear:after{content: "";clear:both;display: block;}

/*文字转换*/
.capitalize{text-transform:capitalize}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}

/*多行隐藏*/
.more-ellipsis {display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  }
/* 单行隐藏 */
.ellipsis{-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*换行*/
.nowrap{-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;flex-wrap: nowrap  }
.wrap{-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap}

/* 框 */
.main{width:72%;min-width: 1024px;margin-right:auto;margin-left: auto;}
.container{width: 63.6%;/* min-width: 1220px; */margin-right:auto;margin-left: auto;}
.bc{background-color:#144023}
.bgc{background-color:#ebf2d9}
.g{color:#144023}
a{display: block;width: 100%;height: 100%;}
.h32{height:32px;}
/* 背景 */
body{background: #ebf2d9 url(../images/bg1.png) no-repeat center;background-size: cover;}
.opacity{background-color: rgba(255,255,255,.8) !important;}
/* 头部總 */
#header{
    position: relative;
    width: 100%;
    /* background:#fff; */
}
/* logo */
#logo{
    text-align: center;
    background: #fff;
}
#logo img{
    height: 100%;
    max-height: 90px;
    margin: 37px 0;
}
/* 服務電話 */
#tel{
    position: absolute;
    right: 5.3%;
    top: 48px;
    text-align: right;
    font-weight: bold;
    /* letter-spacing: 1px; */
}
#tel b{
    display: block;
    margin-bottom: 5px;
    font-size: 22px;
    font-family: Cursive,"宋体";
    font-weight: 900;
    letter-spacing: 1px;
}
#tel p{
    font-size: 38px;
    letter-spacing: 4px;
    font-family: Times;
}
/* 單圖背景 */
#header-bg{
    /* position: absolute; */
    /* z-index: -1; */
    width: 100%;
}
/* 導航 */
#nav{
    /* margin: 0 auto; */
    background: #fff;
}
#nav .nav{
    display: flex;
    justify-content: space-around;
    padding-bottom: 20px;
}
#nav .nav li{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    width: 120px;
    height: 120px;
    text-align: center;
    font-weight: bold;
    font-size: 38px;
    background: url(../images/nav.png) no-repeat center;
    background-size: cover;
    font-family: Cursive,"宋体";
}#nav .nav li:first-child{
    margin-left: 0;
}#nav .nav li:last-child{
    margin-right:0
}
#nav .nav li:hover{
    background: url(../images/nav1.png) no-repeat center;
}
#nav .nav a{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
#nav .nav div{
    position: absolute;
    display: none;
    top:100%;
    left: 50%;
    font-size: 22px;
    font-family: sans-serif;
    font-weight: normal;
    background: rgba(237, 240, 228, 0.8);
    transform: translateX(-50%);
    border-radius: 0 0 8px 8px;
    z-index: 100;
}#nav .nav li:hover div{
    display: block;
}
#nav .nav div p{
    height: 20px;
    background: #fff;
}
#nav .nav div a{
    padding: 14px 37px;
    white-space: nowrap;
}#nav .nav div a:hover{
    background: #ebf2d9;
}#nav .nav div a:last-child:hover{
    border-radius: 0 0 8px 8px;
}

/* 底部 */
#footer{
    margin-bottom: 50px;
}
.buttomfoot {
    text-align: center;
    margin: auto;
    background-color: #144023;
    width: 63.6%;
}
.buttomfoot p {
    color: white;
    padding: 10px;
    font-size: 1.1rem;
   white-space: nowrap;
   line-height: 0%;
}
#map{
    position: relative;
    width:100%;
    /* height: 615px; */
    overflow: hidden;
    display: flex;
}
#map form{
    position: absolute;
    right: 105px;
    top:50%;
    padding: 55px 28px;
    transform: translateY(-50%);
}
#map form *{
    display: block;
    width: 345px;
    height: 55px;
    font-size: 38px;
    font-family: Cursive,"宋体";
}
#map form h1{
    margin-bottom: 55px;
    color: #000;
    font-size: 77px;
}
#map form input{
    padding: 0 10px;
    color: #144023;
    font-weight: bold;
    border:3px solid #144023;
}#map form .pho{
    margin: 23px 0;
}
#map form ::-webkit-input-placeholder{
    color:#144023;
}
#map form button{
    color:#fff;
    border:3px solid transparent;
    background:#f19aab;
}
#map form button b{
    display: inline-block;
    width: 85px;
    height: 1px;
}
#code{
    display: flex;
    justify-content: space-between;
    padding: 40px;
    font-family: Cursive,"宋体";
}
#code .code-right{
    width: 180px;
    height: 180px;
    background-image: url(../images/del/map.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#code .code-left p{
    color:#fff;
    font-size: 22px;
}
#code .code-left .tel{
    margin: 16px 0;
    line-height: 1;
}
/* 頁碼 */
.pages{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 32px;
    color: #144023;
    text-align: center;
    font-weight: 600;
}
.pages ol{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pages a{
    width: 35px;
    height: 35px;
    border: 2px solid transparent;
    border-radius: 50%;
    padding-top: 5px;
}.pages a.on{
    border:2px solid #144023;
    border-radius: 50%;
    background:#ebf2d9;
    display: block;
}
.pages .prev{
    margin-right: 20px;
}
.pages .next{
    margin-left: 20px;
}

/* 內容 */
#body{
    position: relative;
/*  padding-left: 105px;
    padding-right: 105px; */
    background:#fff;
}
#body .table{
    position: absolute;
    right: 100%;
    top:0;
    white-space: nowrap;
    margin-right: 20px;
}
#body .table h1{
    margin: 0 3px;
    padding: 6px 0;
    color:#fff;
    font-family: Cursive,"宋体";
    font-size: 55px;
    background: #144023;
    border-radius: 8px 8px 0 0;
}
#body .table div{
    position: relative;
    color:#144023;
    text-align: center;
    font-size: 22px;
    border:2px solid #144023;
    background:#fbfcf7;
    top: -2px;
}
#body .table p{
    padding-bottom: 30px;
    font-weight: bold;
    line-height: 1;
}#body .table p:first-child{
    padding-top:30px;
}#body .table p.on{
    color:#D46180;
}
/* 返回 */
#body #top{
    position: absolute;
    left:100%;
    bottom: 32px;
    width: 85px;
    height: 85px;
    margin-left:20px;
    padding-top: 55px;
    text-align: center;
    font-size: 18px;
    color:#144023;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: Cursive,"宋体";
    background: #fff url(../images/top.png) no-repeat center 7px;
    background-size: 57px;
}
/* 旗子標題 */
.flag{
    position: absolute;
    top: 0;
    left: -32px;
    z-index: 100;
    width: 26%;
}

/**分页样式的设置**/
.pages ul li {
    float: left;
}
label.prev a, label.next a{
    width: auto;
}

#send{
    color: #fff;
    border: 3px solid transparent;
    background: #f19aab;
    text-align: center;
    letter-spacing: 2rem;
    line-height: 50px;
}