@charset "utf-8";

html, body {
	margin:0;
	padding:0;
}
body{
	font:62.5%/1 "微軟正黑體", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:100%; /* Safari and Chrome */
	-ms-text-size-adjust:100%;     /* IE 9 */
}
a {
	color:#30bf48;
	text-decoration:none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	cursor:pointer;
}
a:hover {
	text-decoration: none;
	color: #ff6600;
}
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); }
img {
	border: none;
	vertical-align: middle;
}
.ellipsis{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;/* IE/Safari */
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;/* Opera */
	-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/
}
.pic-zoom {transition: all 1s;}
.pic-zoom:hover, .pic-zoom:active{transform:scale(1.1);} 

.comingSoon {
    width: 100%;
    float: left;
    padding: 20px 0;
    font-size: 9em;
    line-height: 1.2;
    color: #ddd;
    text-align: center;
    margin-top: 50px;
    font-family: Arial, Helvetica, sans-serif;
}

.nsfont{
    font-size: 16px;
}

/** Layout **/
#wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding:0;
	min-width: 1260px;
}
.container {
	width:1168px;
	margin: 0 auto;
	padding:0;
}
.hide-panel {
	display:none;
}
.sr-only, legend {
    position: fixed;
    width: 1px;
    height: 1px;
	color: #000;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
	font-size:12px;
    margin: 0;
    overflow: visible;
    clip: auto;
}
fieldset { display: inline-block;}
.acKey {
	width:100%;
	margin: 0 auto;
}
.acKey a,
.acKey a:hover {
	color: #fff;
	text-decoration:none;
	font-size:12px;
}
label.dnone, label.name { display: none; }

.font-black { color:#333333;}
.font-gray { color:#999999;}
.font-light-gray { color:#666666;}
.font-green { color:#1daa22;}
.font-orange { color:#ff6600;}
.font-pink { color:#E966A0;}
.font-yellow { color:#F39700;}
.font-white{ color:#ffffff;}

/** header **/
#header {
	width:100%;
	margin: 0 auto;
}

/* ----- topHead ----- */
#topHead {
	width:100%;
	height:102px;
	margin: 0 auto;
}
#topHead .logo {
	float:left;
	margin-top:22px;
}
#topHead .logo a{
	width:402px;
	height:57px;
	display:block;
	background-image:url(../images/logo.svg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}
#topHead .addon {
	float:right;
	text-align:right;
	margin:45px 120px 0 0;
}
#topHead .addon ul {
	float:right;
	list-style:none;
}
#topHead .addon ul li {
	float:left;
}
#topHead .addon ul li a {
	color:#999;
	font-size:14px;
	margin:0 12px;
}
#topHead .addon ul li.fontdark a {
	color:#333;
}
#topHead .addon ul li a:hover {
	color:#30bf48;
}
#topHead .addon ul li .div-line {
	float:left;
	width:1px;
	height:14px;
	background:url(../images/addon-div.png) no-repeat 50% 50%;
}
#topHead .addon ul li a.btn-lang {
	display:block;
	width:48px;
	color:#30bf48;
	font-size:12px;
	line-height:12px;
	text-align:center;
	padding:3px 0 5px 0;
	margin:0;
	border:1px solid #30bf48;
}
#topHead .addon ul li a.btn-lang.on {
	color:#FFF;
	background:#30bf48;
}
#topHead .addon ul li a.uKey,
#topHead .addon ul li a.uKey:hover{
	color: #fff;
	text-decoration:none;
	margin:0;
}


/* ----- Menu ----- */
#navMenu{
	width:100%;
	height:69px;
	margin:0 auto;
	background:#36842a;
}
#menu {
	float:left;
	list-style:none;
	margin:20px 0 0 0;
}
#menu > li{
	float:left;
	margin:0 30px 0 10px;
}
#menu > li > a {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
#menu > li.unit-now > a {
	color:#fff45c;
}
#menu > li.unit-now:hover > a {
	color:#fff45c;
}
#menu > li:hover > a {
	color:#fff45c;
}


