@charset "utf-8";

/*通用樣式*/

ol, ul {

	list-style:none;

}

a:link {

	color: #FFF;

	text-decoration: none;

}

a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

a:hover {

	color: #FFF;

	text-decoration: none;

}

a:active {

	color: #FFF;

	text-decoration: none;

}

.textEditor a{

	color:#06F;}

iframe, #following, .follow, #address, .menu, #rainbow, #rainbow2 {

	margin:0px; 

	float:left;

}

.textEditor iframe {

	float: none!important;

}

.text{

  margin: 0; padding: 0;

  display: inline-block;

  font-size:14px;

  vertical-align: middle;

}



/*上方LOGO*/

#logo1{

	width:250px;

	position:absolute;

	top:23px;

	left:25px;}

#logo2{

	display:none;}

#top01{

	position:relative;

	width:100%;

	height:100px;

	background-color: #4696E1;

	float:left;

}

#top02{

	display:block;}

#top03{

	display:none;}

#top02 a, #top02 a.hover, #top02 a.visited, #top02 a.active {

	color: #FFFFFF;

	text-decoration: none;}



#top03 a, #top03 a.hover, #mop03 a.visited, #top03 a.active {

	color: #FFFFFF;

	text-decoration: none;}

	

#mlogo1{

	width:250px;

	position:absolute;

	top:0px;

	left:25px;}

#mlogo2{

	display:none;}

#mtop01{

	position:relative;

	width:100%;

	height:60px;

	background-color: rgba(62,155,150,0.8);

	float:left;

}

#mtop02{

	display:block;}

#mtop03{

	display:none;}

#mtop02 a, #mtop02 a.hover, #mtop02 a.visited, #mtop02 a.active {

	color: #FFFFFF;

	text-decoration: none;}



#mtop03 a, #mtop03 a.hover, #mtop03 a.visited, #mtop03 a.active {

	color: #FFFFFF;

	text-decoration: none;}



.topmanu01, .topmanu02, .topmanu03, .topmanu04, .topmanu05, .topmanu06{

	padding:5px 0 0 0;

	text-align:center;

	width:160px;

	height:23px;

	float:right;

}

	

.topmanu01, .topmanu04{

	background-color:#00bb00;}



.topmanu02, .topmanu05{

	background-color:#00bb66;}

	

.topmanu03, .topmanu06{

	background-color:#00bb88;}





/*按鈕選單*/



#menu{

	background-color: rgba(62,155,150,0.8);

	width: 100%;

	float:left;

	outline: 0;}



#menu ul{

	margin: 0;

	padding: 0;

	text-align:center;

	position:relative;}

	

#menu li {

    float: left;

}

/*Level 1*/

#menu ul li{

	display:inline-block;

	position:relative;

	width: 14.285%;}

	

#menu ul li a{

	display:block; height:60px; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF;

	line-height:12px; text-decoration:none;}



#menu > ul > li > a {

	font-size:0;}



#menu ul li a:hover{ background:rgba(62,155,150,0.5); opacity: .6; color: yellow;}



/*Level 2*/

#menu ul li ul { position:absolute; left: 0; clear: both; width: 100%; margin: 0; padding: 0; display: none;}



#menu ul li ul li a { padding-top:15px; height: 45px; }



#menu ul li ul li { float:none; text-align: center; }



#menu ul ul li { display:block; width: 100%; background-color: rgba(62,155,150,0.6); }



/*Level 3*/

#menu ul ul ul { position: relative; left: 0; clear: both; width: 100%; margin: 0; padding: 0; display: none;}



#menu ul ul ul li a{ padding-top: 15px; height: 45px; }



#menu ul li ul li ul li { float: none; text-align: center; }



#menu ul ul ul li { display:block; width: 100%; background-color: rgba(62,155,150,0.6); }



.menu_bg1 {

	border-top: 2px solid #DFA440;

	background:url(../image/menu01A.png) no-repeat center center;

}



.menu_bg2 {

	border-top: 2px solid #AADA50;

	background:url(../image/menu02A.png) no-repeat center center;

}



