@charset "utf-8";
/* CSS Document */

/****** Please Add/Modify @common.css as need first. *******************/

body {
	font-family:Arial, Helvetica, sans-serif,  "微軟正黑體";
	margin: 0px;
	padding: 0px;
	/*CAN not put this bg in body and need put to an wrapper.
	as when very short conent,the bottom will have many blank with unwant BG.
	background-image: url(../images/subpage_bg.jpg);*/

	/*background-color: #f4f4f4;*/
	background-color: white;
	line-height: 27px;

}

table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 8px;
}
#wrapper { /*ADD need it right after body. */
	margin-top: 0px;
	padding-top: 8px;
	background-image: url(../images/bg_index.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*#header {
	font-family:Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: left top;
	height: 145px;
	width: 999px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top_bg.jpg);
}*/
#search {
	float: left;
	height: 47px;
	width: 198px;
	font-size: 15px;
	color: #000;
	padding-top: 54px;
	vertical-align:middle;
	padding-left: 660px;
}
.search {
	font-family: Arial, "細明體";
	font-size: 15px;
	color: #000;
	text-decoration: none;
	height: 20px;line-height: 20px;
	width: 160px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF;
}
#weather {
	float: none;
	height: 27px;
	width: 999px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #FFF;
	padding-top: 54px;
	text-align: right;
	vertical-align:middle;
}
#weather .weather_date{
	height:27px;
	vertical-align:top;
}

#version {
	width: 35px;
	height: 47px;
	padding-top: 54px;
	float: left;
	padding-left: 16px;
	text-align: center;
	padding-right: 12px;
	overflow:hidden;/*Avoid IE6 overflow*/
}
.version_btn {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	line-height: 25px;
	font-weight: bold;
}
.version_btn a {
	font-size: 15px;
	line-height: 43px;
	color: #000;
	text-decoration: none;
}
.version_btn a:hover {
	color: #000;
	text-decoration: underline;

}
.version_btn_selected {
	font-size: 15px;
	line-height: 43px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-right: 30px;
}

#version_wrapper_member a {
	color: white !important;
}

#version_wrapper_member a:hover {
	color: white !important;
	text-decoration: underline !important;
}


#facebook {
	float: left;
	width: 32px;
	height: 45px;
	padding-top: 50px;
}

/*#logo {
	width: 959px;
	height: 40px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
	background-position: left top;
}*/

#header_top{ /*Fix IE6 problem of background-position: right bottom; ,BY Add this div on the top of #menu_bg */
	height: 101px;
	width: 999px;;
}
#header_menu_bg{ /*Fix IE6 problem of background-position: right bottom; ,BY Add this div on the top of #menu_bg */
	height: 145px;
	width: 999px;
	margin-right: auto;
	margin-left: auto;
}




#menu_bg {
	/*background-image: url(../images/top_menu_bg.png);*/
	width: 874px;
	height: 42px;
	margin-left:auto;
	margin-right:auto;
	/*background-repeat: no-repeat;
	background-position: right bottom;IE6 PROBLEM*/
	padding-left: 60px;
	padding-right: 75px;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	/*padding-top: 2px;/*ADD, 44-x*/
	overflow:hidden;
}
#menu_bg ul{
	margin:0;padding: 0;
}
#menu_bg ul li {
	list-style-image: url(images/dot.gif);
	list-style-type: none;
	list-style-position: outside;
	display:block;
	white-space:nowrap;
	display:inline;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 42px;
}

.menu_btn {
	font-size: 17px;
	color: #000;
	text-decoration: none;
/*	padding-left: 12px;
	padding-right: 12px;*/
/*	background-image: url(../images/menu_mid_bar.gif);
	background-repeat: no-repeat;
	background-position: right top;*/
	padding-top: 5px;/*ADD*/
	height: 42px;
	line-height:42px;

}
.menu_btn a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.menu_btn a:hover {
	font-size: 16px;
	color: #f58020;
	text-decoration: underline;
/*	background-image: url(../images/menu_mid_bar.gif);
	background-repeat: no-repeat;
	background-position: right top;*/
}