/* ----- searchZone ----- */
.searchZone {
	position: relative;
	top: 0;
	right: 0;
	z-index: 100;
}
.searchZone .lookBtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 102px;
	height: 102px;
	z-index: 2;
}
.searchZone .lookBtn a {
	display:block;
	width:102px;
	height:102px
}
.searchZone .lookBtn a img {
	margin:0;
}
.searchZone .search {
	position:absolute;
	display:none;
	right:102px;
	top:0px;	
	z-index:50;
	width:470px;
	height:102px;
	background:#f0f0f0;
}
.searchZone .box {
	position:relative;
	width:470px;
	height:102px;	
	border:none;
	background:none;
	-webkit-transition: .3s;
		  transition: .3s;
	-webkit-transition: all 400ms ease;
			transition: all 400ms ease;
}
.searchZone .box input {
	border:none;	
}
.searchZone .box .search-txt{
	float:left;
	width:330px;	
	height:62px;
	color:#333333;
	font-size:2em;
	font-family:"微軟正黑體", Helvetica, sans-serif;
	border:none;
	background: none;
	margin-top:20px;
	padding:0 20px;
	outline:none;
	background:none;
}
.searchZone .box .search-btn {
	float:right;
	display:block;
	width:100px;
	height:102px;
	background:#36842a url(../images/btn-input-search.png) no-repeat 50% 50%;
	margin:0;		
	text-indent:-9999px;
	cursor:pointer;
}
.searchZone .box .search-btn:hover {
	background:#36842a url(../images/btn-input-search-hover.png) no-repeat 50% 50%;
}


/** main **/
#main {
	width: 100%;
	margin: 0 auto;
	padding:0;
}


/** fat-footer **/
.fat-footer {
	position:relative;	
	zoom:1;
	width:100%;
	margin:0 auto;
	background:#464646;
}
.fat-footer .trigger {
	float:left;
	width: 100%;
	padding:20px 0;
	text-align:center;
}
.fat-footer .trigger .tit-Panell {
	float:left;
	width: 100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;	
	margin-top:20px;
}
.fat-footer .trigger a {
	width:110px;
	height:auto;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}
.fat-footer .trigger a:hover {
	color:#1daa22;
}
.fat-footer .trigger a.open-Panell,
.fat-footer .trigger a.close-Panell {
	display:none;	
}
.fat-footer .trigger a.open-Panell span,
.fat-footer .trigger a.close-Panell span {
	display:block;
	width:110px;
	padding-top:20px;
	margin:0 auto;
}
.fat-footer .trigger a.open-Panell span {
	background:url(../images/open-Panell.png) no-repeat 50% 0;
}
.fat-footer .trigger a.open-Panell:hover span {
	background:url(../images/open-Panell-hover.png) no-repeat 50% 0;
}
.fat-footer .trigger a.close-Panell span {
	background:url(../images/close-Panell.png) no-repeat 50% 0;
}
.fat-footer .trigger a.close-Panell:hover span {
	background:url(../images/close-Panell-hover.png) no-repeat 50% 0;
}
.fat-footer .fat-nav {
	float:left;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
}
.fat-L {
	float: left;
	width: 960px;
	border-right: 1px solid #595959;
	padding-bottom: 20px;
}
.fat-R {
	float:right;
	width: 170px;
	padding-bottom: 20px;
}
/** 胖頁尾左側 **/
.fat-L .sm {
	float:left;	
	padding:0 0 20px;
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.fat-L .sm dl {
	float:left;
	padding:20px 22px 0 0;
	width:215px;
}
.fat-L .sm dl dt {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #6b6b6b;
	line-height:1.3;
}
.fat-L .sm dl dt a {
	color:#fff;
}
.fat-L .sm dl dd {
	color:#b6b6b6;
	font-size:14px;
	margin-top:7px;
}
.fat-L .sm dl dd a {
	color:#b6b6b6;
}
.fat-L .sm dl dt a:hover,.fat-L .sm dl dd a:hover {
	color:#ff6600;
}
/** 胖頁尾右側 **/
.fat-R .ws {
	float:left;	
	padding: 20px 0;
	margin-bottom: 20px;
}
.fat-R .ws dl, .fat-R .social dl {
	float:left;
	padding:0 18px 0 0;
	width:170px;
}
.fat-R .ws dl dt, .fat-R .social dl dt {
	color: #1daa22;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #317834;
}
.fat-R .ws dl dt a, .fat-R .social dl dt a {
	color:#1daa22;
}
.fat-R .ws dl dd {
	color:#1daa22;
	font-size:14px;
	margin-top:7px;
}
.fat-R .ws dl dd a {
	color:#1daa22;
}
.fat-R .ws dl dt a:hover,.fat-R .ws dl dd a:hover {
	color:#ff6600;
}
.fat-R .social {
	float: left;
	margin: 20px 0;
}
.fat-R .social dl dd {
	margin-top:7px;
	text-indent:-9999px;
}
.fat-R .social dl dd .icon-fb {
	float:left;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/icon-social.png) 0 0;
	margin-right:1px; 
}
.fat-R .social dl dd .icon-fb:hover {
	background-position: 0 -40px;
}
.fat-R .social dl dd .icon-gplus {
	float:left;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/icon-social.png) -40px 0;
	margin-right:1px;
}
.fat-R .social dl dd .icon-gplus:hover {
	background-position:-40px -40px;
}
.fat-R .social dl dd .icon-twitter {
	float:left;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/icon-social.png) -80px 0;
	margin-right:1px; 
}
.fat-R .social dl dd .icon-twitter:hover {
	background-position:-80px -40px;
}
.fat-R .social dl dd .icon-youtube {
	float:left;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/icon-social.png) -120px 0;
	margin:0;
}
.fat-R .social dl dd .icon-youtube:hover {
	background-position:-120px -40px;
}