.menu_bg3 {

	border-top: 2px solid #E99885;

	background:url(../image/menu03A.png) no-repeat center center;

}



.menu_bg4 {

	border-top: 2px solid #5DB4F7;

	background:url(../image/menu04A.png) no-repeat center center;

}



.menu_bg5 {

	border-top: 2px solid #A898FB;

	background:url(../image/menu05A.png) no-repeat center center;

}



.menu_bg6 {

	border-top: 2px solid #EBC03D;

	background:url(../image/menu06A.png) no-repeat center center;

}



.menu_bg7 {

	border-top: 2px solid #CBD5DE;

	background:url(../image/menu07A.png) no-repeat center center;

}



.main_bg1 {

	background:url(../image/menu01A.png) no-repeat center center;

}



.main_bg2 {

	background:url(../image/menu02A.png) no-repeat center center;

}



.main_bg3 {

	background:url(../image/menu03A.png) no-repeat center center;

}



.main_bg4 {

	background:url(../image/menu04A.png) no-repeat center center;

}



.main_bg5 {

	background:url(../image/menu05A.png) no-repeat center center;

}



.main_bg6 {

	background:url(../image/menu06A.png) no-repeat center center;

}



.main_bg7 {

	background:url(../image/menu07A.png) no-repeat center center;

}



/*彩虹圖片 background-image:url(../image/rainbow.png); background-size: 100% 8px; background-image:url(../image/rainbow.png); background-size: 100% 5px;*/

#rainbow { width:100%; height: 8px; margin: 0; padding: 0;  }

#rainbow2 { width:100%; height: 5px; margin: 0; padding: 0;  }



/*無此網頁*/

#nopage { width:100%; height:335px; background-color:#FFFFFF; margin: 0; padding: 0; background:url(../image/nopage.png) no-repeat center center; }



/*手機版選單*/

/* mobile menu 手機板系列 */

#mobiMenu{width:100%; background:rgba(62,155,150,0.7); font-size:16px; color:#FFFFFF; line-height:40px; text-align:center; cursor:pointer; display:none;}

#mobiBtn{display:block; width:100%; height:100%; }

#mobiBtn a { color: #00e; }

#mobiBtn a:visited { color: #551a8b; }

#mobiBtn a:hover { color: #06e; }

#mobiBtn a:focus { outline: thin dotted; }



/*#mobiMenu ul{display:none;}

#mobiMenu > ul > li > a{display:block; width:100%; font-size:15px; color:#FFF; line-height:40px; text-decoration:none; border-top:1px dashed #FFF; background:#89b532; text-align:center; transition:all .3s;}

#mobiMenu > ul > li > a:hover{background:#2158a7;}*/



/*第一層*/

#mobiMenu ul > li a:hover{ background:#2d7cc4; opacity: .6; color: yellow;}

#mobiMenu ul > li a{display:block; width:100%; height:40px; font-size:14px; color:#FFFFFF; line-height:40px; text-decoration:none; border-top:1px dashed #FFF; background:rgba(62,155,150,0.7); text-align:center; transition:all .3s;}

/*第二層*/

#mobiMenu ul ul li > a:hover{background:rgba(62,155,150,0.8); opacity: .6; color: yellow;}

#mobiMenu ul ul li > a{display:block; width:100%; height:40px; font-size:14px; color:#FFFFFF; line-height:40px; text-decoration:none; border-top:1px dashed #FFF; background:rgba(62,155,150,0.7); text-align:center; transition:all .3s;}

/*第三層*/

#mobiMenu ul ul ul li > a:hover{background:rgba(62,155,150,0.9); opacity: .6; color: yellow;}

#mobiMenu ul ul ul li > a{display:block; width:100%; height:100%; font-size:14px; color:#FFFFFF; line-height:40px; text-decoration:none; border-top:1px dashed #FFF; background:rgba(62,155,150,0.8); text-align:center; transition:all .3s;}



#mobiMenu ul {display:none; padding:0; margin: 0; z-index:9;}

#mobiMenu ul ul {display:none; padding:0; margin: 0; z-index:99;}

