@charset "utf-8";
/*--左右兩欄的垂直Menu--*/
.menu,.mlmenu,.TreeMenu,.act_area{
    width: 218px;
    margin: 0 auto;
    padding:10px 0 0 0;
    background: #FDFDFD;
    font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", Meiryo, "Meiryo UI", "微軟正黑體", "Microsoft JhengHei UI", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    line-height: 1.6em; /*字高(em)*/
    font-size: 14px;
}






.TreeMenu {
    /*--左邊窄一些--*/
    width: 200px;
}
.menu h2,.mlmenu h2,.TreeMenu h2,.ad h2,.act_area h2,.act_head2 {
/*秋
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
    border:1px solid #d83526;
    text-shadow:0px 1px 0px #b23e35;
*/
/*冬藍色*/
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	border:1px solid #84bbf3;
	text-shadow:0px 1px 0px #528ecc;

/*新年
    -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E2340B), color-stop(1, #c00000));
	background:-moz-linear-gradient(top, #E2340B 5%, #c00000 100%);
	background:-webkit-linear-gradient(top, #E2340B 5%, #c00000 100%);
	background:-o-linear-gradient(top, #E2340B 5%, #c00000 100%);
	background:-ms-linear-gradient(top, #E2340B 5%, #c00000 100%);
	background:linear-gradient(to bottom, #E2340B 5%, #c00000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2340B', endColorstr='#c00000',GradientType=0);
	background-color:#E2340B;
    border:1px solid #d02718;
    text-shadow:0px 1px 0px #810e05;
*/
   /*秋 
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	border:1px solid #eeb44f;
	text-shadow:0px 1px 0px #cc9f52;
    */
    
    
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
	display:block;
	color:#ffffff;
	font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei UI", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
	font-size:  1.2em;
	font-weight:bold;
	padding:0 24px;
	text-decoration:none;
    margin: 0 auto;
    letter-spacing: 3px;
    line-height: 1.8em;
    height: 1.8em;
}
.menu h2:hover,.TreeMenu h2:hover,.ad h2:hover,.act_area h2:hover {
/*秋
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
*/

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;

/*新年
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c00000), color-stop(1, #E2340B));
	background:-moz-linear-gradient(top, #c00000 5%, #E2340B 100%);
	background:-webkit-linear-gradient(top, #c00000 5%, #E2340B 100%);
	background:-o-linear-gradient(top, #c00000 5%, #E2340B 100%);
	background:-ms-linear-gradient(top, #c00000 5%, #E2340B 100%);
	background:linear-gradient(to bottom, #c00000 5%, #E2340B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c00000', endColorstr='#E2340B',GradientType=0);
	background-color:#c00000;
*/
 /*冬   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
    
    */
}
.menu img,.TreeMenu img {
    padding:0px 0 0 0;
}
.menu ul,.TreeMenu ul{
    list-style-type: none;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #E6E6F2;
}
*+html .menu ul,*+html .TreeMenu ul {
    zoom:1;
    padding-bottom:1px;
    margin-bottom:-1px;
} /*IE7*/
* html .menu ul,* html .TreeMenu ul {
    zoom:1;
    padding-bottom:1px;
    margin-bottom:-1px;
} /*IE6*/
.menu li,.TreeMenu li {
    font-size: 1.1em;
    padding-left: 0.5em;
    border-bottom: 1px solid #dedede;
}
.menu li ul,.TreeMenu li ul{
	position: absolute;
    top: 0px;
    z-index:999;
	margin-top: -1px;
    margin-left:208px;
    background:#f4f4f4;
	border-top: 1px solid #dadbdb;
    border-right: 1px solid #dadbdb;
    border-left: 1px solid #f4f9fb;
}
.menu li ul li,.TreeMenu li ul li{
	margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type: none;
	display: inline;
    position: relative;
    background:#f4f4f4;
}
 	 
.menu li a,.TreeMenu li a{
    display: block;
    color: #010101;
    text-decoration: none;
    width: 191px;
    width: 170px\9;
    position: relative;
    background: url(../images/ic001.jpg) no-repeat left center;
    padding: 0.25em 0px 0.25em 20px;
    margin-bottom: -1px;
}

.mlmenu li a:focus,.mlmenu li a:hover,.mlmenu li a:active,.TreeMenu li a:focus,.TreeMenu li a:hover,.TreeMenu li a:active {
    color: #cd3d0b;
    text-decoration: none;
    background: #F4F4F4 url(../images/ic001.jpg) no-repeat left center;
}
*+html .menu li a,*+html .TreeMenu ul a {
    zoom:1;
    vertical-align:top;
} /*IE7*/
* html .menu li a,* html .TreeMenu ul a {
    zoom:1;
    vertical-align:top;
} /*IE6*/

