@media screen and (min-width: 800px) and (max-width:1398px){
.tag{
	top:0;
	left:0;
	width: 100%;
}
.tag.stick{
	left:0;
	top:72px;
	width:100%;
}
}

@media screen and (min-width: 690px) and (max-width: 770px) {
/* menu基本設定 */
.menuArea{
	width:100%;
	height:100%;
	padding:0;
    position: fixed;
    left:0;
    top:-1900px;
    font-size: 12px;
    z-index: 100;
}
.mobileSel{
	display:block;
	width:36px;
	height:36px;
	right:8px;
}

.lv1Menu{
   height:100%;
   margin:auto;
   padding:10% 8%;
   text-align: left;
   border:0;
   background:#4fb8bb;
   overflow:auto;
}
.lv1Menu > li{
    display:block;
    border:0;
    margin:0;
	padding:30px 0;
    border-bottom:1px dashed #fff;
}
.lv1Menu > li div{
	width:100%;
 	font:normal 3rem/1.5 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
 	color:#fff;
 	display: block;
 	cursor: pointer;
 	position: relative;
	padding-left:40px;
 	background:url(../images/menuItemBg.png) left 8px no-repeat;
	background-size:30px;
}
/*弟一層按鈕變色*/
.lv1Menu > li div:hover{
 	background:url(../images/menuItemBg.png) left 8px no-repeat;
	background-size:30px;
	cursor: default;
}
.lv1Menu > li div > .lv2Menu{
	width:100%;
	position: relative;
	z-index:1;
	margin-top:10px;	
	display:block;
	padding:0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background:none;
}
.lv1Menu > li div:hover > .lv2Menu{background:none; padding-top:0;}
.lv1Menu > li div > .lv2Menu li{
	font:normal 2.4rem/1.2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	width:32%;
	text-align: left;
	border-top:0;
	display: inline-block;
}
.lv1Menu > li div > .lv2Menu li a{
	padding:8px 10px;
}
/*茅點區*/
.tag{
	background-color:#4fb8bb;
	width: 100%;
}
.tag.stick{
	top:0;
	left:0;
	width: 100%;
}
.tag .archSelect{
	width:88%;
	display:block;
}

.tag .archList{
	display:none;
}
}

@media screen and (min-width: 500px) and (max-width: 689px) {
/* menu基本設定 */
.menuArea{
	width:100%;
	height:100%;
	padding:0;
    position: fixed;
    left:0;
    top:-1900px;
    font-size: 12px;
    z-index: 100;
}
.mobileSel{
	display:block;
	width:36px;
	height:36px;
	right:8px;
}

.lv1Menu{
   height:100%;
   margin:auto;
   padding:10% 8%;
   text-align: left;
   border:0;
   background:#4fb8bb;
   overflow:auto;
}
.lv1Menu > li{
    display:block;
    border:0;
    margin:0;
	padding:30px 0;
    border-bottom:1px dashed #fff;
}
.lv1Menu > li div{
	width:100%;
 	font:normal 3rem/1.5 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
 	color:#fff;
 	display: block;
 	cursor: pointer;
 	position: relative;
	padding-left:40px;
 	background:url(../images/menuItemBg.png) left 8px no-repeat;
	background-size:30px;
}
/*弟一層按鈕變色*/
.lv1Menu > li div:hover{
 	background:url(../images/menuItemBg.png) left 8px no-repeat;
	background-size:30px;
	cursor: default;
}
.lv1Menu > li div > .lv2Menu{
	width:100%;
	position: relative;
	z-index:1;
	margin-top:10px;	
	display:block;
	padding:0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background:none;
}
.lv1Menu > li div:hover > .lv2Menu{background:none; padding-top:0;}

.lv1Menu > li div > .lv2Menu li{
	font:normal 2.4rem/1.2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	width:32%;
	text-align: left;
	border-top:0;
	display: inline-block;
}
.lv1Menu > li div > .lv2Menu li a{
	padding:8px 10px;
}
/*茅點區*/
.tag{
	background-color:#4fb8bb;
	width: 100%;
}
.tag.stick{
	top:0;
	left:0;
	width: 100%;
}
.tag .archSelect{
	width:85%;
	display:block;
}

.tag .archList{
	display:none;
}
}