#mobiMenu ul ul ul {display:none; padding:0; margin: 0; z-index:999;}





/*下方選單與住址*/

#following{

	width:100%;}

#following a, #following a.hover, #following a.visited, #following a.active {

	color: #FFFFFF;

	text-decoration: none;}

.follow {

	width:16.66%;

	height:50px;

    text-align:center;

    margin: 0 auto;

	padding: auto;

    font-size:0;

}

.follow:before{

  content: '測試';

  display: inline-block;

  vertical-align: middle;

  width: 0;

  height: 100%;

}

#mfollowing{

	width:100%;}

.mfollow {

	/*width:250px;*/

	height:50px;

    text-align:center;

    margin: 0 auto;

	padding: auto;

    font-size:0;

}

.mfollow:before{

  /*content: '測試';

  display: inline-block;

  vertical-align: middle;

  width: 0;

  height: 100%;*/

}



#mfollowing a, #mfollowing a.hover, #mfollowing a.visited, #mfollowing a.active {

	color: #FFFFFF;

	text-decoration: none;}



#address{

	width:100%;

	height:30px;

	background-color: #F3F3F3;

    margin: 0 auto;

	padding: auto;

	color:#999;

	text-align:center;

	font-size:0;}



#address:before{

  content: '測試';

  display: inline-block;

  vertical-align: middle;

  width: 0;

  height: 100%;

}