/** footer **/
#footer {	
	width: 100%;
	margin:0 auto;
	padding:25px 0;
}
.aplus {
	float:left;
	margin:5px 10px 0 0;	
}
.copyright {
	float:left;
	color:#666;
	font-size:14px;
	line-height:175%;
}
.copyright dt {
	font-size:14px;
	font-weight:bold;
}
.copyright dd a { 
	color: #666;	
}
.copyright dd a:hover { 
	color: #f60;	
}
.copyright dd span { 
	font-weight: bold;
	color: #1daa22;	
}
/** org **/
.org{
	float: right;
}
.org dl{
	padding:0;
	margin:5px 15px 0 0;
	float:left;
}
.org dl.dd1{
	width:157px;
}
.org dl.dd2{
	width:207px;
}
.org dt{
	width:100%;
	font-size:14px;
	color:#666;
	height:20px;
	background: url(../images/f-orgTline.jpg) repeat-x right center;
}
.org dt span{
	background-color:#ffffff;
	padding-right:6px;
}
.org dd{
	width:100%;
	margin-top:6px;
}
.org dd a:hover{
	position:relative;
	top:1px;
}

#goTop {
	position:fixed;
	display:block;
	right:30px;
	bottom:30px;
	z-index:900;
}
#goTop a {
	float:left;
	display:block;
	width:50px;
	height:50px;
	border:1px solid #CCC;
	box-sizing:border-box;
	background:url(../images/btn-top.png) no-repeat 50% 0;
}
#goTop a:hover,
#goTop a:focus {
	border:1px solid rgba(30,170,30,.5);
	background:rgba(30,170,30,0.8) url(../images/btn-top-hover.png) no-repeat 50% 100%;
}


/** com-main **/
.comMain {
	background: #d2ee8a url(../images/com-Main.jpg) no-repeat;
	background-size: cover;
	height: 150px;
}


/** breadcrumbs **/
#breadcrumbs {
	width: 100%;
	color: #545454;
	font-size: 1.4em;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	height: 44px;
}
#breadcrumbs .container {
	width:1168px;
	margin:0 auto;
}
#breadcrumbs dl {
	float:left;
}
#breadcrumbs dt {
	float: left;
	width: inherit;
	border-left: 1px solid #e0e0e0;
	background: #f0f0f0 url(../images/bread-list.png) no-repeat right 50%;
	padding: 0 30px 0 0;		
}
#breadcrumbs dt a.bread-home {
	float:left;
	display:block;
	color: #545454;
	background:url(../images/bread-home.png) no-repeat 23px 50% ;
	margin:15px 0;
	padding: 0 10px 0 40px;	
}
#breadcrumbs dt a.bread-home:hover {
	background:url(../images/bread-home-over.png) no-repeat 23px 50% ;
}
#breadcrumbs dt a.acKey2 {
	float:left;
	display:block;
	color: #f0f0f0;
	margin:15px 0;
	padding: 0px;	
}
#breadcrumbs dt a.acKey2:hover {
	color: #f0f0f0;
}
#breadcrumbs dd {
	float: left;
	width: inherit;
	color: #545454;
	background: #f0f0f0 url(../images/bread-list.png) no-repeat right 50%;
	line-height: 44px;
	padding: 0 40px 0 20px;	
}
#breadcrumbs dd a {
	float:left;
	color:#545454;
}
#breadcrumbs dd a:hover, #breadcrumbs dt a:hover {
	color:#f60;
}
#breadcrumbs dd.bcnd {
	float: left;
	color: #545454;
	background: #f0f0f0 url(../images/bread-list-2.png) no-repeat right 50%;
	padding: 0 40px 0 20px;	
}


/** comPage **/
#comPage{
	width:1168px;
	margin: 0px auto;
	padding:32px 0 60px 0;
}
#comPage .com-L{
	float:left;
	width: 250px;
	margin-right:60px;
}
#comPage .com-R {
	float: right;
	width: 858px;
}
#comPage .com-C{
	width:100%;
}