.menu li .more,.TreeMenu li .more{
    margin: 0px 0px 0px 0px;
    padding:0px 0 0px 0px;
    list-style-type: none;
    background: url(../images/bg_menu.jpg) repeat-y left top;
    height:20px;
}
.menu li .more a,.TreeMenu li .more a{
    display: block;
    color: #010101;
    text-decoration: none;
    background: none;
    width: 182px;
    height:20px;
    padding:0px 0 0px 0px;
    font-size: .95em;
    font-weight: bold;
}

/*-------第二層--------*/
.menu ul li ul{list-style-type: none;	padding:0px 0 0px 0px;margin: 0px 0px 0 0px;}
.menu ul li ul li {margin: 0px 0px 0px 0px;padding:0px 0 0px 0px;list-style-type: none;
		 background: url(../images/bg_menu.jpg) repeat-y right top;display: block;}			 	 
.menu ul li ul li a{display: block;	color: #016282;	text-decoration: none;background: url(../images/bg_nav2.jpg) no-repeat left top #fdfdfd;width: 180px;height:auto;padding:7px 0 8px 30px;font-size: .95em;font-weight: normal;line-height: 1.2em;border-bottom:1px solid #dbdbdb;}
.menu ul li ul li a:focus,.menu ul li ul li a:hover,.menu ul li ul li a:active {color: #cd3d0b;text-decoration: none;background: url(../images/bg_nav2_f2.jpg) no-repeat left top #f4f4f4;}

/*-------第三層--------*/
.menu ul li ul li ul{list-style-type: none;	padding:0px 0 0px 0px;margin: 0px 0px 0 0px;}
.menu ul li ul li ul li {margin: 0px 0px 0px 0px;padding:0px 0 0px 0px;list-style-type: none;
		 background: url(../images/bg_menu.jpg) repeat-y right top;display: block;}			 	 
.menu ul li ul li ul li a{display: block;	color: #0488db;	text-decoration: none;background: url(../images/bg_nav3.jpg) no-repeat left top #fdfdfd;width: 177px;height:auto;padding:7px 0 8px 33px;font-size: .9em;font-weight: normal;line-height: 1.2em;border-bottom:1px solid #dbdbdb;}
.menu ul li ul li ul li a:focus,.menu ul li ul li ul li a:hover,.menu ul li ul li ul li a:active {color: #cd3d0b;text-decoration: none;background: url(../images/bg_nav3_f2.jpg) no-repeat left top #f4f4f4;}

/*-------第四層--------*/
.menu ul li ul li ul li ul{list-style-type: none;	padding:0px 0 0px 0px;margin: 0px 0px 0 0px;}
.menu ul li ul li ul li ul li {margin: 0px 0px 0px 0px;padding:0px 0 0px 0px;list-style-type: none;
		 background: url(../images/bg_menu.jpg) repeat-y right top;display: block;}			 	 
.menu ul li ul li ul li ul li a{display: block;	color: #1bbdc7;	text-decoration: none;background: url(../images/bg_nav4.jpg) no-repeat left top #fdfdfd;width: 172px;height:auto;padding:7px 0 8px 38px;font-size: .9em;font-weight: normal;line-height: 1.2em;border-bottom:1px solid #dbdbdb;}
.menu ul li ul li ul li ul li a:focus,.menu ul li ul li ul li ul li a:hover,.menu ul li ul li ul li ul li a:active{color: #cd3d0b;text-decoration: none;background: url(../images/bg_nav4_f2.jpg) no-repeat left top #f4f4f4;}


.menu .foot,.mlmenu .foot,.TreeMenu .foot{
	background: #fff;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
	height: 0.5em;
    display:block;
	margin: 0px 0px 2px 0px;
	padding:0px;
    border: none;
}


/*-- Dynamic Vmenu Menu --*/
/*--left dynamic menu start--*/
/*.leftbg .mlmenu{width: 218px;margin: 0px 0 0 0;padding:12px 0 0 0;background: url(../images/bg_title02.png) no-repeat left top;}
.leftbg mlmenu h2{background: url(../images/bg_title03.jpg) no-repeat left top;display:block;
			padding:0px 0 0px 27px;margin: 0px;font-size: 1em;font-weight: bold;color: #1d5993;	
			font-family: 'simhei','Trebuchet MS',Arial, Sans-Serif;letter-spacing: -1px;}
.leftbg .mlmenu img{ padding:0px 0 0 0;}
.leftbg .mlmenu ul {
	padding:0px 0 0px 0px;margin: 0px 0px 0 0px;
	border-top: 1px solid #bfbfbf;
	list-style-type: none;
}

.leftbg .mlmenu li a {
	display: block;	color: #010101;	text-decoration: none;background: url(../images/bg_nav.jpg) no-repeat left top #fdfdfd;
	width: 203px;height:auto;padding:7px 0 8px 27px;font-size: .95em;font-weight: normal;line-height: 1.2em;
	border-bottom:1px solid #dbdbdb;
}

.leftbg .mlmenu li a:hover {
	text-decoration: none;
	color: #cd3d0b;
	background: url(../images/bg_nav_f2.jpg) no-repeat left top #f4f4f4;
}

html > body .leftbg .mlmenu li a {
	width: 203px;
}

.leftbg .mlmenu li {
	margin: 0px 0px 0px 0px;padding:0px 0 0px 4px;list-style-type: none;
	background: url(../images/bg_menu.jpg) repeat-y left top;	
	display: inline;
	position: relative;
}

.leftbg .mlmenu li ul{
	position: absolute;
	top: 0;
	margin-top: -1px;
	margin-left: 180px;
	display: block;
}
*/

/*--left dynamic menu end--*/
.mlmenu img{ padding:0px 0 0 0;}

.mlmenu ul{
    list-style-type: none;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
/*    border-top: 0px solid #bfbfbf;*/
    border: 1px solid #E6E6F2;
/*
    position: relative;
    margin-top: 0px;
    background: url(../images/bg_menu.jpg) repeat-y left top;
*/
}
*+html .mlmenu ul {
    zoom:1;
    padding-bottom:1px;
    margin-bottom:-1px;
} /*IE7*/
* html .mlmenu ul {
    zoom:1;
    padding-bottom:1px;
    margin-bottom:-1px;
} /*IE6*/
.mlmenu li {
/*
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type: none;
    background: url(../images/bg_menu.jpg) repeat-y left top;
    display: inline;
    position: relative;
*/
    font-size: 1.1em;
    padding-left: 0.5em;
    border-bottom: 1px solid #dedede;
}	

.mlmenu li ul{
	position: absolute;
    top: 0px;
    z-index:999;
	margin-top: -1px;
    margin-left:208px;
    background:#f4f4f4;
	border-top: 1px solid #dadbdb;
    border-right: 1px solid #dadbdb;
    border-left: 1px solid #f4f9fb;
}
.mlmenu li ul li{
	margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type: none;
	display: inline;
    position: relative;
    background:#f4f4f4;
}

.mlmenu li a{
    display: block;
    color: #010101;
    text-decoration: none;
/*    background: url(../images/bg_nav.jpg) no-repeat left top #fdfdfd;*/
    width: 182px;
/*
    height:auto;
    padding:7px 0 8px 27px;
    font-size: .95em;
    font-weight: normal;
    margin: 0px 2px 0px 4px;
    border-bottom:1px solid #dbdbdb;
*/

    position: relative;
    background: url(../images/ic001.jpg) no-repeat left center;
    padding: 0.25em 6px 0.25em 20px;
    margin-bottom: -1px;
}
.mlmenu li a:focus,.mlmenu li a:hover,.mlmenu li a:active {
    color: #cd3d0b;
    text-decoration: none;
/*    background: url(../images/bg_nav_f2.jpg) no-repeat left top #f4f4f4;*/
    background: #F4F4F4 url(../images/ic001.jpg) no-repeat left center;
}
*+html .mlmenu li a {
    zoom:1;
    vertical-align:top;
} /*IE7*/
* html .mlmenu li a {
    zoom:1;
    vertical-align:top;
} /*IE6*/

.mlmenu li ul li a {
    color: #1403b2;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid #dadbdb;
}
.mlmenu li ul li ul li a {
    color: #0488db;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid #dadbdb;
}
.mlmenu li ul li ul li ul li a{
    color: #1bbdc7;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid #dadbdb;
}

.mlmenu li.more{
    margin: 0px 0px 0px 0px;
    padding:0px 0 0px 0px;
    list-style-type: none;
    background: url(../images/bg_menu.jpg) repeat-y left top;
    height:20px;
}
.mlmenu li.more a{
    display: block;
    color: #010101;
    text-decoration: none;
    background: none;
    width: 182px;
    height:20px;
    padding:0px 0 0px 0px;
    font-size: .95em;
    font-weight: bold;
}

/*-------第二層--------*/
/*.mlmenu ul li ul{list-style-type: none;	padding:0px 0 0px 0px;margin: 0px 0px 0 0px;}
.mlmenu ul li ul li {margin: 0px 0px 0px 0px;padding:0px 0 0px 0px;list-style-type: none;
		 background: url(../images/bg_menu.jpg) repeat-y right top;display: block;}			 	 
.mlmenu ul li ul li a{display: block;	color: #1403b2;	text-decoration: none;background: url(../images/bg_nav2.jpg) no-repeat left top #fdfdfd;width: 180px;height:auto;padding:7px 0 8px 30px;font-size: .95em;font-weight: normal;line-height: 1.2em;border-bottom:1px solid #dbdbdb;}
.mlmenu ul li ul li a:hover{color: #cd3d0b;text-decoration: none;background: url(../images/bg_nav2_f2.jpg) no-repeat left top #f4f4f4;}

/*-------第三層--------*/
/*.mlmenu ul li ul li ul{list-style-type: none;	padding:0px 0 0px 0px;margin: 0px 0px 0 0px;}
.mlmenu ul li ul li ul li {margin: 0px 0px 0px 0px;padding:0px 0 0px 0px;list-style-type: none;
		 background: url(../images/bg_menu.jpg) repeat-y right top;display: block;}			 	 
.mlmenu ul li ul li ul li a{display: block;	color: #0488db;	text-decoration: none;background: url(../images/bg_nav3.jpg) no-repeat left top #fdfdfd;width: 177px;height:auto;padding:7px 0 8px 33px;font-size: .9em;font-weight: normal;line-height: 1.2em;border-bottom:1px solid #dbdbdb;}
.mlmenu ul li ul li ul li a:hover{color: #cd3d0b;text-decoration: none;background: url(../images/bg_nav3_f2.jpg) no-repeat left top #f4f4f4;}

/*-------第四層--------*/
/*.mlmenu ul li ul li ul li ul{list-style-type: none;	padding:0px 0 0px 0px;margin: 0px 0px 0 0px;}
.mlmenu ul li ul li ul li ul li {margin: 0px 0px 0px 0px;padding:0px 0 0px 0px;list-style-type: none;
		 background: url(../images/bg_menu.jpg) repeat-y right top;display: block;}			 	 
.mlmenu ul li ul li ul li ul li a{display: block;	color: #1bbdc7;	text-decoration: none;background: url(../images/bg_nav4.jpg) no-repeat left top #fdfdfd;width: 172px;height:auto;padding:7px 0 8px 38px;font-size: .9em;font-weight: normal;line-height: 1.2em;border-bottom:1px solid #dbdbdb;}
.mlmenu ul li ul li ul li ul li a:hover{color: #cd3d0b;text-decoration: none;background: url(../images/bg_nav4_f2.jpg) no-repeat left top #f4f4f4;}
*/

/*--其他機關服務--*/
.ad {
    clear:both;
    display: block;
    position:inherit;
    background: #fdfdfd;
}
.adFrame {
    width: 100%;
    /*  2列時高79px，3列時高118px  */
    height: 79px;
    height: 100% \9; /* IE */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 */
    background:-moz-linear-gradient(right,#f1f1f1,#d0d0d0);
    background:-webkit-linear-gradient(right,#f1f1f1,#d0d0d0);
    background:-o-linear-gradient(right,#f1f1f1,#d0d0d0);
    background:-ms-linear-gradient(right,#f1f1f1,#d0d0d0);
    background:linear-gradient(right,#f1f1f1,#d0d0d0);
}
.adFrame ul{ 
    margin:0 auto;
    padding-left: 0px;
}
.adFrame ul li{
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    list-style: none;
    float: left;
    width: 47%;
    margin: 0 1.5%;
}
.adFrame ul li img{
	width:100%;
    height: 35px;
	border: 1px solid rgb(128, 128, 128);
	vertical-align:middle;
    margin: 0 auto;
}
/*
.adFrame ul li:first-child{
    width: 97%;
}
.adFrame ul li:nth-child(4){
    margin-left:-105px;
}
.adFrame ul li:nth-child(5){
    margin-left:2px;
}*/

/* 熱門活動專區、影音及機關宣導區------------------------ */
.act_body {
    width: 218px;
    height: 125px;
    display: block;
    margin: 0px auto;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
/*    background-color: #F0F3EA;*/
    background-color: rgb(236,236,236);
}

.act_footer {
    clear: left;
    width: 218px;
    height: 20px;
    display: block;
    margin: 0px auto;
    border: 1px solid #dedede;
/*    background-color: #F0F3EA;*/
    background-color: rgb(236,236,236);
    margin-bottom: 15px;
}

.act_content {
    width: 216px;
    height: 124px;
    position: absolute;
    margin: 0px 0px 0px 0px;
    /*上 右 下 左*/
    background-color: #fff;
}

.act_more {
    float: right;
    margin: 3px 7px 0 0;
    padding: 0 0 0 4px;
    clear: both;
    height: 17px;
    line-height: 17px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: dimgrey;
    display: block;
}

.act_more a {
    font-size: 80%;
    /*	background-image: url(../images/morebg_right.gif);
	background-repeat: no-repeat;
	background-position: right 0px;	*/
    text-align: right;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0px 3px 0px 3px;
    color: #FFFFFF;
    float: left;
}

.act_more a:focus,
.act_more a:hover,
.act_more a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.act_more .arrow-right {
    width: 0px;
    height: 0px;
    border: 5px solid;
    border-color: transparent transparent transparent white;
    border-style: dashed dashed dashed solid;
    font-size: 0;
    position: relative;
    bottom: 4px;
    left: 2px;
    border: 0 none transparent \9;
    /*IE*/
}

/* 倒數計時區------------------------------------- */

.act_head2 {
    clear: both;
/*    width: 218px;*/
    height: 60px;
    display: block;
    margin: 0px auto;
    padding: 0 16px;
/*    border: 1px solid #dedede;
    background-color: #F0F3EA;
/*    background-color: rgb(236,236,236);
    font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei UI", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 3px;
    color: #43879b;
    text-align: center;
    line-height: 26px;*/
}

.act_head2 a {
    color: white;
}
.act_body2 {
    width: 218px;
    width: 213px\9;
    height: 113px;
    display: block;
    margin: 0px auto;
    padding: 5px 0 0 5px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    /*background-color: #F0F3EA;*/
    background-color: #fff;
    font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei UI", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}

.act_content2 {
    width: 150px;
    height: 108px;
    display: block;
    position: absolute;
    float: left;
    margin: 0px;
    background-color: #fff;
}

.act_content2_img {
    width: 60px;
    height: 62px;
    position: relative;
    left: 150px;
    top: 46px;
}

.act_content2_img img {
    width: 100%;
}

.countdown_number {
    display: block;
    width: 156px;
    height: 103px;
    color: #43879b;
    font-size: 1.1em;
    background: #fff;
}

.countdown_day {
    display: block;
    margin: 5px auto 10px;
    color: red;
    font-size: 2em;
    text-align: center;
}

.coundown_time {
    text-align: center;
    margin: 10px 20px;
    padding: 0;
    background: #fff;
    color: red;
    width: 8em;
    height: 2em;
    border: 2px solid #800040;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    /*  IE*/
    margin: 10px 20px 0px 20px\9;
    line-height: 2em\9;
}

.coundown_time:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.coundown_time_text {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: bold;
}

/* 分眾引導區------------------------------------- */
.act_body3 {
    width: 218px;
    height: 75px;
    display: block;
    margin: 0px auto 15px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  background-color: #378de5;
  /*    background-color: rgb(236,236,236);*/
}
.act_content3 {
    width: 216px;
    height: 74px;
    position: absolute;
    margin: 0px 0px 0px 0px;
    /*上 右 下 左*/
    background-color: #fff;
}
.act_content3 .act_button {
    width:65px;
    height: 30px;
    background-color: #378de5;
    color: white;
    display: block;
    float: left;
    margin: 3px;
    margin: 2px\9;
    -moz-box-shadow:inset 0px 1px 0px 0px #378de5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #378de5;
	box-shadow:inset 0px 1px 0px 0px #378de5;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #378de5 5%,#378de5 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #378de5 100%);
	background:-o-linear-gradient(top, #378de5 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #378de5 100%);
	background:linear-gradient(to bottom, #378de5 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#378de5',GradientType=0);
	background-color:#378de5;
	border:1px solid #84bbf3;
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    text-decoration:none;
	text-shadow:0px 1px 0px #154682;
    text-align:center;
}
.act_content3 .act_button a {
    color: white;
    text-decoration: none;
    display: block;
    width: 65px;
    height: 30px;
    line-height: 27px;
    margin: 0 auto;
    font-weight: bold;
}