@charset "utf-8";
/***************************************
    copyright by MaxWeb.com.tw 
***************************************/

@import url("style.css");
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300);*/

body {
	/*background-color: #EEE;*/
}
/*-------------------------------------------- 
	container
---------------------------------------------*/
#container {
	width: 100%;
	/*top: 70px; */
	margin: 112px 0 0 0;
	/*margin:0 auto;*/
	/*background: url( ../../../../../cufiles/images/subject_pic/en/main_banner_home.jpg ) top center no-repeat;*/
	/*border:2px solid #F00;*/
	z-index: 10;
}


/*-------------------------------------------- 
	content1
---------------------------------------------*/
#content1 {
	/*position: relative;*/
	/*overflow: hidden;*/
	width: 100%;
	/*height: 370px;*/
	z-index: 11;
}


.list_breadcrumb_blue01 {
	overflow: hidden;
	margin: 0px auto;
	padding: 0px 0px;
	background: #F8F8F8;

	/*position: absolute;*/
	/*margin: 30px 0 0 220px;*/
	/*border: 2px Solid #0F0; */
}
.list_breadcrumb_blue01 .breadcrumb_box {
	overflow: hidden;
	width: 1280px;
	margin: 0 auto;
}
.list_breadcrumb_blue01 ul {
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0 20px;
	list-style: none;

	/*
	float: left;
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;*/
}
.list_breadcrumb_blue01 li {
	float: left;
	/*font-size: 1.4rem;*/
	line-height: 48px;
	/*color: #606060;*/
}
/*.list_breadcrumb_blue01 li:nth-child(2) {*/
.list_breadcrumb_blue01 li:nth-last-child(1) {
	color: #D90000;
}
.list_breadcrumb_blue01 li a {
	text-decoration: underline;
}
.list_breadcrumb_blue01 li:nth-last-child(1) a {
	color: #D90000;
}
.list_breadcrumb_blue01 .crumb_tag {
	color: #F66;
	/*font-weight: bolder;*/
}


.image_menu{
	overflow: hidden;
	max-height: 370px;
	/*margin: 0 auto;*/
	/*width: 1081px;*/
	/*padding: 327px 0 0 19px;*/
	/*padding: 142px 0 0 19px;*/
	/*border: 1px solid #F90; */
}
.image_menu img{
	width: 100%;
	/*width: 1081px;*/
	/*height: 473px;*/
}

/*-------------------------------------------- 
	content2
---------------------------------------------*/
#content2 {
	/*position: relative;*/
	overflow: hidden;
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 20px;
	z-index: 12;
}

#side1 {
	float: left;
	/*width: 200px;*/
	width: 23%;
	min-height: 500px;
	/*border-right-color: #ECECEC;
	border-right-width: 1px;
	border-right-style: solid;*/
}
#side2 {
	float: right;	
	/*width: 720px;*/
	width: 75%;
	min-height: 500px;
	margin: 30px 0 40px 0;
	/*padding: 50px 20px 50px 30px;*/
	/*border-left: 1px solid #ECECEC;*/
}


.label_menu_title h1 {
	position: absolute;
	margin: 120px 0 0 400px;
	color: #D90000;
	font-size: 340%;
	font-weight:normal;
	line-height: 1em;
	width:520px;
	text-align:right;
	/*border: 3px solid #F90;*/
}



/*-------------------------------------------- 
	addToAny shareing btn
---------------------------------------------*/
.a2a_default_style{
	float: right;
}


h3.list_menu{
	color: #D90000;
	border-bottom: 2px solid #F66;
	margin: 0 0 10px 0;
}


.canvas_post, .canvas_post td {
	/*font-family:Helvetica, Arial, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;*/
	/*font-size: 100%;*/
	color: #666;
}
.canvas_post h2 {
}
.canvas_post h3 {
	color: #D90000;
}
.canvas_post h4 {
	color: #D90000;
}


/*.canvas_post a {
	color: #54c3f1;
}
.canvas_post a:hover {
	text-decoration: underline;
}*/
.canvas_post img {
	/*margin: 5px 10px 5px 0;*/
}
.canvas_post #mw_form img {
	margin: 0 0 5px 0;
}
.canvas_post .other_info {
	display: none;
}


.view_info_box{
	margin: 30px 0 10px 0;
	padding: 10px 20px;
	/*text-align: right;*/
	color:#D90000;
	background: #FDF7F7;
	border-left: 4px solid #D9534F;
}
.view_info_box a{
	vertical-align: top;
	/*height: 70px;*/
	line-height: 70px;
}
.view_info_box .pic_s{
	margin: 0 0 0 10px;
	padding: 0;
}




.post_form_01 h2 {
	/*padding: 0 0 6px 0;
	color: #D90000;
	border-bottom:2px solid #F66;*/
}