/*ADD */
.menu_selected, .menu_selected a {
	color: #f58020;
/*	background-image: url(../images/menu_selected_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
	font-weight:bold;
	/*padding-top: 10px;/*ADD*/

}


#menu_bar {
	width: 959px;
	height: 5px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-color: #032567;
}

#menu_w_bar {
	width: 959px;
	height: 1px;
	float: none;
	margin-left:auto;
	margin-right:auto;
}

#mid {
	float: none;
	width: 999px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 30px;
	clear: both;
}
#mid_subpage {
	float: none;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	clear: both;
	padding-bottom: 30px;
	vertical-align:top;
	margin-top: 70px;
}
#left {
	float: left;
	width: 397px;

	position: relative;
}
#left_subpage {
	float: left;
	width: 199px;
	position: relative;
	/*padding-left: 50px;*/
	overflow:hidden;
}


#right_subpage {
	width: 900px;
	float: right;
	clear: none;
	position: relative;
	/*too high,can be better //min-height: 690px;*/
	min-height: 390px;
/*	padding-right: 72px;
	padding-left: 36px;*/
	overflow:hidden;/*avoid sometime IE6 overflow*/
}
#bottom_subpage {
	width: 713px;
	clear: both;
	position: relative;
	background-image: url(../images/subpage_bottom.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 29px;
	padding-left: 286px;
	margin-right: auto;
	margin-left: auto;
	background-color: #01396a;
	padding-bottom: 10px;
}
#right {
	width: 602px;
	float: right;
	clear: none;
	position: relative;
}
#r1 {
	width: 713px;
}
#r2 {
	width: 713px;
	background-image: url(../images/canlender_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 210px;
	clear: both;
	padding-top: 17px;
}
#r3 {
	width: 513px;
	padding-right: 70px;
	padding-left: 19px;
	background-image: url(../images/long_bar.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 15px;
	text-align: center;
}


#muti_banner {
	width: 902px;
	height: 241px;
	background-image: url(../images/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	/* background-image:url(images/muti_banner.jpg); */
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 48px;
	padding-left: 49px;
}
#banner {
	width: 356px;
	height: 87px;
	background-image: url(../images/banner_pic.png);
	background-repeat: no-repeat;
	padding-left: 546px;
	padding-top: 149px;
}
#banner_menu {
	width: 336px;
	height: 52px;
	background-image: url(../images/banner_btn_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}
.muti_selected_no {
	color: #f7da00;
	text-decoration: none;
	width: 20px;
	font-weight: bold;
	float: left;
	line-height: 20px;
	background-color: #852528;
	font-size: 12px;
}
.muti_selected_no a {
	color: #f7da00;
	text-decoration: underline;
	width: 20px;
	font-weight: bold;
	float: left;
	line-height: 20px;
	border: 1px solid #FFF;
	background-color: #852528;
	text-align: center;
}
.muti_selected_no a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
.muti_no {
	color: #FFF;
	text-decoration: none;
	width: 20px;
	float: left;
	font-size: 12px;
}
.muti_no a {
	color: #FFF;
	text-decoration: none;
	width: 20px;
	float: left;
	line-height: 20px;
	border: 1px solid #FFF;
	background-color: #011337;
	text-align: center;
}
.muti_no a:hover {
	color: #6FC;
	text-decoration: none;
	float: left;
	line-height: 20px;
}
.muti_t {
	color: #FFF;
	text-decoration: none;
	float: left;
	font-size: 15px;
}
#muti_t {
	width: 346px;
	height: 25px;
	padding-top: 10px;
	padding-left: 10px;
	text-align:left;
	background-color: #FFF;
}


.c-click {
position: absolute;
    bottom: 50px;
    left: 47%;
    transform: translate(-50%);
}

#video {
	background-image: url(../images/video_bg.jpg);
	height: 279px;
	width: 327px;
	padding-top: 11px;
	padding-left: 70px;
	overflow:hidden;
}

