@charset "UTF-8";
/* 全體通用 */
html body { margin:0; padding:0;}
body { font-family:  sans-serif, Helvetica, Arial, "微軟正黑體" !important; }
.row.no-gutter {  margin-left: 0;  margin-right: 0;}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0;  padding-left: 0;}
.nopadding {   padding: 0 !important;   margin: 0 !important;}

.line_solid { border-bottom: 1px solid #BBB; padding-bottom:0px; margin-bottom:20px;}

.bottom5 { margin-bottom: 5px;}
.bottom10 { margin-bottom: 10px;}
.bottom20 { margin-bottom: 20px;}
.bottom30 { margin-bottom: 30px;}
.bottom40 { margin-bottom: 40px;}
.bottom50 { margin-bottom: 50px;}
.bottom60 { margin-bottom: 60px;}
.bottom70 { margin-bottom: 70px;}
.bottom80 { margin-bottom: 80px;}

.top5 { margin-top: 5px;}
.top10 { margin-top: 10px;}
.top15 { margin-top: 15px;}
.top20 { margin-top: 20px;}
.top30 { margin-top: 30px;}
.top40 { margin-top: 40px;}
.top50 { margin-top: 50px;}
.top60 { margin-top: 60px;}
.top70 { margin-top: 70px;}

.left5 { margin-left: 5px;}
.left10 { margin-left: 10px;}
.left15 { margin-left: 15px;}
.left20 { margin-left: 20px;}
.right5 { margin-right: 5px;}
.right10 { margin-right:10px;}
.right20 { margin-right:20px;}

.img-center { margin: 0 auto;}
.img-right { margin-left: auto;}

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

/* 首頁 */
.agenda_right { background-color:#ebebeb; padding:10px;}

.header_sec { background-image: url(../images/BUTTON-1.jpg);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;font-size: 16px; padding: 1% 1% 2% 1%; }
.header_sec2 { background-image: url(../images/BUTTON-2.jpg);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;font-size: 16px; padding: 1% 1% 2% 1%; }
.header_sec3 { background-image: url(../images/BUTTON-3.jpg);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;font-size: 16px; padding: 1% 1% 2% 1%;}
.header_sec4 { background-image: url(../images/BUTTON-2.jpg);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;font-size: 16px; padding: 0% 1% 2% 1%;}
.header_sec5 { background-image: url(../images/BUTTON-3.jpg);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;font-size: 16px; padding: 0% 1% 2% 1%;}
.header_sec6 { background-image: url(../images/BUTTON-9.jpg);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;color:#fff;font-weight:bold;
	height: 100%;font-size: 16px; padding: 0% 1% 2% 1%;}

.header_sec7 { background-image: url(../images/bg-5.jpg);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;color:#fff;font-weight:bold;
	height: 100%;font-size: 16px; padding: 0% 1% 2% 1%;}

.header_sec8 { background-image: url(../images/BUTTON-8.png);background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;font-size: 16px; padding: 1% 1% 2% 1%; }
	
 .bg_00 {
	 	background-size: cover;
        background-image:url(../images/banner-3.jpg);
        background-repeat: no-repeat;
		height: -webkit-fill-available;/*-webkit-fill-available;*/
		max-height:540px;
		
}
 .bg_01 {
	 	background-size: cover;
        background-image:url(../images/bg_01.jpg);
        background-repeat: no-repeat;
}

 .bg_02 {
	 	background-size: cover;
        background-image:url(../images/bg_02.jpg);
        background-repeat: no-repeat;
}

 .bg_03 {
	 	background-size: cover;
        background-image:url(../images/bg_03.jpg);
        background-repeat: no-repeat;
}



.btn_pink_lg {
    color:#fff;
    background-color:#ef5889;
    border: 1px solid transparent;
    display: inline-block;
    font-weight:bold;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    text-align: center;
    border-radius: 6px;}

.btn_pink_lg:hover {
    background-color:#de3f72;
}

.footer { background-color:#333; color:#FFF; padding:20px 15px;}

.social_icon { border:#999 solid 1px; padding:8px; width:32px; text-align:center;}

.submenu { background-color:#585c85; box-shadow:0px 3px 14px rgba(0,0,0,0.5);}
.submenu2{ background-color:#585c85;box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
.submenu_title {color:#ef5889; font-size:16px; font-weight:bold; background-color:#363851; padding: 10px 20px; border-right: #FFF solid 1px; text-align: right;}

.goals_pic { margin-right:20px; margin-bottom:20px; box-shadow:3px 3px 14px rgba(0,0,0,0.5);}

#menu_dropdown{	
	display:none;
	position:absolute;
	width:100%;
	z-index:9999;
	}
	
#menu_dropdown ul li{
	list-style:none; margin-left:-40px; padding: 10px 20px;}

.pressroom_year { border-bottom: 1px solid #BBB; border-left: 5px solid transparent; padding:15px 30px; text-align:right;}
.pressroom_year:hover { background-color:#FFF; border-bottom: 1px solid #BBB; border-left: 10px solid #575b84;}
.pressroom_year_active { background-color:#FFF; border-bottom: 1px solid #BBB; border-left: 10px solid #575b84; padding:15px 30px; text-align:right;}

.pressroom_date_icon {
    color:#fff;
    background-color:#777;
    display: inline-block;
    font-weight:bold;
    padding: 5px;
    font-size: 18px;
    line-height: 1.3333333;
    text-align: center;
    border-radius:10px;
	width:55px;}

.pressroom_line { border-bottom: 1px solid #BBB; margin-bottom:25px; padding-bottom:25px;}

 .index_bg1 {
	 	background-size: cover;
        background-color:#000;
        background-repeat: no-repeat;
}

 .index_bg2 {
	 	background-size: cover;
        background-image:url(../images/bg-3.jpg);
        background-repeat: no-repeat;
}

 .index_bg3 {
	 	background-size: cover;
        background-image:url(../images/bg-4.jpg);
        background-repeat: no-repeat;
}

 .index_bg4 {
	 	background-size: cover;
        background-image:url(../images/BG.jpg);
        background-repeat: no-repeat;
}


.nav_tabs { background-color:#1fb5da; border-radius:5px 5px 5px 5px; padding:10px; width:150px;color:#FFF;}
    
.Square_1 { background-color:#c5dd43;padding:5px; width:100px;border-radius:3px 3px 3px 3px; text-align:center; font-size:16px; color:#fff;　}

/* end */


/* 電腦版 */
@media screen and (min-width: 990px) {
    .pc_top {display:block;}
	.pc_menu {display:block;}
	.mobile_top {display:none;}
	.mobile_menu {display:none;}	
}
/* 手機版 */
@media screen and (max-width: 989px) {
    .pc_top {display:none;}
	.pc_menu {display:none;}
	.mobile_top {display:block;}	
	.mobile_menu {display:block;}
}


 .index_bg1 {
	 	background-size: cover;
        background-image:url(../images/bg_2.jpg);
        background-repeat: no-repeat;
}


/* 文字設定 */
.date { font-size: 13px; color:#999; line-height:1.6em;}
.content_01 { font-size: 15px; color:#000; line-height:1.6em;}
.content_02 { font-size: 14px; color:#666; line-height:1.4em;}
.content_03 { font-size: 14px; color:#999; line-height:1.4em;}
.content_04 { font-size: 18px; color:#000; line-height:1.8em;}

.content_gray { font-size: 15px; color:#888; line-height:1.6em;}
.content_pink { font-size: 15px; color:#ef5889; line-height:1.6em;}


.pagenum_active { font-size:20px; color:#585c85; font-weight: bold; text-decoration: underline;}

.title_01 { font-size:15px; color:#000; line-height:1.6em; font-weight: bold;}
.title_02 { font-size:15px; color:#585c85; line-height:1.6em; font-weight: bold;}
.title_03 { font-size:18px; color:#000; line-height:1.6em; font-weight: bold;}
.title_04 { font-size:24px; color:#000; line-height:2em; font-weight: bold;}
.title_05 { font-size:18px; color:#000; line-height:1.6em;padding-top:5px;}
.title_06 { font-size:40px; color:#000; }

.title_07 { font-size:25px; color:#fff;  }
.title_08 { font-size:25px; color:#595959; }
.title_09 { font-size:25px; color:#a8ce6b; }


a.footer_link:link {   font-size:14px; color: #FFF; text-decoration: none;}
a.footer_link:visited {font-size:14px; color: #FFF; text-decoration: none;}
a.footer_link:hover {  font-size:14px; color: #FFF; text-decoration: underline;}
a.footer_link:active  {font-size:14px; color: #FFF; text-decoration: underline;}

a.list_link:link {	 font-size:15px; color: #ef5889; text-decoration: none;}
a.list_link:visited {font-size:15px; color: #ef5889; text-decoration: none;}
a.list_link:hover {	 font-size:15px; color: #ef5889; text-decoration: underline;}
a.list_link:active { font-size:15px; color: #ef5889; text-decoration: underline;}

a.menu_link:link {	 font-size:16px; color: #555; text-decoration: none;}
a.menu_link:visited {font-size:16px; color: #555; text-decoration: none;}
a.menu_link:hover {  font-size:16px; color: #000; text-decoration: underline;}
a.menu_link:active { font-size:16px; color: #000; text-decoration: underline;}

a.menu_link_m:link {   font-size:18px; color: #000; text-decoration: none;}
a.menu_link_m:visited {font-size:18px; color: #000; text-decoration: none;}
a.menu_link_m:hover {  font-size:18px; color: #000; text-decoration: none;}
a.menu_link_m:active { font-size:18px; color: #000; text-decoration: none;}

a.submenu_link:link {	font-size:18px; color: #FFF; text-decoration: none;}
a.submenu_link:visited {font-size:18px; color: #FFF; text-decoration: none;}
a.submenu_link:hover {  font-size:18px; color: #FFF; text-decoration: underline;}
a.submenu_link:active { font-size:18px; color: #FFF; text-decoration: underline;}

a.submenus_link:link {	font-size:16px; color: #000; text-decoration: none;}
a.submenus_link:visited {font-size:16px; color: #000; text-decoration: none;}
a.submenus_link:hover {  font-size:16px; color: #000; text-decoration: underline;}
a.submenus_link:active { font-size:16px; color: #000; text-decoration: underline;}

a.page_link:link {	 font-size:15px; color: #FFF; text-decoration: none;}
a.page_link:visited {font-size:15px; color: #FFF; text-decoration: none;}
a.page_link:hover {  font-size:15px; color: #FFF; text-decoration: underline;}
a.page_link:active { font-size:15px; color: #FFF; text-decoration: underline;}

a.page_link_02:link {	font-size:15px; color: #555; text-decoration: none;}
a.page_link_02:visited {font-size:15px; color: #555; text-decoration: none;}
a.page_link_02:hover {  font-size:15px; color: #555; text-decoration: underline;}
a.page_link_02:active { font-size:15px; color: #555; text-decoration: underline;}

a.year_link:link {	 font-size:22px; color: #888; text-decoration: none; font-weight: bold;}
a.year_link:visited {font-size:22px; color: #888; text-decoration: none; font-weight: bold;}
a.year_link:hover {  font-size:22px; color: #888; text-decoration: none; font-weight: bold;}
a.year_link:active { font-size:22px; color: #888; text-decoration: none; font-weight: bold;}

table { border-collapse: collapse; margin: 10px auto; }
table td { padding: 10px; text-align:left; }
a.erblink:link { color: #333; text-decoration: none; }
a.erblink:visited{ color: #333; text-decoration: none; }
a.erblink:hover { color: #17987e; text-decoration: none; }
a.erblink:active { color: #17987e; text-decoration: none; }

/* end */