/** aside-menu **/
#aside-menu {
	float:left;
	width:100%;
	margin:0;
}
#aside-menu > .unit {
	display: block;
	width: 100%;
	height: 220px;
	font-size: 3em;
	font-weight: bold;
	color: #fff;
	background: url(../images/aside-unitBg.jpg) no-repeat;
	text-align: center;
	-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	text-shadow:1px 1px 5px rgba(0,0,0,0.6);	
}
#aside-menu.zero > .unit {
	background: url(../images/aside-unitBg2.jpg) no-repeat;
}
#aside-menu.cv > .unit{
	background: url(../images/aside-unitBg3.jpg) no-repeat;
}
#aside-menu > .unit small{
	font-size: 0.8em;	
}
#aside-menu > ul {
	width:248px;
	list-style:none;
	padding:0;
	margin:0 auto;
	overflow:inherit;
	border:none;
	border: 1px solid #e0e0e0;
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.3); 
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);
	-ms-text-shadow:0 1px 0 rgba(0,0,0,0.3);	 
	box-shadow:0 1px 0 rgba(0,0,0,0.3);
}
#aside-menu > ul > li {
	border-bottom: 1px dashed #e0e0e0;
}
#aside-menu > ul > li:last-child {
	border-bottom:none;
}
#aside-menu > ul > li > a, #aside-menu > ul > li > a:active {
	display: block;
	color: #000;
	font-size:1.6em;
	font-weight:bold;
	padding:18px 30px 18px 18px;
	text-decoration:none;
	background:url(../images/aside-menu-list.png) no-repeat right 0;
}
#aside-menu > ul > li > a:hover {
	color: #666666;
	background:#FFF url(../images/aside-menu-list.png) no-repeat right 0;
}
#aside-menu > ul > li:hover > a {
	color:#FFF;
	font-weight:bold;
	background:#333333 url(../images/aside-menu-list-hover.png) no-repeat right 0;
}
#aside-menu > ul > li.unit-now > a,
#aside-menu > ul > li.unit-now > a:hover {
	color:#FFF;
	font-weight:bold;
	background:#333333 url(../images/aside-menu-list-now.png) no-repeat right 0;
}
#aside-menu.zero > ul > li.unit-now > a,
#aside-menu.zero > ul > li.unit-now > a:hover {
	background:#333333 url(../images/aside-menu-list-now-zero.png) no-repeat right 0;
}
#aside-menu.cv > ul > li.unit-now > a,
#aside-menu.cv > ul > li.unit-now > a:hover {
	background:#333333 url(../images/aside-menu-list-now-cv.png) no-repeat right 0;
}
/* ---------- navSmenu ---------- */ 
#aside-menu .navSmenu {
	width:100%;
	list-style:none;
	border-top:none;
	margin:0;
	padding:0 15px;
	box-sizing:border-box;
	background:#f0f0f0;
}
#aside-menu .navSmenu li {
	display:inline-block;
	width:100%;
	margin-top:1px;
	border-bottom:dashed 1px #75cfd8;
}
#aside-menu .navSmenu li:first-child {
	margin-top:0;
}
#aside-menu .navSmenu li a {
	position:relative;
	display:inline-block;
	width:100%;
	color:#333;
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
	padding:15px;
	box-sizing:border-box;
}
#aside-menu .navSmenu li a:hover,
#aside-menu .navSmenu li a:focus  {
	color:#0099cc;
}
#aside-menu .unit-now.show > a {
    background: #333333 url(../images/aside-menu-list-now-zero.png) no-repeat right 0;
}
#aside-menu .open > a {
	background:#e4e4e4;
}
#aside-menu .unit-now .navSmenu {
	display:block;
	background:#d8f5fa;
}
#aside-menu .unit-now .navSmenu li a:hover,
#aside-menu .unit-now .navSmenu li a:focus {
	color:#0099cc;
}
#aside-menu .unit-now .navSmenu li.unit-now a {
	color:#0099cc;
    background: url(../images/com-ico-7.png) no-repeat 0;	
}
/**/
#aside-menu.cv .unit-now .navSmenu {
	background:#DCF9F6;
}
#aside-menu.cv .unit-now .navSmenu li a:hover,
#aside-menu.cv .unit-now .navSmenu li a:focus {
	color:#1b998b;
}
#aside-menu.cv .unit-now .navSmenu li.unit-now a {
	color:#1b998b;
    background: url(../images/com-ico-8.png) no-repeat 0;	
}
#aside-menu.cv .navSmenu li {
	border-bottom:dashed 1px #77d0c7;
}
#aside-menu .navSmenu li:last-child {
	border-bottom:none;
}
/**/
.LBD_CaptchaImageDiv {
	float:left;
}
.LBD_CaptchaIconsDiv {
	float:left;
	margin:2px 3px;
}
.LBD_ReloadIcon, .LBD_SoundIcon {
	margin:1px 0;
}