.imagelabellist_faq h2 {
	/*padding: 0 0 6px 0;*/
	/*font-size: 134%;*/
	/*color: #D90000;*/
	/*border-bottom:2px solid #F66;*/
}
.imagelabellist_faq .step {
	margin:0 5px 0 0;
	font-style: normal;
	font-weight: bold;
	font-size:21px;
	/*font-size:140%;*/
	color:#555;
	/*border:1px solid #F00;*/
}



 
.list_black001 > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.list_black001 > ul ul{
	list-style-type: disc;
}
.list_black001 .question {
	font-weight: bold;
	color: #222;
	line-height: 2em;
	cursor: pointer;
	border-bottom: 1px dotted #CCC;
}
.list_black001 .answer {
	color: #666;
	margin: 10px 0;
	/*line-height: 2em;*/
}


.list_tilelist .post_image {
	border:0px solid #CCC;
}



.list_gray_light {
	/*font-family: Helvetica, Arial, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;*/
}
.list_gray_light ul {
	padding: 0;
	margin: 0;
	/*display: block;*/
}
.list_gray_light li {
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 10px 0;
	list-style:none;
	border-bottom: 1px #EEE solid;
}
.list_gray_light li .post_title a {
	padding: 0;
	font-weight: bold;
	/*color: #44B3E8;*/
}
.list_gray_light li .post_image {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	width: 140px;
	height: 90px;
	border: 1px solid #CCC;
}
.list_gray_light li .post_info {
	float: right;
	/*font-size: 12px;*/
	width: 520px;
	margin: 10px 0 0 0;
	line-height:18px;
	color: #666;
}
.list_gray_light li .list_filter_title {
	float: left;
	width: 610px;
	line-height:18px;
}
.list_gray_light li .list_filter_download_btn {
	float: right;
	margin: 0 20px 0 0;
}


/*pagination*/
.list_gray_light .list_pagination div{
	float: left;
	/*margin: 20px 10px 0 0;*/
}
.list_gray_light .list_pagination .page_left_arrow{
	width: 11px;
	height: 14px;
	margin: 20px 10px 0 0;
	background: url(../../../../../cufiles/images/web/layout/frontpage.jpg) no-repeat;
}
/*.list_gray_light .list_pagination .page_left_arrow:hover{
	background: url(../../../../../cufiles/images/web/layout/frontpage_over.jpg) no-repeat;
}*/
.list_gray_light .list_pagination .page_nums{
	margin: 17px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #acacac;
	cursor: pointer;
}
.list_gray_light .list_pagination .page_num{
	margin: 0 10px 0 0;
	/*border: 1px solid #F90;*/
}
.list_gray_light .list_pagination .page_num:hover{
	color: #D90000;
}
.list_gray_light .list_pagination .page_num.active{
	color: #D90000
	/*border: 1px solid #F90;*/
}
.list_gray_light .list_pagination .page_right_arrow{
	width: 11px;
	height: 14px;
	margin: 20px 10px 0 0;
	/*cursor: pointer;*/
	background: url(../../../../../cufiles/images/web/layout/nextpage.jpg) no-repeat;
}
/*.list_gray_light .list_pagination .page_right_arrow:hover{
	background: url(../../../../../cufiles/images/web/layout/nextpage_over.jpg) no-repeat;
}*/



/*-------------------------------------------- 
	filter
---------------------------------------------*/
.label_combobox_filter .content_box{
	overflow: hidden;
	margin: 30px 0;
	padding: 20px 20px 20px 0;
	text-align: right;
	/*color:#F00;*/
	background: #FDF7F7;
	border-left: 4px solid #D9534F;
}
.filter_title{
	float: left;
	width: 200px;
	color: #355D99;
	font-weight: bold;
	margin: 0 24px 0 0;
}
.filter_item{
	float: left;
	height: 30px;
	margin: 0 12px 0 0;
}
/*.year_select{
	position: absolute;
	margin: 30px 0 0 0;
}
.country_select{
	position: absolute;
	margin: 30px 0 0 210px;
}
.filter_keyword{
	position: absolute;
	margin: 30px 0 0 440px;
	border: 1px solid #f00;
}*/
#filter_submit_btn{
	cursor: pointer;
}


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPad Pro*/
@media screen and (max-width: 1279px) {

	.list_breadcrumb_blue01 .breadcrumb_box {
		width: 100%;
		/*margin: 0 auto;*/
	}
}

/*iPad*/
@media screen and (max-width: 1023px) {

	#container {
		margin: 54px 0 0 0;
	}
	
	.label_menu_title h1{
		/*margin: 8% 0 0px 15%;*/
		/*padding: 0px 20px;*/
		font-size: 3rem;
	}

	#side1 {
		display: none;
	}
	#side2 {
		float: left;
		width: 100%;
		padding: 0 0px;
	}
	.canvas_post img{
		/*width: 100%;*/
		max-width: 100%;
	}
}


/*iPhone*/
@media screen and (max-width: 767px) {

	#container {
		/*margin: 48px 0 0 0;*/
	}

	.label_menu_title h1{
		margin: 5% 0 0px 5%;
		font-size: 2rem;
	}

	.list_breadcrumb_blue01 ul {
		margin: 0 3% 0 0;
		padding: 12px 20px;
	}
	.list_breadcrumb_blue01 li{
		font-size: 1.2rem;
		line-height: normal;
	}

	.canvas_post{
		padding: 0 0 20px 0;
	}

}