@charset "utf-8";
body{
    margin:0;
    padding:0;
}

.MENU_ONE{
    display:block;
    width:100%;
    top:0px;
    position:fixed;
    z-index:9001;/*數字越大越上層z-index: 999;*/
    background-color:#6E9277;
    height:65px;
}
.MENU_TWO{display:none;}

.APQ_001{
	margin:0 0 0 25px;
	font-weight:500;
	}
	
.APQ_001 a{
	color:#d1bb92;
	text-decoration:none;
	}
	
.APQ_002{
	margin:0 0 0 40px;
	font-weight:400;
	}	
	
.APQ_002 a{
	color:#e8ddc9;
	text-decoration:none;
	}

/*選單*/
.MENU{
    margin:10px 0px 0px 0px;
    display:block;
    float:right;
}


.MENU ul {
    /* 取消ul預設的內縮及樣式 */
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 5px;
}

.MENU ul.drop-down-menu {
    /*border: #ccc 1px solid;*/
    display: inline-block;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
}

.MENU ul.drop-down-menu li {
    position: relative;
    white-space: nowrap;
    border-right: #ccc 1px solid;
    display:block;
}

.MENU ul.drop-down-menu>li:last-child {
    border-right: none;
}

.MENU ul.drop-down-menu>li {
    float:left;
    /* 只有第一層是靠左對齊*/
}

.MENU ul.drop-down-menu a {
    color: #FFF;
    display: block;
    padding: 0 20px;
    text-decoration: none;
    line-height: 40px;
}

.MENU ul.drop-down-menu a:hover {
    /* 滑鼠滑入按鈕變色*/
    background-color: #6E9277;
    color: #fff;
}

.MENU ul.drop-down-menu li:hover>a {
    /* 滑鼠移入次選單上層按鈕保持變色*/
    background-color: #6E9277;
    color: #fff;
}

.MENU ul.drop-down-menu ul {
    border: #ccc 1px solid;
    position: absolute;
    z-index: 99;
    left: -1px;
    color:#6E9277;
    border-radius: 5px;
    background-color: #fff;
    display:block;
}

.MENU ul.drop-down-menu li ul li a{
    color: #333;
}

.MENU ul.drop-down-menu ul li {
    border-bottom: #ccc 1px solid;
    border-right: #ccc 0px solid;
    color:#6E9277;
}

.MENU ul.drop-down-menu ul li:last-child {
    border-bottom: none;
}

.MENU ul.drop-down-menu ul ul {
    /*第三層以後的選單出現位置與第二層不同*/
    z-index: 999;
    top:5px;
}

.MENU ul.drop-down-menu ul {
    /*隱藏次選單*/
    left: 99999px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 5px;
}

.MENU ul.drop-down-menu li:hover>ul {
    /* 滑鼠滑入展開次選單*/
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    left: -1px;
    border-right: 5px;
}

.MENU ul.drop-down-menu li:hover > ul ul { /* 滑鼠滑入之後、次選單之後的選單依舊隱藏*/
    left: 99999px;
}

.MENU ul.drop-down-menu ul li:hover > ul { /* 第二層之後的選單展開位置*/
    left:90%;
}



/*舊選單*/
#jsddm{
}

#jsddm ul{
    margin:0;
    padding:0;
}

#jsddm li{
    float:left;
    z-index: 99999;
    list-style-type:none;
}

#jsddm li a{
    display:block;
    font-size:15px;
    text-decoration:none;
    text-align:center;
    /*width:100px;*/
    color: #FFF;
}

#jsddm li ul{
    position: absolute;
    visibility: hidden;
    z-index: 1;
    margin-top:0px;
    margin-left:12px;
    box-shadow: rgba(0,0,0,0.16) 0 4px 12px;
    border-radius:6px;
    background-color:#FFF;
}

#jsddm li ul li{
    color:#333;
    float: none;
    display: inline;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
/*!important*/
#jsddm li ul li a{
    color: #333;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left:15px;
    padding-right:15px;
    height: auto;
    text-align:left;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    border-bottom-width: 1px;
}

#jsddm li ul li a:hover{;
    color: #F90;
}

/*2*/
#jsddm02{
}

#jsddm02 ul{
    margin:0;
    padding:0;
}

#jsddm02 li{
    float:left;
    z-index: 99999;
    list-style-type:none;
}

#jsddm02 li a{
    display:block;
    padding:0 20px 20px 20px;
    font-size:15px;
    text-decoration:none;
    text-align:center;
    color: #FFF;
}

#jsddm02 li ul{
    position: absolute;
    visibility: hidden;
    z-index: 1;
    margin-top:0px;
    margin-left:12px;
    box-shadow: rgba(0,0,0,0.16) 0 4px 12px;
    border-radius:6px;
    background-color:#FFF;
}