/*#news {
	width: 327px;
	padding-left: 70px;
}*/
#news_top {
		width: 327px;
}
#news1 {
	width: 299px;/*236*/
	margin-bottom:8px;/*ADD*/
	overflow:hidden;
}
#news_header {
	width: 232px;
	height: 25px;
	float: left;
}
.news_header {
	font-size: 21px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
}
.news_title {
	font-size: 18px;
	color: #f36b1b;
	text-decoration: none;
	font-weight: bold;
}
.news_t {
	font-size: 16px;
	color: #595757;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 24px;
}
.news_t a {
	font-size: 16px;
	color: #595757;
	text-decoration: none;
}
.news_t a:hover {
	font-size: 16px;
	color: #595757;
	text-decoration: underline;
}
.new_line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news_title a {
	font-size: 18px;
	color: #f36b1b;
	text-decoration: none;
}
.news_title a:hover {
	color: #f36b1b;
	text-decoration: underline;

}
.news_date {
	font-size: 13px;
	color: #f58020;
	text-decoration: none;
}




#more {
	width: 61px;
	height: 22px;
	float: left;
	text-align: center;
	background-image: url(../images/more_bg.png);
	line-height: 24px;
}
.more {
	font-size: 13px;
	color: #000;
	text-decoration: none;
}
.more a {
	font-size: 13px;
	color: #000;
	text-decoration: none;
}
.more a:hover {
	font-size: 13px;
	color: #000;
	text-decoration: underline;

}



#more2 {
	width: 120px;
	height: 20px;
	float: right;
	text-align: right;
	padding-top: 15px;
}
.more2 {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}
.more2 a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}
.more2 a:hover {
	font-size: 13px;
	color: #FF0;
	text-decoration: underline;

}

.pic {
	border: 1px solid #cccccc;
	padding: 3px;
	margin-right: 1px;
}
.pic a{
	border: 1px solid #cccccc;
	padding: 3px;
	margin-right: 1px;
	background-color: #FFF;
}
.pic a:hover{
	border: 1px solid #000000;
	padding: 3px;
	margin-right: 1px;
	background-color: #FFF;
}


#news_bar {
	width: 959px;
	height: 3px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}



#canlender {
	width: 242px;
	padding-right: 6px;
	padding-left: 22px;
	clear: both;
	float: left;
}
#acts {
	width: 327px;
	padding-left: 70px;
	background-image: url(../images/act_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;
}
#acts_1 {
	width: 299px;
	margin-bottom:8px;/*ADD*/
	overflow:hidden;
}
#acts_block{
	height: 165px;/*175-30-15*/
	width: 420px;
	overflow:auto;
}
.acts_header {
	font-size: 17px;
	color: #b99703;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
}
.acts_t {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.acts_t a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.acts_t a:hover {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;

}
.acts_line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
}
.acts_date {
	font-size: 11px;
	color: #F90;
	text-decoration: none;
}

#main_2 {
	width: 959px;
	height: 267px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-color: #bd0000;
}
#message {
	width: 513px;
	/*height: 303px;*/
	text-align: left;
	padding-right: 70px;
	padding-left: 19px;
	padding-bottom: 25px;
}
.message_t {
	font-size: 16px;
	color: #333;
}


#banners {
	width: 513px;
	/*height: 303px;*/
	text-align: center;
	padding-right: 70px;
	padding-left: 19px;
	background-image: url(../images/long_bar.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}
.banners_t {
	font-size: 16px;
	color: #FFF;
}



#album {
	width: 513px;
	height: 236px;
	float: right;
	margin-left:auto;
	margin-right:auto;
	padding-right: 70px;
	padding-left: 19px;
}
.album_title {
	font-size: 18px;
	color: #fbed06;
	text-decoration: none;
	font-weight: bold;
}
.album_t {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.album_t a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}
.album_t a:hover {
	font-size: 13px;
	color: #FFF;
	text-decoration: underline;

}
.album_date {
	font-size: 11px;
	color: #fbed06;
	text-decoration: none;
}



