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

body{ 
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	line-height:2.5em;
}
a{ text-decoration:none;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color:#9e9e9f; 
}
input::-moz-placeholder { /* Firefox 19+ */
   color:#9e9e9f; 
}
input:-ms-input-placeholder { /* IE 10+ */
   color:#9e9e9f; 
}
input:-moz-placeholder { /* Firefox 18- */
   color:#9e9e9f; 
}
input::placeholder { /* Most modern browsers support this now. */
   color:#9e9e9f;
}
.dropdown-toggle .dropdown-menu{ margin:0; padding:0; list-style:none; display:none; position:absolute; border:1px solid #bcdbe4; background:#fff;}
.dropdown-toggle:hover .dropdown-menu{ display:block;}
.dropdown-toggle .dropdown-menu li a{ display:block; text-align:center; padding:5px; background:#fff; color:#3e3a39; font-size:18px; width:100%; }
.dropdown-toggle .dropdown-menu li a:hover{ background:#eeefef;}

.text-center{ text-align:center;}

.detail input{ border:none; border-bottom:1px solid #595857; font-size:16px; width:98%; margin:0 auto; text-align:left; padding:5px 5px 5px 0; transition: 0.5s ease;}
.detail input:hover,.detail input:focus{border-bottom:1px solid #005eac; }
.hide{ display:none;}
.outer{max-width:1240px; margin:0 auto;}
button,input{font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif; cursor:pointer;}
.home_body{ overflow-x:hidden;}
.home_body .header_div .outer{ width:100%; max-width:100%;}
.navbar-brand{display: flex; align-items: center; float:left; margin-left:15px;}
.navbar-brand img{ margin-right:15px; width:46px;}
.navbar-brand a{ color:#005eac; }
.navbar-brand big{ font-size:22px; color:#005eac; display:block; line-height: 26px;}
.navbar-brand small{ font-size:14px; color:#005eac; display:block; }

.header_div{ width:100%; min-height:80px; left:0; top:0; padding-top:20px;z-index: 999;transition: 0.5s ease; }
.home_body  .header_div{ position:fixed;}
.header_div.active{ position:fixed !important; min-height:60px;    padding-top: 10px;}
.header_div.block{
	-webkit-box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.2);
	/*position: relative;*/
	position:fixed !important;
}
.header_div.active,.header_div.block{
	background: rgba(15,112,176,0.9);
	background: -moz-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,112,176,0.9)), color-stop(100%, rgba(145,199,160,0.9)));
	background: -webkit-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
	background: -o-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
	background: -ms-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
	background: linear-gradient(to right, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f70b0', endColorstr='#91c7a0', GradientType=1 );
}
.header_div.active .navbar-brand big,.header_div.block .navbar-brand big{ color:#fff;}
.header_div.active .navbar-brand small,.header_div.block .navbar-brand small{ color:#fff;}
.header_div .navi_list{ float:right; margin-right:15px;}
.header_div .navi_list ul{ margin:0; padding:0; list-style:none;}
.header_div .navi_list li{ float:left;}
.header_div .navi_list li a{ display:inline-block; color:#fff; font-size:18px; padding:15px;transition: 0.5s ease; }
.header_div .navi_list li :hover{ color:#005eac;}
.header_div .navi_list li.memeber>a{ background:url(../images/icon_white_user.svg) center no-repeat; width:24px; height:24px; }
.header_div .navi_list li.memeber.dropdown-toggle .dropdown-menu{ min-width:170px; position:absolute; right:0;  }
.header_div .navi_list li.memeber.dropdown-toggle .dropdown-menu li{ width:100%;}
.header_div .navi_list li.memeber.dropdown-toggle .dropdown-menu li a{ padding:5px; color:#3e3a39; display:block;    width: initial;}
.home_banner{ position:relative; text-align:right; overflow:hidden;}
.home_banner img{ width:60%;}
.home_banner .info{ position:absolute; left:10%; top:30%; text-align:left;}
.home_banner .info h1{ font-size:46px; color:#005eac; font-weight:800;}
.home_banner .info h2{ font-size:30px; color:#5a5857; margin-bottom:5vw; }
.home_banner .info .desc{ position:relative; font-size:20px; color:#005eac; margin-bottom:5vw;}
.home_banner .info .desc span{ display:block;}
.home_banner .info .desc:before{ background:#005eac; width:80px; height:2px; content:''; position:absolute; left:0; top:-20px; }
.home_banner .info .scroll_down{ padding-left:5vw;}
.home_banner .info .scroll_down a{ background:url(../images/icon_blue_arrow_down.svg) center bottom no-repeat; color:#005eac; font-size:18px; text-align:center; display:inline-block; padding-bottom:20px;}

.home_important_deadline{ position:relative;}
.home_important_deadline .outer{ max-width:1000px;}
.home_important_deadline:before{
	content:'';
	position:absolute;
	left:0;
	bottom:40%;	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 100vw;
	border-color: transparent transparent #ebf4f7 transparent;
	z-index:-1;
}
.home_important_deadline:after{ content:''; position:absolute; left:0; bottom:0; width:100%; z-index:-1; height:40%; background:#ebf4f7;}
.home_important_deadline .title{ text-align:center; font-size:46px;  font-weight:400; color:#005eac ;}
.home_important_deadline .title h2{ font-size:40px; font-weight:400;}
.home_important_deadline .list_item{display:flex; flex-wrap:wrap;}
.home_important_deadline .list_item:after{ content:''; display:block; clear:both;}
.home_important_deadline .list_item .item{ width:25%; text-align:center; float:left; display:flex;}
.home_important_deadline .list_item .item .box{
	background:#fff;
	margin:15px auto;
	padding:35px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width: 120px;
}
.home_important_deadline .list_item .item .title{ color:#3e3a39; font-size:22px; min-height:60px;}
.home_important_deadline .list_item .item .deadline{ font-size:29px; color:#005eac; font-weight:800; min-height:70px;display: flex;  align-items: center;}
.home_important_deadline .list_item .item .deadline span{ display:block;}
.home_important_deadline .list_item .item a{
	margin-top:30px;
	padding:12px 0;
	color:#fff;
	font-size:18px;
	display:block;
	width: 95%;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	background: rgba(15,112,176,1);
	background: -moz-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,112,176,1)), color-stop(100%, rgba(145,199,160,1)));
	background: -webkit-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: -o-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: -ms-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: linear-gradient(to right, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f70b0', endColorstr='#91c7a0', GradientType=1 );
}
.home_important_deadline .list_item .item a span{ margin-left:10px; display:inline-block; background:url(../images/icon_white_arrow_right.svg) center no-repeat; width:12px; height:22px; margin-bottom:-4px;}

.conference_body { overflow-x:hidden;}
.home_news{ background:#ebf4f7; padding:60px 0; position:relative;}
.home_news.news_list{ background:none;}
.home_news.news_list .title{ text-align:left;}

.home_news:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 100vw 0 0;
	border-color: #ebf4f7 transparent transparent transparent;
	z-index:-1;
}
.home_news.news_list:after{border-color: transparent transparent transparent transparent;}
.home_news .outer{ max-width:890px;}
.home_news .title{ text-align:center; font-size:46px;  font-weight:400; color:#005eac ;}
.home_news .title h2{ font-size:46px;  font-weight:400; margin:0;}
.home_news .list_item { margin-top:60px;}
.home_news .list_item .item{ border-bottom:1px solid #005eac; padding:15px 0;}
.home_news .list_item .item:first-child{ border-top:1px solid #005eac; }
.home_news .list_item .item a{ text-decoration:none; display:table; width:100%;}
.home_news .list_item .item a b{ font-weight:400;display:table-cell;}
.home_news .list_item .item a b:first-child{ width:35%; font-size:22px; color:#005eac; }
.home_news .list_item .item a b:last-child{ width:65%; font-size:18px; color:#3e3a39;}
.home_news .action{ text-align:center; margin-top:20px;}
.home_news .action a{ color: #005eac; font-size:22px;}
.home_purose{padding:80px 0 60px 0; position:relative;}
.home_purose .outer{ max-width:890px;}
.home_purose .title{ text-align:center; font-weight:400; color:#005eac ;}
.home_purose .title h2{ font-size:46px;  font-weight:400; margin:0;}
.home_purose .desc { margin-top:60px;}
.home_purose .desc p{ color:#3e3a39; font-size:18px; margin-bottom:50px;}



.home_organization{ background:#ebf4f7; padding:60px 0 30px 0; position:relative;}
.home_organization:before{
	content:'';
	position:absolute;
	left:0;
	top:-50px;	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 100vw;
	border-color: transparent transparent #ebf4f7 transparent;
	z-index:-1;
}
.home_organization:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 100vw 0 0;
	border-color: #ebf4f7 transparent transparent transparent;
	z-index:-1;
}
.home_organization .outer{ max-width:890px;}
.home_organization .title{ text-align:center;  font-weight:400; color:#005eac ; margin-bottom:50px;}
.home_organization .title h2{ font-size:46px;  font-weight:400; margin:0;}
.home_organization .info{ margin-bottom:50px;}
.home_organization .info .sub_title{ font-size:20px; color:#231916; margin-bottom:30px;}
.home_organization .info .sub_title b{ 
	color:#fff;
	font-size:30px;
	display:inline-block;
	font-weight:400;
	padding:3px 30px 3px 100px;
	text-align:right;
	margin-right:20px;
	margin-left:-100px;
	background: rgba(11,58,116,1);
	background: -moz-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,58,116,1)), color-stop(100%, rgba(28,113,162,1)));
	background: -webkit-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: -o-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: -ms-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: linear-gradient(to right, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3a74', endColorstr='#1c71a2', GradientType=1 );
	-webkit-border-top-right-radius: 80px;
	-webkit-border-bottom-right-radius: 80px;
	-moz-border-radius-topright: 80px;
	-moz-border-radius-bottomright: 80px;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;

}


.home_organization .info .list_item{ color:#231916; font-size:18px;}
.home_organization .info .list_item:after{ content:''; display:block; clear:both;}
.home_organization .info .list_item ul{ margin:0; padding:0; list-style:none; width:45%; float:left;}
.home_organization .info .list_item ul:last-child{width:55%;}
.home_organization .info .list_item ul li{ display: flex;  align-items: center; margin:10px 0;}
.home_organization .info .list_item ul li b{ font-weight:400; width:50%; display:inline-block;}

.home_logos{ text-align:center; padding:100px 0;}
.home_logos img{ max-width:900px;}

.home_unit .outer{ max-width:910px;}
.home_unit .list_item .item{ display:table; width:100%;  margin-bottom:40px;}
.home_unit h3{ display:table-cell; width:100px; font-size:36px; color:#005eac; font-weight:400; line-height:1.2em;}
.home_unit h3 span{ display:block;}
.home_unit p{ display:table-cell; font-size:18px; color:#3e3a39;}

body.en_US .header_div .navi_list li a{ font-size:16px;}

body.en_US .home_banner .info h2{ 
	width:75%;
	font-size: 26px; 
	text-shadow: 0 0 15px rgba(255, 255, 255, 1) ; 
	-webkit-text-shadow: 0 0 15px rgba(255, 255, 255, 1) ; 
	-moz-text-shadow: 0 0 15px rgba(255, 255, 255, 1) ; 
}
body.en_US .home_important_deadline .list_item .item .deadline{    justify-content: center;}
body.en_US .home_important_deadline .list_item .item .box{ padding:35px 25px;}
body.en_US .home_important_deadline .list_item .item .title{ font-size: 20px;  line-height: 28px; min-height: 80px;    width: 170px;}
body.en_US .home_important_deadline .list_item .item a{ font-size:16px;   width: 100%;}
body.en_US .home_purose .desc p{ font-size:16px;}
body.en_US .home_organization .info .sub_title b{ font-size:24px;}
body.en_US .home_organization .info .list_item{ font-size:15px;line-height: 22px;}
body.en_US .home_organization .info .list_item ul{ width:100%;}
body.en_US .home_organization .info .sub_title{ margin-bottom:15px;}
body.en_US .home_organization .info .sub_title span{ display:block; margin-top:10px;}
body.en_US .home_unit h3{ font-size:26px; width:180px;}
body.en_US .home_unit p{ font-size:16px;}
body.en_US .footer_div .info .col02 ul{ width:120px;}
body.en_US .footer_div .info .col02 ul li a{ font-size:15px;}


.header_title{ text-align:center; background:#ebf4f7;}
.header_title .title{ position:relative; padding:50px 0 40px 0; margin-bottom:100px;}
.header_title .title:after{ position:absolute; content:''; background:url(../images/icon_blue_title_bg.svg); width:182px; height:40px; bottom:-40px; left:calc(50% - 91px); }
.header_title .title h1{ color:#005eac; margin:0; font-weight:400;font-size: 38px;line-height: 1.2em;}
.header_title .title h2{ color:#005eac; font-size:22px; margin:0;font-weight:400;}

.title.blue h3{ 
	color:#fff;
	font-size:30px;
	display:inline-block;
	font-weight:400;
	padding:3px 30px 3px 100px;
	text-align:right;
	margin-right:20px;
	margin-left:-100px;
	background: rgba(11,58,116,1);
	background: -moz-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,58,116,1)), color-stop(100%, rgba(28,113,162,1)));
	background: -webkit-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: -o-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: -ms-linear-gradient(left, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	background: linear-gradient(to right, rgba(11,58,116,1) 0%, rgba(28,113,162,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3a74', endColorstr='#1c71a2', GradientType=1 );
	-webkit-border-top-right-radius: 80px;
	-webkit-border-bottom-right-radius: 80px;
	-moz-border-radius-topright: 80px;
	-moz-border-radius-bottomright: 80px;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;

}
.action .btn:hover{ opacity:0.6;}
.action .btn span{ margin-left:10px; display:inline-block; background:url(../images/icon_white_arrow_right.svg) center no-repeat; width:12px; height:22px; margin-bottom:-4px;}
.detail{ font-size:18px; color:#3e3a39;}
.detail .download{ margin:20px 0;}
.detail .download a{ text-decoration:none; color:#3e3a39; display:inline-block; }
.action .btn{
	border:none;
	transition: 0.5s ease; 
	color:#fff;
	font-size:18px;
	padding:10px 20px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	background: rgba(15,112,176,1);
	background: -moz-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,112,176,1)), color-stop(100%, rgba(145,199,160,1)));
	background: -webkit-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: -o-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: -ms-linear-gradient(left, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	background: linear-gradient(to right, rgba(15,112,176,1) 0%, rgba(145,199,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f70b0', endColorstr='#91c7a0', GradientType=1 );
}
.detail.subject{ margin-bottom:50px;}
.detail.subject .outer{ max-width:1000px;}
.detail.subject .list_item{ display:flex; flex-wrap:wrap;}
.detail.subject .list_item .item{ display:flex; width:25%;}
.detail.subject .list_item .item .box{ margin:0 auto;}
.detail.subject .list_item .item .img{ text-align:center; margin-bottom:20px;}
.detail.subject .list_item .item .img img{ max-width:100px;}
.detail.subject .list_item .item .desc{ color:#005eac; font-size:22px; text-align:center; font-weight:800;}

.detail.topic{ margin-bottom:100px;}
.detail.topic .outer{ max-width:1000px;}
.detail.topic .list_item .item{ margin-bottom:8px;transition: 0.5s ease; }
.detail.topic .list_item .item .topic_title{ background: #ebf4f7; color:#3e3a39; font-size:22px; padding:15px; display:flex; flex-wrap:wrap; }
.detail.topic .list_item .item .topic_title a{ color:#3e3a39;display:flex; width:100%;}
.detail.topic .list_item .item .topic_title b{ font-weight:400;display:flex; width:calc(100% - 30px);}
.detail.topic .list_item .item .topic_title span{ display:flex; background:url(../images/icon_blue_arrow_down.svg) center no-repeat; background-size:auto 16px; width:30px; height:30px; cursor:pointer; -webkit-filter: drop-shadow( 3px 3px 3px #535353 );  filter: drop-shadow( 3px 3px 3px #535353 );
 }
.detail.topic .list_item .item.active .topic_title span{background:url(../images/icon_blue_arrow_up.svg) center no-repeat; background-size:auto 16px;}
.detail.topic .list_item .item .desc{ display:none;transition: 0.5s ease; height:0; font-size:18px; color:#3e3a39; border:1px solid #bcdbe4; padding:20px; }
.detail.topic .list_item .item.active{ display:block;}
.detail.topic .list_item .item.active .desc{ display:block; height:auto;}
.detail.topic .list_item .item .desc .scroller table tr:first-child td{ color:#005eac; font-weight:800;}
.detail.topic .list_item .item .desc .scroller table tr td{ padding:8px 15px; border-bottom:1px solid #dfdfdf;}
.detail.topic .list_item .item .desc .scroller table tr td:nth-child(1){ min-width:100px;}
.detail.topic .list_item .item .desc .scroller table tr td:nth-child(2){ min-width:110px;}
.detail.introduce{ margin-bottom:50px;}
.detail.introduce .outer{ max-width:1000px;}
.detail.introduce .action{ margin-top:40px;}
.detail.introduce a{ color:#3e3a39; text-decoration:underline;}
.detail.introduce .action a{ color:#fff; text-decoration:none; display:inline-block;}

.detail.window .outer{ max-width:1000px;}
.detail.window .desc div{ margin-bottom:15px;}
.detail.window .desc b{ font-size:22px; font-weight:800; color:#005eac; display:inline-block; min-width:140px;}

.detail.organizer{ margin-bottom:50px;}
.detail.organizer .outer{ max-width:1000px;}
.detail.organizer .list_item:after{ display:block; content:''; clear:both;}
.detail.organizer .list_item .item{ float:left; margin-bottom:70px;}
.detail.organizer .list_item.three .item{ width:33.33333%;}
.detail.organizer .list_item.two .item{ width:50%;}
.detail.organizer .list_item h3{font-size:22px; font-weight:800; color:#005eac; border-bottom:1px solid#005eac; width:80%; margin:0 0 15px 0; padding:0 0 10px 0;  }

.detail.agenda{ margin-bottom:50px;}
.detail.agenda .chart_process{ display:block; text-align:center;}
.detail.agenda .chart_process img{ max-width:1060px; margin:0 auto;}
.detail.agenda .action{ text-align:center; margin-top:50px;}


.detail.login{ margin-bottom:50px;}
.detail.login .outer{ max-width:325px;}


.detail.login .keyin{ margin:20px 0; text-align:center;}
.detail.login .action{ margin:30px 0 ;}
.detail.login .action .btn{ width:100%; margin:0 auto;}
.detail.login .links:after{ display:block; content:''; clear:both;}
.detail.login .links a{ color:#3e3a39; display:inline-block; width:49.5%; text-align:center; transition: 0.5s ease; }
.detail.login .links a:first-child{ border-right:1px solid #595857;}
.detail.login .links a:hover{color: #005eac;}

.detail.login .remind{ text-align:center;}

.detail.transportation{ margin-bottom:50px;}
.detail.transportation .outer{ max-width:1000px;}
.detail.transportation .sub_title{ font-size:26px; color:#005eac; text-align:center;}
.detail.transportation .info{ font-size:22px; text-align:center; margin-bottom:50px;}
.detail.transportation .map img{ width:100%;}

.detail.submission_keyin{ margin-bottom:50px;}
.detail.submission_keyin .outer{ max-width:450px;}
.detail.submission_keyin .list_item .item{ display:table; width:100%; margin:10px 0; }
.detail.submission_keyin .list_item .item label{ display:table-cell; width:130px;vertical-align: top;}
.detail.submission_keyin .list_item .item label b{ display:inline-block; width:10px; color:#f00;}
.detail.submission_keyin .list_item .item .keyin{ display:table-cell;vertical-align: top; }
.detail.submission_keyin .list_item .item .keyin.upload a{ display:block; background: #ebf4f7; font-size:16px; padding:10px; position:relative;}
.detail.submission_keyin .list_item .item .keyin.upload a b{ font-weight:400; display:block; position:absolute; left:0; top:0; width:100%; height:100%; color:#3e3a39;  display: flex;  align-items: center;  justify-content: center;}
.detail.submission_keyin .list_item .item .keyin.upload input[type="file"]{ opacity:0;  filter: alpha(opacity=0);}
.detail.submission_keyin .action{ text-align:center; margin-top:50px;} 

.detail.news{ margin-bottom:50px;}
.detail.news .outer{ max-width:885px;}
.detail.news .sub_title{ color:#005eac; font-size:32px; border-bottom:1px solid #005eac; padding-bottom:10px; position:relative; }
.detail.news .sub_title b{ font-weight:400;}
.detail.news .sub_title .datetime{ float:right; font-size:18px; color: #595857; margin-top:10px;}
.detail.news .action{ margin:50px 0; text-align:center;}
.detail.news .back_history{ margin:50px 0;}
.detail.news .back_history a{ display:inline-block; color:#005eac; font-size:20px;}
.detail.news .back_history a span{ display:inline-block; background:url(../images/icon_blue_arrow_left.svg) center no-repeat; width:12px; height:20px; margin-right:10px;    margin-bottom: -2px; }

.detail.member_keyin{ margin-bottom:50px;}
.detail.member_keyin .outer{ max-width:900px;}
.detail.member_keyin .sub_title{ text-align:center; font-size:28px; color:#005eac; margin-bottom:50px;}
.detail.member_keyin .sub_title.add_margin_top{ margin-top:50px;}
.detail.member_keyin .sub_title small{ color:#c30f23; font-size:16px;}
.detail.member_keyin .mem_info div{ display:inline-block; width:50%; text-align:center; font-size:20px; font-weight:800;}
.detail.member_keyin .mem_info div label{ margin-right:10px; font-weight:400;}
.detail.member_keyin .keyin{display: flex;  align-items: center; margin:20px 0;}
.detail.member_keyin .keyin:after{ display:block; content:''; clear:both;}
.detail.member_keyin .keyin .item{display: flex;  align-items: center; width:100%;}
.detail.member_keyin .keyin.two .item{width:50%;}
.detail.member_keyin .keyin b{color:#c30f23; font-weight:400; margin-right:5px;}
.detail.member_keyin .keyin label{ display:inline-block; float:left; min-width:165px; padding-right:15px; text-align:right;}
.detail.member_keyin .keyin input{ float:right;  display:inline-block; font-weight:800; color:#231916;}
.detail.member_keyin .keyin .dropdown{ width:100%;}
.detail.member_keyin .keyin.checkbox .list_item{ width:100%;}
.detail.member_keyin .keyin.checkbox .list_item:after{ display:block; content:''; clear:both;}
.detail.member_keyin .keyin.checkbox .list_item .item{ width:50%; float:left; text-align:left; display:inline-block;    margin: 5px 0;}
.detail.member_keyin .keyin.checkbox .list_item .item input{ width:auto; float:none; margin-right:10px;}
.detail.member_keyin .action{ text-align:center; margin:50px 0;}

.detail .table{ border:1px solid #ebf4f7;border-spacing: 0;}
.detail .table thead tr th{ background:#ebf4f7; padding:15px 0;}
.detail .table td{ border:none; background:#fff;    padding: 10px 0;}
.dropdown{ position:relative;}
.dropdown button{ border:none; border-bottom: 1px solid #595857; font-size:16px; color:#9e9e9f; width:100%; background:none; text-align:left; padding:5px;}
.dropdown button b{ font-weight:400; color:#9e9e9f !important; display:inline-block;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 1;  -webkit-box-orient: vertical; width:calc(100% - 30px)}
.dropdown button span{ 
	display:inline-block;
	width:12px;
	height:6px; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #595857 transparent transparent transparent;	
	margin-top:7px;
	position: absolute;
    right: 0;
    top: 5px;
}
.dropdown .dropdown-menu{ display:none; position:absolute; left:0;background: #ebf4f7;  border-top:none; width:100%; margin:0; padding:0; list-style:none; z-index:9; max-height:250px; overflow-y:auto;  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.dropdown .dropdown-menu.none{ display:none;}
.dropdown .dropdown-menu.active{ display:block;}
.dropdown .dropdown-menu.none.active{display:none;}
.dropdown .dropdown-menu a{ color: #3e3a39; text-decoration:none; display:block; padding:5px; font-size:14px;}
.dropdown .dropdown-menu a:hover{color:#fff;background:#005eac;}
.dropdown:hover .dropdown-menu{ display:block;}


.white-popup-block.small_size{ position:relative; max-width:300px; margin:0 auto; background:#ebf4f7; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:70px;}
.white-popup-block.small_size .alert{ text-align:center; font-size:18px; color:#3e3a39; font-weight:800;}
.white-popup-block.small_size .action{ margin-top:50px;}
.white-popup-block .action .btn{ font-size:14px;}

.footer_div{ background:url(../images/footer_bg.jpg) center bottom no-repeat; background-size:100% 400px; text-align:right; position:relative; min-height:400px;margin-top: 13vw; }
.footer_div:after{ content:''; display:block; clear:both;}
.footer_div .whale{ position:absolute; right:0; bottom:0;}
.footer_div .info{ padding-top:8vw;    position: relative;}
.footer_div .info .col01{ font-size:20px; color:#ffffff; float:left; text-align:left;}
.footer_div .info .col01 img{ margin-bottom:20px;}
.footer_div .info .col02{ float:right; color:#fff; margin-top:4vw; border-left:1px solid #fff;}
.footer_div .info .col02:after{ content:''; display:block; clear:both;}
.footer_div .info .col02 ul{ width:100px; float:left; margin:0; padding:0 0 0 40px; list-style:none;}
.footer_div .info .col02 ul li a{ color:#fff; display:inline-block; margin-bottom:15px; font-size:18px;transition: 0.5s ease; }
.footer_div .info .col02 ul li a:hover{ color:#005eac;}
.footer_div .info .col02 ul li:last-child a{ margin-bottom:0;}
.footer_div .info .visitorCount { font-size:20px; color:#ffffff; text-align:center; clear: both; }

.navbar-toggle{ position:absolute; right:0; top:30px; margin-right: 15px; display:none; background:url(../images/icon_menu.png) center no-repeat; background-size:auto 24px; border:1px solid #fff; width:35px; height:35px; transition: 0.5s ease; }
.navbar-toggle.active{ background:url(../images/icon_cross.png) center no-repeat; background-size:auto 24px;}
.header_div.active .navbar-toggle{top:15px;}
.back_top{ position:fixed; right:30px; bottom:30px; z-index:999; opacity:0;transition: 0.5s ease;}
.back_top.active{ opacity:1;}
@media (max-width: 1480px){
	.home_banner .info{ position:absolute; left:6%;}
	.footer_div .info{padding-top: 10vw;}
	.footer_div .info .col01 img{ margin-bottom:10px;}
}
@media (max-width: 1300px){
	body.en_US .home_banner .info{ left:2%;}
	body.en_US .home_banner .info h2{ width:60%;}
	.home_banner .info{ left:5%;}
	.home_banner img{ width:70%;}
	.footer_div .outer{max-width:90%;}
	.footer_div .info{padding-top: 13vw;}
	
}
@media (max-width: 1200px){
	.home_banner .info{ left:5%;}
	
	.footer_div .info{padding-top: 15vw;}
}

@media (max-width: 1100px){
	.header_div .navi_list li a{ padding:15px 10px;}
	.home_important_deadline .list_item .item .deadline{    font-size: 22px;}
	.home_important_deadline .list_item .item a{ padding:8px;}
	.footer_div .info .col02{    margin-top: 8vw; }
	.detail.agenda .chart_process img{ max-width:90%;}
}
@media (max-width: 1000px){
	.outer{max-width:90%;}
	.home_important_deadline .outer{max-width:90%;}
	.home_unit .outer{max-width:90%;}
	.detail.subject .outer{max-width:90%;}
	.detail.introduce .outer{max-width:90%;}
	.detail.window .outer{max-width:90%;}
	.detail.organizer .outer{max-width:90%;}
	.detail.topic .outer{max-width:90%;}
	
	body.en_US .home_important_deadline .list_item .item{ width:50%;}
}
@media (max-width: 992px){
	.navbar-toggle{ display:block;}
	.navbar-brand{ float:none;}
	.header_div .navi_list{ float:none; display:none; margin-right:0; position:relative;}
	.header_div .navi_list:before{ content:''; position:absolute; left:15px; right:15px; top:0; height:1px; background:rgba(255,255,255,0.5);}
	.header_div .navi_list li{ float:none;}
	.header_div .navi_list li a{ width:calc(100% - 10px);text-align:center; padding:5px;}
	.header_div .navi_list li a:hover{ background:#fff;color: #005eac;}
	.header_div .navi_list li.memeber>a{ width:100%;}
	.header_div .navi_list li.memeber>a:hover{ background:url(../images/icon_white_user.svg) center no-repeat;}
	.header_div .navi_list li.memeber.dropdown-toggle .dropdown-menu{ position:relative; width:100%;}
	.home_body .header_div{
		background: rgba(15,112,176,0.9);
		background: -moz-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,112,176,0.9)), color-stop(100%, rgba(145,199,160,0.9)));
		background: -webkit-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
		background: -o-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
		background: -ms-linear-gradient(left, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
		background: linear-gradient(to right, rgba(15,112,176,0.9) 0%, rgba(145,199,160,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f70b0', endColorstr='#91c7a0', GradientType=1 );
	}
	.home_body .header_div .navbar-brand big{ color:#fff;}
	.home_body .header_div .navbar-brand small{ color:#fff;}	
	.detail.organizer .list_item.three .item{ width:50%; margin-bottom: 30px;}
	.detail.organizer .list_item.two .item{margin-bottom: 30px;}
	.detail.organizer .list_item h3{ width:90%}
	.detail.organizer .list_item.two .item{ width:100%;}
	
	.footer_div .info .col02 ul{ width:80px;}
}
@media (max-width: 900px){
	.home_news .outer{max-width:90%;}
	.home_purose .outer{max-width:90%;}
	.home_organization .outer{max-width:90%;}
	.home_organization .info .list_item ul{ width:100%;}
	.home_organization .info .list_item ul:last-child{ width:100%;}
	.detail.member_keyin .outer{max-width:90%;}
	.home_logos img{ max-width:85%; margin:0 auto;}
	.home_important_deadline .list_item .item{ width:50%;}
	.home_banner img{ width:60%;}
	.detail.member_keyin .keyin.two{ display:block;}
	.detail.member_keyin .keyin.two .item{ width:100%;}
	.detail.member_keyin .keyin.checkbox .list_item .item{ width:100%;}
	.detail.news .outer{max-width:90%;}
	.footer_div .info{ padding-top:20vw}
	.footer_div .info .col02 ul{ padding:0 0 0 20px;}		
	
	body.en_US .footer_div .info .col02 ul{ width:90px;    padding: 0 0 0 10px;}
}
@media (max-width: 767px){
	.navbar-brand big{ font-size:16px;}
	.home_news .list_item .item{ padding:10px;}
	.home_news .list_item .item a b:first-child{ font-size:18px;}	
	.home_important_deadline .title h2{ font-size:36px;}
	.home_purose .title h2{ font-size:36px;}
	.home_purose .title h2{ font-size:36px;}
	.home_organization .title h2{ font-size:36px;}
	.home_organization .info .sub_title{ margin-bottom:20px;}
	.home_organization .info .sub_title b{ font-size:24px;}
	.home_unit h3{ font-size:28px; margin:10px 0;}
	.home_logos{ padding:60px 0 30px 0;}
	
	body.en_US .home_banner .info h2{ 
		width:60%;
		font-size: 22px; 
	}	
	
	.header_title .title{ margin-bottom: 50px; padding: 30px 0 20px 0;}
	.header_title .title h1{ font-size:36px;}
	.detail{ font-size:16px;}
	.detail.subject .list_item .item .img{ margin-bottom:0px;}
	.detail.subject .list_item .item{ width:50%; margin-bottom:20px;}
	.title.blue h3{ font-size:24px;}
	.detail.news .sub_title{ font-size:26px; border:none;}	
	.detail.news .sub_title .datetime{ font-size:16px; display:block; float:none; text-align:right; margin-top:15px;}	
	.detail.news .sub_title b{ display:block; border-bottom:1px solid #005eac;}	
	.detail.topic .list_item .item .topic_title{ font-size:18px; padding:10px;}
	.detail .table{ width:90%;}
}
@media (max-width: 720px){
	.footer_div .info .col01,.footer_div .info .col02{ float:none; text-align:center;}
	.footer_div .info .col02{ border:none;    margin-top: 20px;}
	.footer_div .info .col02 ul{ padding:0; width:33.333333%; }
	.footer_div .info .col02 ul li a{ margin-bottom:5px;}
	body.en_US .footer_div .info .col02 ul{ padding:0; width:33.333333%; }
}
@media (max-width: 720px){
	.header_div{ min-height:60px;    padding-top: 10px;}
	.home_banner{ margin-top:70px;}
	.home_banner .info{ top:0;}
	.navbar-toggle{ top:18px;}
	.home_organization .info .sub_title span{ display:block; margin-top:15px;}
	.home_banner .info{ left:15px;}
	.home_banner .info h1{ font-size:36px;}
	.home_banner .info h2{ font-size:24px;}
	.home_banner .info .desc{ font-size:16px;}	
	.home_banner img{ width:50%;}
	
	body.en_US .home_banner .info h1{ font-size:30px; margin: 10px 0;}
	body.en_US .home_banner .info .desc{ font-size:14px; line-height:20px;}
}
@media (max-width: 640px){	
	.home_news .list_item .item a b:first-child{ font-size:16px; width:100px;}
	.home_news .list_item .item a b:last-child{ font-size:16px; width:auto;}
	.home_unit .list_item .item{ display:block;}
	.home_unit h3{ display:block; width:100%}
	.home_unit h3 span{ display:inline;}
	.home_unit p{ display:block;}	
	.home_banner .info .scroll_down{ display:none;}
	
	body.en_US .home_banner .info h2{ font-size:18px; line-height: 25px;}
	
	.detail.member_keyin .sub_title{ font-size:24px;margin-bottom: 20px;}
	.detail.subject .list_item .item .desc{ font-size:18px;}
	.footer_div {		
		background-size: 100% 300px;		
		min-height: 300px;
		overflow:hidden;
		width: 100%;
	}
	.footer_div .whale{right: -20vw; bottom:auto;}
}
@media (max-width: 580px){
	.detail.organizer .list_item.three .item{ width:100%; margin-bottom:10px;}
	.detail.organizer .list_item.two .item{margin-bottom: 10px;}
	.detail.organizer .list_item h3{ width:100%; margin:0;}
	.detail.organizer .list_item p{ margin-top:10px;}
	.detail.window .desc b{ display:block;}
	.detail.member_keyin .keyin.two{ margin:0;}
	.detail.member_keyin .keyin{ display:block;}
	.detail.member_keyin .keyin .item{ display:block; margin:5px 0;}
	.detail.member_keyin .keyin label{ display:block; min-width:100%; text-align:left;float:none; padding-right:0;}
	.detail.member_keyin .keyin input{ display:block; float:none;width: 100%; padding:5px 0;}
	.detail.member_keyin .keyin.checkbox .list_item .item input{ display:inline;}
	.detail.member_keyin .mem_info div{ width:100%; display:block;}
	.detail.topic .list_item .item .desc .scroller{ overflow-x:auto; }
	.detail.topic .list_item .item .desc .scroller table{ min-width:500px;}
	.detail.topic .list_item .item .desc .scroller table tr td{ font-size:14px; padding:5px;}
	.detail.news .sub_title{ font-size:22px;}
	.home_news .list_item .item{ padding:10px 0;}
	
	body.en_US .home_banner .info h2{ font-size:16px; line-height: 22px;}
	body.en_US .home_banner .info .desc::before {top: -10px;}
	body.en_US .home_important_deadline .list_item .item{ width:100%;}
	body.en_US .home_important_deadline .list_item .item .title{ width:100%;}
	body.en_US .home_important_deadline .list_item .item .box{ min-width:250px;}
	.footer_div .whale{right: -18vw;}
	.footer_div .whale img{ width:700px;}
	.footer_div .info .col01 img{ margin-bottom:0}
	.footer_div .info .col01{text-shadow: 0px 0px 5px rgba(14, 67, 123, 1);color: #fff; font-size: 14px;text-align: right;    line-height: 20px;}
	.footer_div .info .col02{ margin:10px 0 25px 0;}
	.back_top{ right:0; bottom:100px;}
}
@media (max-width: 480px){
	.navbar-brand img{ margin-right:5px; width:52px;}
	.navbar-brand big{ font-size:14px; font-weight:800;    line-height: 20px;}
	.navbar-brand small{ font-size:13px;    line-height: 16px;}
	.home_organization .info .list_item ul li{ display:block;}
	.home_organization .info .list_item ul li b{ width:100%; display:block;}
	.home_organization .info .list_item ul li b:first-child{ font-weight:800;}
	.home_important_deadline .list_item .item .box{ padding:15px;}
	.home_banner .info h1{ font-size:30px;}
	.home_banner .info h2{ font-size:20px;}
	.home_banner .info p{ margin-top:0;line-height: 1.5em;}
	
	body.en_US .home_banner{ padding-bottom: 60px;}
	body.en_US .footer_div .info .col02 ul li a{ font-size:13px;}
	.detail.submission_keyin .outer{ max-width:90%;}
	.detail.subject .list_item .item .img img{ max-width:80px;}
	.detail.submission_keyin .list_item .item label{ width:110px;}
	.footer_div .info .col02 ul li a{ font-size:14px; line-height:20px;}
}
@media (max-width: 400px){
	.footer_div .whale{right: -35vw;}
}