#jsddm02 li ul li{
    color:#333;
    float: none;
    display: inline;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
/*!important*/
#jsddm02 li ul li a{
    color: #333;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left:15px;
    padding-right:15px;
    height: auto;
    text-align:left;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    border-bottom-width: 1px;
}

#jsddm02 li ul li a:hover{;
    color: #F90;
}

/*MENU2.0*/
#ment_title{
    padding:26px;
    font-size:26px;
    text-align:left;
	color:#FFF;
}


#qaContent {
    width: 100%;
}

#qaContent ul {
	padding:0;
	margin:0;
}

#qaContent ul li {
	font-size:18px;
}

#qaContent ul.accordionPart {
}
#qaContent ul.accordionPart li {
    /*border-bottom: solid 1px  #A39D8E;*/
    display:block;
    padding:5px 0px;
	font-size:18px;
}

#qaContent ul.accordionPart li a {
    padding:0;
    margin:0;
	font-size:18px;
}

#qaContent ul.accordionPart li h3 {
    margin:0;
    padding:5px 5px 5px 25px;
	color:#d1bb92;
	font-weight:500;
	font-size: 18px;
}

#qaContent ul.accordionPart li h3 a {
	color:#fff15a;
	text-decoration:none;
	font-weight:500;	
	font-size: 18px;
	}



#qaContent ul.accordionPart li a {
    margin-top: 12px;
	margin-left:;
    /*background-color:#E0DCD1;*/
    display:block;
	font-size: 18px;
}

#qaContent ul.accordionPart li .qa_title {
	font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    border-bottom: solid 1px #8ea396;
    display: block;
    padding: 20px;
}

#qaContent ul.accordionPart li .qa_title a {
    padding:0;
    margin:0;
    color: #FFF;
    font-size:22px;
	text-decoration:none;
}

#qaContent ul.accordionPart li .qa_title_on {
    text-decoration:none;
}

#qaContent ul.accordionPart li .qa_content {
    padding:0px 0px 10px 0px;
    margin:0;
	border-bottom: solid 1px #8ea396;
}

#qaContent ul.accordionPart li .qa_content a {
    padding:0px;
    margin:0px;
    font-size:18px;
}

.TITLE_MINE{
    margin-bottom:0px;
    color:#524E46;
    padding-left:12px;
}
/*NW_LEFT*/

#NW_LEFT a{	
	text-decoration:none;
	}	
	
#NW_LEFT ul{
	padding:0;
	margin:0;
	}	
	
#NW_LEFT ul h2 {
	padding:0;
	margin:0 0 10px 0;
	font-size:22px;
	color:#6E9277;
	}
	
#NW_LEFT ul li {
	color: #000;
	margin:10px 0px;
	display:block;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1bb92;*/
	}
		
#NW_LEFT ul li a{
	color: #000;
	margin: 10px 0px;
	display: block;
	}		
	
#NW_LEFT ul  {
	font-size: 16px;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	display: block;
	color: #000;
  	transition: 0.3s;
  	-webkit-transition: 0.3s;
	}
	
#NW_LEFT ul li:hover {
	color:#6E9277;
	}	
	
#NW_LEFT ul li a:hover {
	color:#6E9277;
	}	
	
#NW_LEFT ul li ul {
	padding:0;
	margin:0;
	}	
	
#NW_LEFT ul li ul li a {
	padding: 0 0 0 15px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D1BB92;
	}	

#NW_LEFT_content {
	width: 100%;
}


/*常見問題*/
#QA ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#QA {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 12px; /* 可選：避免貼邊 */
}

#QA ul.APT {
    margin:20px;
}
#QA ul.APT li {
    border-bottom: solid 1px  #FFFFFF;
}
#QA ul.APT li .TITLE_QA {
    color: #7C6E49;
}
#QA ul.APT li .TITLE_QA_on {
    text-decoration: underline;
}
#QA ul.APT li .CON_QA {
    color: #666;
}

.CL_Q{
    background-color:#E8DDC9;
    padding:15px 30px 15px 30px;
    font-size:20px;
}

.CL_A{
    background-color: #FFF;
    padding: 15px 30px 15px 40px;
    font-size: 18px;
    border: 2px solid #E8DDC9;
}

/* 強制顯示 +（放在最末尾） */
#QA ul.APT li .CL_Q::after{
    content: "+" !important;
    display: inline-block !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #7C6E49 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#QA ul.APT li .CL_Q{
    position: relative !important;
    padding-right: 60px !important;
}

@media screen and (max-width: 1280px) {
    /* 如果使用者視窗寬度 <= 1280px， */
    #QA {
        width:100%;
    }
}

@media screen and (max-width: 1250px) {
    /* 如果使用者視窗寬度 <= 1250px， */

    .MENU_ONE{display:none;}
    .MENU_TWO{display:block;}
	
}