#sitemap {
	width: 879px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 5px;
	font-size: 11px;
	padding-top: 5px;
}
#sitemap_area {
	width: 899px;
	height:100%;
}
#sitemap a {
text-decoration: none;
}
.sitemap_title {
	font-size: 14px;
	color: #000;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	line-height: 21px;
}
.sitemap_title a {
	color: #000;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.sitemap_title a:hover {
	color: #000;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: underline;
}
.sitemap_t {
	font-size: 13px;
	color: #858383;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	line-height: 18px;
	background-image: url(images/sitemap_dot.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
}
.sitemap_t a {
	font-size: 13px;
	color: #858383;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.sitemap_t a:hover {
	font-size: 13px;
	color: #858383;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: underline;
}


#copyright_area {
	width: 869px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}


#copyright {
	width: 100%;
	float: none;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #b18500;
	color: #FFF;
	font-size: 11px;
	padding-top: 20px;
	clear:both;
	background-image: url(../images/copyright_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 70px;
	text-align: center;
}
#copyright_right {
	width: 300px;
	float: right;
	text-align: right;
}
#copyright_mid {
	width: 500px;
	float: left;
	text-align: left;
}
#copyright_left {
	width: 285px;
	float: left;
}
.copyright_t {
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.copyright_t a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
.copyright_t a:hover {
	font-size: 13px;
	color: #f9eea9;
	text-decoration: underline;
}
.copyright_btn {
	font-size: 13px;
	color: #f9eea9;
	text-align: left;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	text-decoration: none;
	line-height: 18px;
}
.copyright_btn a {
	font-size: 13px;
	color: #f9eea9;
	text-align: left;
	text-decoration: none;
}
.copyright_btn a:hover {
	font-size: 13px;
	color: #FFF;
	text-align: left;
	text-decoration: underline;
}




#subpage_main {
	width: 999px;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	min-height: 400px;
	margin-right: auto;
	margin-left: auto;
}

#submenu_block {
	width:200px;
	float:right;
	/*margin-right:15px;*/
}

