﻿@charset "utf-8";
/* CSS Document */

/* 客戶服務中心選單開始*/
/*.nav{width:1022px; height:42px; margin: 0 auto;
        padding: 0; text-align:center;}*/

 ul { /* 取消ul預設的內縮及樣式 */ 
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.customerservice-menu {
	display: inline-block;
	font-family:微軟正黑體;
	font-size: 16px;
	margin-left: 3px;
    width:100%;
	}

    ul.customerservice-menu li {
	position: relative;
	white-space: nowrap;
	width: 33.33%;
	height: 42px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 17px;
	 }

    ul.customerservice-menu > li:last-child {
        border-right: none;
    }

    ul.customerservice-menu > li {
        float: left; /* 只有第一層是靠左對齊*/
    }  
    
     ul.customerservice-menu a {
	background-color: #94C05F;
	color: #fff;
	display: block;
	padding: 0 30px;
	text-decoration: none;
	line-height: 42px;
	border: 2px solid #FFFFFF;
	border-radius: 3px;
	text-align:center;
    }
    ul.customerservice-menu a:hover { /* 滑鼠滑入按鈕變色*/
	background-image: -webkit-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	font-family: 微軟正黑體;
	font-weight: bold;
	text-align:center;
    }
    ul.customerservice-menu li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/
	background-color: #fff;
	color: #A4A3A3;		
    }
ul.customerservice-menu ul {
        position: absolute;
        z-index: 99;
        left: -1px;
        top: 100%;
       min-width: 205px;
    }

    

    ul.customerservice-menu ul li:last-child {
        border-bottom: none;
    }

    ul.customerservice-menu ul ul { /*第三層以後的選單出現位置與第二層不同*/
        z-index: 999;
        top: 10px;
        left: 90%;
    }
	 ul.customerservice-menu ul { /*隱藏次選單*/
        display: none;
    } 

    ul.customerservice-menu li:hover > ul { /* 滑鼠滑入展開次選單*/
        display: block;
    }
	
	
	/*選單UL消失*/


/* 會員中心選單開始*/
    ul.customerservice-menu1 {
	display: inline-block;
	font-family:微軟正黑體;
	font-size: 16px;
	margin-left:5px;
	}

    ul.customerservice-menu1 li {
	position: relative;
	white-space: nowrap;
	width: 253px;
	height: 42px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 17px;
	 }

    ul.customerservice-menu1 > li:last-child {
        border-right: none;
    }

    ul.customerservice-menu1 > li {
        float: left; /* 只有第一層是靠左對齊*/
    }  
    
     ul.customerservice-menu1 a {
	background-color: #94C05F;
	color: #fff;
	display: block;
	padding: 0 30px;
	text-decoration: none;
	line-height: 42px;
	border: 2px solid #FFFFFF;
	border-radius: 3px;
	text-align:center;
    }
    ul.customerservice-menu1 a:hover { /* 滑鼠滑入按鈕變色*/
	background-image: -webkit-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	font-family: 微軟正黑體;
	font-weight: bold;
	text-align:center;
    }
    ul.customerservice-menu1 li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/
	background-color: #fff;
	color: #A4A3A3;		
    }
ul.customerservice-menu1 ul {
        position: absolute;
        z-index: 99;
        left: -1px;
        top: 100%;
       min-width: 205px;
    }

    

    ul.customerservice-menu1 ul li:last-child {
        border-bottom: none;
    }

    ul.customerservice-menu1 ul ul { /*第三層以後的選單出現位置與第二層不同*/
        z-index: 999;
        top: 10px;
        left: 90%;
    }
	 ul.customerservice-menu1 ul { /*隱藏次選單*/
        display: none;
    } 

    ul.customerservice-menu1 li:hover > ul { /* 滑鼠滑入展開次選單*/
        display: block;
    }
	
	
	/*選單UL消失*/




.electronma_2 .customerservice-menu .hiddenul_li {
	color: #A4A3A3;
	font-family: 微軟正黑體;
	font-weight: bold;
	text-decoration: none;
    line-height: 42px;
	border: 2px solid #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
}

#maincontent .electronmall-2 .customerservice-menu {
	color: #A4A3A3;
	font-family: 微軟正黑體;
	font-weight: bold;
	text-decoration: none;
    line-height: 42px;
	border: 2px solid #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
}

.electronmall-2 .customerservice-menu .hiddenul_li {
	color: #A4A3A3;
	font-family: 微軟正黑體;
	font-weight: bold;
	text-decoration: none;
    line-height: 42px;
	border: 2px solid #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
}

div .customerservice-menu .hiddenul_li {
	color: #C7B08C;
	font-family: 微軟正黑體;
	font-weight: bold;
	text-decoration: none;
    line-height: 42px;
	text-align:center;
	background-image: -webkit-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
}

div .customerservice-menu1 .hiddenul_li {
	color: #C7B08C;
	font-family: 微軟正黑體;
	font-weight: bold;
	text-decoration: none;
    line-height: 42px;
	text-align:center;
	background-image: -webkit-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(213,213,213,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
}


	/* 選單結束*/


.news-22 {
    height: auto;
	width: 1022px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	color: #000000;
	padding-bottom: 60px;
}

#maincontent .news-22 .choose_tree {
	width: 890px;
	height: 40px;
	background-color: #93c23a;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}

.tree-2b{
	height: auto;
	width: 1022px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	color: #000000;
	padding-bottom: 60px;
}

.choose_tree div select {
	font-family: 微軟正黑體;
	font-size: 12pt;
	width: 140px;
	height: 32px;
	color: #fff;
	text-decoration: none;
	margin-right: -136px;
	margin-top: -35px;
	background-color: #999;
	float: right;
	border: thin solid #FFFFFF;
}
.news-22 .choose_tree div {
	font-family: 微軟正黑體;
	color: #FFFFFF;
	width: 60px;
	height: 40px;
	margin-left: 690px;
	font-size: 14pt;
	text-decoration: none;
	line-height: 32pt;
	float: left;
}
.news-22 div .table_tree {
	width: 850px;
	height: 40px;
	margin-left: 100px;
	text-align: center;
	text-decoration: none;
	font-size: 12pt;
	line-height: 24pt;
	color: #000000;
}
#maincontent .news-22 .table_tree {
	width: 820px;
	height: 40px;
	margin-left: 136px;
	margin-top: -30px;
}

#maincontent .news-22 .table_treetd {
    font-family: 微軟正黑體;
	color: #000000;
	font-size: 12pt;
	line-height: 30pt;
}

#maincontent .tree-2b .tree_area {
	height: auto;
	width: 850px;
	font-family: 微軟正黑體;
	color: #000000;
	font-size: 12pt;
	line-height: 30pt;
	

	margin-top: 70px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	text-align: left;
	text-indent: 5px;
}
#maincontent .news-22 .page_no {
	color: #000000;
	height: 50px;
	width: 600px;
	font-family: 微軟正黑體;
	color: #000000;
	font-size: 12pt;
	margin: 0 auto;
	line-height: 30pt;
}

.customerservice-menu li .hiddenul_li {
	color: #A4A3A3;
	font-family: 微軟正黑體;
	font-weight: bold;
	text-decoration: none;
    line-height: 42px;
	border: 2px solid #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -moz-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: -o-linear-gradient(270deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	background-image: linear-gradient(180deg,rgba(154,154,154,1.00) 11.40%,rgba(255,255,255,1.00) 13.99%);
	z-index:1000;
}