.follow_bg1{

	background-color:#7050D7;}

	

.follow_bg2{

	background-color:#2DA7EA;}



.follow_bg3{

	background-color:#F16544;}

	

.follow_bg4{

	background-color:#5BB51F;}

	

.follow_bg5{

	background-color:#FFACCA;}

	

.follow_bg6{

	background-color:#008585;}

	

.follow_bg7{

	background-color:#858500;}

	

.follow_bg8{

	background-color:#940094;}

	

.follow_bg999{

	background-color:#FF9710;}

	

.mfollow_bg1{

	background:url(../image/left01B.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2{

	background:url(../image/left02B.png) no-repeat center center;

	background-size: cover;}



.mfollow_bg3{

	background:url(../image/left03B.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg4{

	background:url(../image/left04B.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg5{

	background:url(../image/left05B.png) no-repeat center center;

	background-size: cover;}



.mfollow_bg6{

	background:url(../image/left06B.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2_1{

	background:url(../image/left02_1.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2_2{

	background:url(../image/left02_2.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2_2_1{

	background:url(../image/left02_2_1.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2_2_2{

	background:url(../image/left02_2_2.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2_2_3{

	background:url(../image/left02_2_3.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2_2_4{

	background:url(../image/left02_2_4.png) no-repeat center center;

	background-size: cover;}



.mfollow_bg2_2_5{

	background:url(../image/left02_2_5.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg2_2_6{

	background:url(../image/left02_2_6.jpg) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg4_1{

	background:url(../image/left04_1.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg4_2{

	background:url(../image/left04_2.png) no-repeat center center;

	background-size: cover;}

	

.mfollow_bg999{

	background:url(../image/left999.png) no-repeat center center;

	background-size: cover;}

	

#mobiFollow{

	display:none;}

	

/*快速連結新選單*/

.main01 { /* 取消ul預設的內縮及樣式 */

	width: 270px !important;

    display: block;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 15pt;

    margin: 15px 0 0 0;

    padding: 0;

    list-style: none;

}



.main01 li {

	position: relative;

	width: 250px;

    white-space: normal;

	text-indent: -10px;

	cursor: pointer;

}



.main01 > li {

    float: left; /* 只有第一層是靠左對齊*/

}



.main01 ul{

    position: absolute;

	z-index: 99;

	left: 83%;

    top: 5px;

	min-width: 180px;

	display: none;

	list-style: none;

	font-size: 14px;

	padding: 0 0 0 10px; 

	margin: 0;

}



.main01 ul li{

	float: left;

}



.main01 ul li:first-child {



}



.main01 li:hover > ul { /* 滑鼠滑入展開次選單*/

    display: block;

}



.main01 ul ul { /*第三層以後的選單出現位置與第二層不同*/

    z-index: 999;

	left: 85%;

    top: 5px;

}

	

/*第一層*/

#mobiFollow ul > li > p a{display:block; width:100%; height:40px; font-size:14px; color:#FFFFFF; line-height:40px; text-decoration:none; text-align:center; transition:all .3s;}



@media screen and (max-width:1024px){

/*按鈕選單*/

.menu_bg1 {

	border-top: 2px solid #DFA440;

	background:url(../image/menu01_1.png) no-repeat center center;

}



.menu_bg5 {

	border-top: 2px solid #A898FB;

	background:url(../image/menu05_1.png) no-repeat center center;

}



.menu_bg6 {

	background:url(../image/menu06_1.png) no-repeat center center;

}



.main_bg1 {

	background:url(../image/menu01_1.png) no-repeat center center;

}



.main_bg5 {

	background:url(../image/menu05_1.png) no-repeat center center;

}



.main_bg6 {

	background:url(../image/menu06_1.png) no-repeat center center;

}



#address{

	height:50px;}

}

	

@media screen and (max-width:840px){



/*上方LOGO*/

#top01{

	height:60px;}

#logo1{

	display:none;}

#logo2{

	display:block;

	width:150px;

	position:absolute;

	top:10px;

	left:15px;}

#top02{

	display:none;}

#top03{

	display:block;}

	

#mtop01{

	height:50px;}

#mlogo1{

	display:none;}

#mlogo2{

	display:block;

	width:150px;

	position:absolute;

	left:15px;}

#mtop02{

	display:none;}

#mtop03{

	display:block;}



.topmanu04, .topmanu05, .topmanu06{

	width:100px;

	float:right;}

/*

.topmanu04{

	background-color:#b8e53c;}



.topmanu05{

	background-color:#ff9878;}

	

.topmanu06{

	background-color:#66beff;}

*/

}

		

@media screen and (max-width:768px){

#navigation{display:none;}

#mobiMenu{display:block;}

#following{display:none;}

#mobiFollow{display:block;}



.follow {

	width:100%;}



.menu_bg1 {

	border-top: none;

	background: none;

}



.menu_bg2 {

	border-top: none;

	background: none;

}



.menu_bg3 {

	border-top: none;

	background: none;

}



.menu_bg4 {

	border-top: none;

	background: none;

}



.menu_bg5 {

	border-top: none;

	background: none;

}



.menu_bg6 {

	border-top: none;

	background: none;

}



.menu_bg7 {

	border-top: none;

	background: none;

}



.main_bg1 {

	border-top: none;

	background: none;

}



.main_bg2 {

	border-top: none;

	background: none;

}



.main_bg3 {

	border-top: none;

	background: none;

}



.main_bg4 {

	border-top: none;

	background: none;

}



.main_bg5 {

	border-top: none;

	background: none;

}



.main_bg6 {

	border-top: none;

	background: none;

}



.main_bg7 {

	border-top: none;

	background: none;

}

}



@media screen and (max-width:540px){

#top01{

    padding:0;

	margin:0;

	width: 100%;

	height:90px;

	overflow:hidden;}

#logo2{

	width:100%;

	position:relative;

	text-align:center;

	margin:0;

    padding:0;}

#mtop01{

    padding:0;

	margin:0;

	width: 100%;

	height:90px;

	overflow:hidden;}

#mlogo2{

	width:100%;

	position:relative;

	text-align:center;

	margin:0;

    padding:0;}

#top03{

	position:relative;

	width:100%;

	height: 23px;

	top:15px;

	left:0;

	padding:0;

	text-align:center;}

.topmanu04, .topmanu05, .topmanu06{

	width: 33.33%;}



	

	

	

}


.left-menu-img{
  display: inline;
  width: 35px;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
}

.left-munu-text
{
  font-size: 20px;
  margin-top: 5px;
  color: #62ACA6;
}

.left-menu-col:hover
{
   margin-left: 50px;
   display: flex;
}

.left-menu-col:hover h4
{
   color:white;
}
.left-menu-col:hover
{
   background:#62ACA6; 
}