#submenu {
	width: 199px;
	float: left;
	margin-left:auto;
	margin-right:auto;
}
.submenu_line {

	height: 3px;
}
.submenu_1 {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	background-color: #7F5F03;
	width: 170px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom:3px;/*I/O submenu_line*/
}
.submenu_1 a {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	padding-bottom: 5px;
}
.submenu_1 a:hover {
	color: #FFF;
	text-decoration: underline;

}
.submenu_1_selected {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #815F03;
	font-weight: bold;
	margin-bottom:3px;/*I/O submenu_line*/
	background-image: url(../images/btn_1_selected.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
}
.submenu_1_selected a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
.submenu_1_selected a:hover {
	color: #fff;
	text-decoration: underline;

}
.submenu_2 {
	font-size: 16px;
	color: #666;
	text-decoration: none;
	padding-left: 25px;padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/btn_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 150px;
	text-align: left;
	margin-top: 3px;
}
.submenu_2 a {
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
.submenu_2 a:hover {
	color: #333;
	text-decoration: underline;

}
.submenu_2_selected {
	font-size: 16px;
	margin-top: 3px;
	color: #fff;
	text-decoration: none;
	padding-left: 25px;padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bold;
	background-image: url(../images/btn_1_selected.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 150px;
}
.submenu_2_selected a {
	font-size: 16px;
	/*color: #FFF;*/
	color: #fff;
	text-decoration: none;
}
.submenu_2_selected a:hover {
	/*color: #FFF;*/
	color: #fff;
	text-decoration: underline;
}
.submenu_3 {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	padding-left: 35px;padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #815F03;
	text-align: left;
	width: 140px;
}
.submenu_3 a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.submenu_3 a:hover {
	color: #000;
	text-decoration: underline;

}
.submenu_3_selected {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	padding-left: 35px;padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #815F03;
	text-align: left;
	width: 140px;
}
.submenu_3_selected a {
	font-size: 16px;
	/*color: #000;*/
	color: #f36b1b;
	text-decoration: none;
}
.submenu_3_selected a:hover {
	/*color: #000;*/
	color: #f36b1b;
	text-decoration: underline;

}

#path {
	width: 739px;
	float: right;
	margin-left:10px;
	margin-right:32px;
	background-color: #dbd8c9;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 25px;
}
.path {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.path a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.path a:hover {
	color: #000;
	text-decoration: underline;

}
.path_selected {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.path_selected a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.path_selected a:hover {
	color: #000;
	text-decoration: underline;
}


#content_title {
	width: 699px;
	font-size: 24px;
	font-weight:bold;
	/* font-size: 25px; */
	color: #00529b;
	text-decoration: none;
    margin-left: 268px;
	margin-right: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content {
	position:relative;
	width: 1100px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	min-height:400px;
}
.content_t {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content_t a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.content_t a:hover {
	color: #000;
	text-decoration: underline;

}

.attachment_t {
	font-size: 16px;
	color: #666;
	text-decoration: none;
	background-image: url(images/download.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.attachment_t a {
	color: #666;
	text-decoration: none;
}
.attachment_t a:hover {
	color: #666;
	text-decoration: underline;
}


#act_index_left {
	float: left;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#act_index_right {
	float: right;
	width: 259px;
	margin-right: auto;
	margin-left: auto;
}
#act_inner {
	float: none;
	width: 659px;
	margin-right: auto;
	margin-left: auto;
}

.title {
	font-size: 16px;
	color: #000;
	line-height: 40px;
}
.subtitle {
	font-size: 16px;
	color: #000;
}
.photo {
	padding: 2px;
	/*border: 1px solid #CCC;*/
}
#question {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 50px;
}
.question {
	font-size: 16px;
	line-height: 24px;
	color: #000;
}
.question_hili {
	font-size: 19px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
}
.question_hili_2 {
	font-size: 19px;
	line-height: 30px;
	color: #F90;
	font-weight: bold;
}

/***** DOWNLOAD Template *****/
/* 	Modify @2012.12, file in "plugins\subpage_attachment\style.css"
	Sometime will change color,put here.
*/

.download_title_display{
/* set display:none; if not show here, OR del it to show*/
	display:block;
}
#download .download_date {
	font-size: 13px;
	color: #f58020;
	padding-top:3px;
}
/***** DOWNLOAD *****/

/***** structure Template *****/

#strucListName {
	margin:0;
	float:left;
	width:600px;
	text-align:left;
	margin-bottom:20px;
	/*min-height:600px;
	height:auto !important; /* fix for IE6 */
	/*height:600px;
	background-color:#e3e3e3;*/

}

#strucListName  .blockList {
	width:170px;
	margin:10px 10px;
	text-align:center;vertical-align:top;
	display:inline-block;
	/*overflow:hidden;*/
}

#strucListName  .blockList {
 *display:inline;/*Fix IE6/IE7 NOT support inline-block*/
}

#strucListName  .blockList a{
	color:#11708E;
	font-size:13px;
	text-decoration: none;
}

#strucListName  .blockList a:hover{
	color:#11708E;
	font-size:13px;
	text-decoration: underline;
}

#strucListName  .thumb_m {
	width: 170px; margin:10px auto;
	text-align:center;
}
#strucListName  .thumb_m img {
	height:100px;
	border: 1px solid #ccc;
	padding:4px 8px;
	border-bottom: 3px solid #CCC;
}

#test {
	font-family: Arial, "細明體";
	font-size: 15px;
	line-height: 21px;
	color: #666;
	width: 100%;
	margin-bottom: 20px;
}
.txt_box {
	font-family: Arial, "細明體";
	font-size: 12px;
	color: #000;
	text-decoration: none;
	height: 22px;
	line-height: 20px;
	width: 80%;
	background-color: #FFF;
	border: 1px solid #CCC;
}
#result {
}
#result_1 {
	float: left;
	width: 250px;
}
#result_2 {
	float: right;
	width: 350px;
}
/*.table {
	border: 1px solid #ccc;
}*/