@media screen and (max-width: 499px) {
/* menu基本設定 */
.menuArea{
	width:100%;
	height:100%;
	padding:0;
    position: fixed;
    left:0;
    top:-1900px;
    font-size: 12px;
    z-index: 100;
}
.mobileSel{
	display:block;
	width:36px;
	height:36px;
	right:8px;
}

.lv1Menu{
   height:100%;
   margin:auto;
   padding:10% 8%;
   text-align: left;
   border:0;
   background:#4fb8bb;
   overflow:auto;
}
.lv1Menu > li{
    display:block;
    border:0;
    margin:0;
	padding:30px 0;
    border-bottom:1px dashed #fff;
}
.lv1Menu > li div{
	width:100%;
 	font:normal 3rem/1 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
 	color:#fff;
 	display: block;
 	cursor: pointer;
 	position: relative;
	padding-left:40px;
 	background:url(../images/menuItemBg.png) left 0px no-repeat;
	background-size:30px;
}
/*弟一層按鈕變色*/
.lv1Menu > li div:hover{
 	background:url(../images/menuItemBg.png) left 0px no-repeat;
	background-size:30px;
	cursor: default;
}
.lv1Menu > li div > .lv2Menu{
	width:120%;
	position: relative;
	z-index:1; 
	margin-top:10px;	
	display:block;
	padding:0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background:none;
}
.lv1Menu > li div:hover > .lv2Menu{background:none; padding-top:0;}

.lv1Menu > li div > .lv2Menu li{
	font:normal 1.5rem/1 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	width:30%;
	text-align: left;
	border-top:0;
	display: inline-block;
}
.lv1Menu > li div > .lv2Menu li a{
	padding:3px 5px;
	line-height:2.4rem;
}
/*茅點區*/
.tag{
	background-color:#4fb8bb;
	width: 100%;
}
.tag.stick{
	top:0;
	left:0;
	width: 100%;
}
.tag .archSelect{
	width:80%;
	display:block;
}

.tag .archList{
	display:none;
}
}


@media screen and (max-width: 320px) {
/* menu基本設定 */
.menuArea{
	width:100%;
	padding:0;
    position: fixed;
    left:0;
    top:-1900px;
    font-size: 12px;
    z-index: 100;
}
.mobileSel{
	display:block;
	width:36px;
	height:36px;
	right:8px;
}

.lv1Menu{
   height:100%;
   margin:auto;
   padding:5% 8%;
   text-align: left;
   border:0;
   background:#4fb8bb;
   overflow:auto;
}
.lv1Menu > li{
    display:block;
    border:0;
    margin:0;
	padding:10px 0;
    border-bottom:1px dashed #fff;
}
.lv1Menu > li div{
	width:100%;
 	font:normal 2.1rem/1 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
 	color:#fff;
 	display: block;
 	cursor: pointer;
 	position: relative;
	padding-left:30px;
 	background:url(../images/menuItemBg.png) left 0px no-repeat;
	background-size:21px;
}
.lv1Menu > li div:hover{
 	background:url(../images/menuItemBg.png) left 0px no-repeat;
	background-size:21px;
	cursor: default;
}
.lv1Menu > li div > .lv2Menu{
	width:120%;
	position: relative;
	z-index:1;
	margin-top:10px;	
	display:block;
	padding:0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background:none;
}
.lv1Menu > li div:hover > .lv2Menu{background:none; padding-top:0;}
.lv1Menu > li div > .lv2Menu li{
	font:normal 1.8rem/1 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	width:40%;
	text-align: left;
	border-top:0;
	display: inline-block;
}
.lv1Menu > li div > .lv2Menu li a{
	padding:3px 5px;
	line-height:2.6rem;
}
/*茅點區*/
.tag{
	background-color:#4fb8bb;
	width: 100%;
}
.tag.stick{
	top:0;
	left:0;
	width: 100%;
}
.tag .archSelect{
	width:80%;
	display:block;
}

.tag .archList{
	display:none;
}
}