/* another part as popup,Moved to <style> @structure_show.php ||
#div_stru {  } */

/***** END structure *****/

/***** Q18/.. *****/
#result_score {
	width: 350px;
	border: 1px solid #FC0;
	background-color: #FFFFF4;
	padding: 6px;
	margin: 1px;
}
.result_title{
	font-size: 24px;
	font-weight: bold;
	color: #C00;
	text-decoration: none;
}
.result_t{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.result_c{
	color: #5c5c5c;
	text-decoration: none;
}
.result_ab{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding-left: 33px;
}

#member_login {
	position: absolute;
	width: 979px;
	height: 27px;
	text-align: right;
}

.error_summary {
	width: 97%;
	margin: 10px 0;
	padding: 10px 10px;
	display: none;
	border: solid 1px red;
	color: red;
	font-size: 13px;
	font-weight: bold;
}

.msg {
	width: 97%;
	margin: 10px 0;
	padding: 10px 10px;
	border: solid 1px red;
	color: red;
	font-size: 13px;
	font-weight: bold;
}

#mid_subpage_wrapper {
	width: 1100px;
	min-height: 650px;
	margin-left: auto;
	margin-right: auto;
}

.footer_sitemap {
width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
overflow: hidden;
margin-top: 1px;
background-color: #D3D3D5;
text-align: center;
}
.footer_sitemap ul {
	padding: 0;
	margin: 0;
}
.footer_sitemap ul li {
	white-space: nowrap;
	display: inline-block;
	position: relative;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
	text-align: left;
}

.footer_sitemap ul li ul {
	padding: 0;
	margin: 0;

}
.footer_sitemap ul li ul li {
	display: block;
	text-align: left;
/*	list-style-type: square;
	list-style-position: inside;*/
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
}

.footer_sitemap .li_lv2{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#2c3f43;
	line-height: 25px;
}

.footer_sitemap .li_lv3{
	font-family:Arial, "細明體";
	font-size:11px;
	color:#2c3f43;
	line-height: 25px;
}

.read_m {
	float: right;
	width: 100px;
}

.direct_btn {
	float: right;
}

.tabbable ul {
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom:0px;
}

#tab1 {
	padding-left: 10px;
}


/* ================== carousel flash banner ================================== */

.thumbnail {
  padding:0px;
  height: 100px;
  width: 100px;
  object-fit: cover;
  cursor: pointer;

}
.center-cropped {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  height: 88px;
  width: 88px;
 text-align: center;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

.portfolio-modal .modal-content img {
   margin-bottom: 0px;
}

img.center-cropped:hover, img.center-cropped:focus, img.center-cropped.active {
    border-color: #000;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #000;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
	  height: 353px;
      margin: auto;
}
.control-btn-left {
	position: absolute;
    top: 50%;
	left: 10px;
    z-index: 5;
    display: inline-block;
	margin-top: -25px;
}
.control-btn-right {
	position: absolute;
    top: 50%;
	right: 10px;
    z-index: 5;
    display: inline-block;
	margin-top: -25px;
}
.carousel-inner2 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner2 > .item > img,
.carousel-inner2 > .item > a > img {
	width: auto; height: auto;
	/*max-width:800px;
	max-height:600px;*/
	margin-bottom: 15px;
	margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.carousel-inner2 > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}

.carousel-inner2 > .item > img,
.carousel-inner2 > .item > a > img {
  line-height: 1;
}

#slider1 {
	overflow-x: hidden;
	overflow-y: hidden;
}

.fancybox-inner {
	overflow-y: hidden !important;
}

/*.fancybox-iframe html {
	overflow-y: scroll;
}*/

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner2 > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner2 > .item.next,
  .carousel-inner2 > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner2 > .item.prev,
  .carousel-inner2 > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner2 > .item.next.left,
  .carousel-inner2 > .item.prev.right,
  .carousel-inner2 > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner2 > .active,
.carousel-inner2 > .next,
.carousel-inner2 > .prev {
  display: block;
}
.carousel-inner2 > .active {
  left: 0;
}
.carousel-inner2 > .next,
.carousel-inner2 > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner2 > .next {
  left: 100%;
}
.carousel-inner2 > .prev {
  left: -100%;
}
.carousel-inner2 > .next.left,
.carousel-inner2 > .prev.right {
  left: 0;
}
.carousel-inner2 > .active.left {
  left: -100%;
}
.carousel-inner2 > .active.right {
  left: 100%;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner2 > .item > img,
.carousel-inner2 > .item > a > img {
  display: block;
  /*max-width: 800px;*/
  width: 100% !important;
  /*max-height: 600px;*/
  height: auto !important;
}

.carousel-control.left2 {

}
.carousel-control.right2 {
  right: 0;
  left: auto;

}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px;
	margin-left: 20px;
	margin-right: 20px;
	 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .7);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .7);
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin-left: 20px;
	margin-right: 20px;
  background-color: #fff;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .7);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .7);
}
.wrapper {
	width:100%;
	overflow:hidden;
}

.carousel-control {
	background-image: none !important;
}

.carousel-control .thumb-next {
	margin-top: -25px !important;
}

.hide-background-img {
	background-image: none !important;
}

.cursor-auto {
	cursor: auto;
}

.hidden-select {
	display: none !important;
}

.padding-bottom-0 {
	margin-bottom: 0 !important;
}

.warn_message {
  padding-bottom: 15px;
  /*padding-left: 10px;*/
  color: red;
}

.alert {
    display: none;
    position: fixed;
    z-index: 10;
}
#top_m {
	background-color: rgba(192, 20, 10,0.1);
	max-width: 100% !important;
}

.padding-left-0 {
	padding-left: 0;
}

.que {
	margin-top: 20px;
	    border-bottom: 1px #eaeaea solid;
    padding-bottom: 20px;
	overflow: hidden;
}
.question {
	width: 60%;
	float: left;
}
.answer {
	width:40%;
	float: left;
}
.select-ans {
	float: right;
	line-height: 1.3;
}

.gj-button-md, .gj-text-align-center {
    text-align: center;
    float: left;
    margin: 0 10px;
}

.lvl-label {
	text-align:right;
}
.lvl-label br {
	display:none;
}

.evaluation_mc_padding_30 {
	padding-left: 30px;
}

.evaluation_mc_padding_20 {
	padding-left: 20px;
}

.evaluation_mc_padding_5 {
	padding-left: 5px;
}

#submit_declare {
	padding: 10px 30px;
	color: white;
	border: none;
	display: inline-block;
	background-color: #dc415a;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 300;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	outline: none;
}

.evaluation_declare_wrapper {
	padding-left: 5px;
	padding-right: 5px;
}

.evaluation_declare_wrapper .checkbox {
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 768px) {
	table {
	    width: 100% !important;
	}
.c-click {
    bottom: 30px;
}
	.que {
	    border-bottom: 0px #eaeaea solid;
	    padding-bottom: 00px;
	}
	.question {
		width: 100%;
	}
	.answer {
		width:100%;
		    background-color: #fafafa;
	    padding: 5px 0;
	}
	.select-ans {
		float: left;

	}

	.gj-button-md, .gj-text-align-center {
    	margin: 0 4px;
	}

	.lvl-label {
		text-align:left;
	}

	.lvl-label br {
		display:block;
	}

	.evaluation_mc_padding_30 {
		padding-left: 0;
	}

	.evaluation_mc_padding_20 {
		padding-left: 0;
	}

}
@media only screen and (max-width: 600px) {

    /*.img-responsive {

    	max-height: 135px;
    	height: 100%;

    }*/

}