@charset "utf-8";
/* ======================= 全站基本設置 ======================= */
html, body { margin:0; padding:0; height:100%;
background: #aca1d3;
background: -moz-linear-gradient(-45deg,  #b3deff 0%, #e8abdd 100%);
background: -webkit-linear-gradient(-45deg,  #b3deff 0%,#e8abdd 100%);
background: linear-gradient(135deg,  #b3deff 0%,#e8abdd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3deff', endColorstr='#e8abdd',GradientType=1 ); }

body, th, td, input, select, textarea, span, samp { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-size:14px; }
input[type="submit"], input[type="reset"], input[type="button"], select, button {-webkit-appearance:none; }
a { text-decoration: none; }
b { font-weight:normal; }
p { line-height:2em; }
h1,h2,h3,h4,h5,h6 { font-weight:400; }
h1 { font-size:40px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h2 { font-size:26px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h3 { font-size:18px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h4 { font-size:16px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h5 { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h6 { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
a:link, a:visited { text-decoration:none; cursor:pointer; }
table,th,td { margin:0; padding:5px; outline:none; border-collapse:collapse; border-spacing:0; }
.clear { clear:both; }
.red { display:inline-block; margin:0 5px; padding:0; font-size:13px; color:#cc0000;}

/* ======================= 全站通用區塊 ======================= */
/* ----- WRAPPER 全站 ----- */
#wrapper { }

/* ----- HEADER ----- */
#header_all { position:relative; z-index:9999; width:100%; background:#fff;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
box-shadow:rgba(0,0,0,0.4) 0px 0 5px; }
#header { width:100%; max-width:1000px; margin:0 auto; overflow:auto; }

/*LOGO*/
#logo { float:left; padding:15px; }
#logo a { display:block; width:380px; height:50px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; }

/*Facebook*/
#fb {
    float: right;
    margin: 0 12px 0 15px;
}
#fb a { display:block; margin:25px 0; padding:0 0 0 28px; 
        width:100px; 
        border-bottom: none;
        height:30px; font-size:14px; line-height:30px; color:#FFF; background:#3883c7 url(../images/icon_fb.png) no-repeat left center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#fb a:hover { background:#236bad url(../images/icon_fb.png) no-repeat left center; }

.btn-search { background:#aca1d3 }
/*.btn-search :hover { background:#9c8ecb }*/

/*MENU*/
#top_menu { float:right; }
#top_menu ul { margin:0; padding:0; overflow:auto; }
#top_menu ul li { float:left; margin:0 2px; padding:0; list-style:none; }
#top_menu ul li a { display:block; 
                    padding:0 8px; 
                    font-size:16px; line-height:77px; color:#333; border-bottom:solid 3px #FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#top_menu ul li a:hover { color:#336699; border-bottom:solid 3px #83bae4; }
#top_menu ul li a.cur { color:#352a8f; border-bottom:solid 3px #9590dd; }

/*BANNER*/
#banner { width:100%; max-width:1000px; height:auto; margin:0 auto; overflow:hidden; }
#banner img { width:100%; }

/* ----- CONTENT ----- */
#content_all { width:100%; background:#edeff6; }
#content { max-width:1000px; margin:0 auto; }

/*FULL滿版區塊*/
#full_block {}



/* ----- FOOTER -----*/
#footer_all { width:100%; }
#footer { width:100%; max-width:1000px; margin:0 auto; padding:30px 0 20px 0; font-size:14px; line-height:20px; text-align:center; color:#000; }
/*
#footer { width:1000px; margin:0 auto; padding:30px 0 20px 0; background:url(../images/footerbg.png) no-repeat center; font-size:14px; line-height:20px; text-align:center; color:#fff;
-webkit-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
-moz-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
-ms-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
-o-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
text-shadow:rgba(40,35,104,0.4) 0px 0 5px; }
#footer a { color:#fff;
-webkit-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
-moz-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
-ms-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
-o-text-shadow:rgba(40,35,104,0.4) 0px 0 5px;
text-shadow:rgba(40,35,104,0.4) 0px 0 5px; }*/


/* ======================= 主要內容區塊 ======================= */
/*最新消息-電子報列表*/
#news_box { padding:40px 0;}
#news_box .box_title { font-size:24px; color:#666699; text-align:center; background:url(../images/inx_titbg.png) no-repeat center; }
#news_box .box_list { margin-bottom:10px; }
#news_box .box_list ul { margin:5px -10px; padding:0; overflow:auto; }
#news_box .box_list ul li { float:left; margin:15px; padding:0; list-style:none; width:30.33%; }
#news_box .box_list ul li b { position:relative; display:block; margin:0; padding:0; width:100%; overflow:hidden; }
#news_box .box_list ul li b i { position:absolute; z-index:9998; left:0px; bottom:0px; display:block; width:100%; height:40px; background:url(../images/picbg.png) repeat-x bottom; }
#news_box .box_list ul li p { float:left; display:block; margin:0 20px 0 0; padding:11px 0; width:70px; 
                              /*height:28px;*/ 
                              background:#aca1d3; font-size:12px; line-height:14px; text-align:center; color:#FFF; }
#news_box .box_list ul li p span { display:block; font-size:14px; }
#news_box .box_list ul li h3 { float:left; margin:0; padding:0; font-size:16px; line-height:50px; }
#news_box .box_list ul li a { display:block; position:relative; z-index:9999; background:#fff; color:#333; }
#news_box .box_list ul li b img { width:100%; height:200px }
#news_box .box_full { float:none; width:100%;
-webkit-box-shadow:rgba(40,35,104,0.2) 0px 0 3px;
-moz-box-shadow:rgba(40,35,104,0.2) 0px 0 3px;
-ms-box-shadow:rgba(40,35,104,0.2) 0px 0 3px;
-o-box-shadow:rgba(40,35,104,0.2) 0px 0 3px;
box-shadow:rgba(40,35,104,0.2) 0px 0 3px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#news_box .box_list ul li a:hover { color:#352a8f;
-webkit-box-shadow:rgba(40,35,104,0.4) 0px 0 10px;
-moz-box-shadow:rgba(40,35,104,0.4) 0px 0 10px;
-ms-box-shadow:rgba(40,35,104,0.4) 0px 0 10px;
-o-box-shadow:rgba(40,35,104,0.4) 0px 0 10px;
box-shadow:rgba(40,35,104,0.4) 0px 0 10px; }

/*最新消息-電子報內容*/
#news_box .box_head { background:#fff; }
#news_box .tit_left { float:left; }
#news_box .tit_right { float:right; padding:10px; }
#news_box .box_head h3 { float:left; display:block; margin:0; padding:0; font-size:24px; line-height:60px; color:#6058ae; }
#news_box .box_head p { float:left; display:block; margin:0 20px 0 0; padding:14px 0; width:80px; background:#aca1d3; font-size:13px; line-height:16px; color:#FFF; text-align:center; }
#news_box .box_head p span { display:block; margin:0; padding:0; font-size:16px; line-height:16px; color:#FFF; }
#news_box .box_head h4 { display:block; margin:0 5px; padding:0; font-size:14px; line-height:20px; color:#666; font-weight:bold; }
#news_box .box_head h5 { display:block; margin:0 5px; padding:0; font-size:14px; line-height:20px; color:#666; font-weight:bold; }

/*內文左右區塊*/
/*#news_box .box_left { float:left; width:640px; }
#news_box .box_right { float:right; width:350px; background:#dfdce8; }*/

/*文章區塊*/
#news_box .box_part { margin:20px 0; padding:0 0 20px 0; border-bottom:solid 2px #aca1d3; }
#news_box .box_part02 { margin:20px 0; padding:0 0 20px 0; border-bottom:solid 2px #aca1d3; }
#news_box .box_tit { margin:30px 0 0 0; padding:0; font-size:24px; line-height:30px; color:#333366; text-align:center; }
#news_box .box_info { margin:0; padding:15px; line-height:1.6em; background:#dfdce8; }
#news_box .box_info>p { margin:0; padding:0; font-size:15px; line-height:1.6em; color:#555; }
/*回饋表單*/
#news_box .box_fback { margin:15px; padding:20px; background:#fff; }
#news_box .box_fback table {}
#news_box .box_fback th { padding:5px 0 5px 10px; text-align:left; font-weight:normal; background:url(../images/thbg.png) no-repeat left center; }
#news_box .box_fback td { padding:5px 0 10px 0; }
#news_box .box_fback b { font-size:13px; color:#e68eca; }
#news_box .box_fback h4 { float:left; margin:3px 10px 0 0; padding:0; font-size:15px; }
#news_box .box_fback samp,#news_box .box_fback samp a { margin:0; padding:0; font-size:14px; color:#FF0000; }
#news_box .title { font-size:18px; line-height:20px; color:#666699; }
#news_box .codes { float:left; margin:0 5px; width:90px;}
#news_box .text { float:left; width:150px; padding:5px; background:#edeff6; border:solid 1px #dfe2ec; font-size:14px; line-height:15px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#news_box .wall { float:left; width:340px; padding:5px; background:#edeff6; border:solid 1px #dfe2ec; font-size:14px; line-height:15px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#news_box .btn01 { height:30px; margin:0 0 0 8px; padding:0 24px; background:#aca1d3; border:solid 1px #aca1d3; color:#FFF;
-webkit-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-moz-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-ms-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-o-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#news_box .btn01:hover { background:#9c8ecb; }
#news_box .btn02 { float:left; height:27px; padding:0 10px; background:#9cc7e8; border:solid 1px #9cc7e8; color:#FFF;
-webkit-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-moz-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-ms-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-o-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#news_box .btn02:hover { background:#82b3d9; }
/*文章內文宣告區塊*/
#declare_dox { margin:20px 0; padding:0 15px 20px 15px; border-bottom:solid 2px #aca1d3; }
#declare_dox img {
    width: 80px !important;
}

/*多圖片區塊*/
.pic_list { margin:0; padding:0px 15px; }
.pic_list ul { margin:0; padding:0; overflow:auto; }
.pic_list ul li { float:left; margin:0 10px 15px 0; padding:0; list-style:none; width:290px; }
.pic_list ul li b { display:block; width:268px; height:179px; overflow:hidden; }
.pic_list ul li b img { width:100%; }
.pic_list ul li p { margin:5px 0; padding:0; font-size:90%; line-height:20px; text-align:center; }
.pic_list ul li a { display:block; padding:10px; color:#555; background:#f7f8fb; border-top:solid 1px #dbe2eb; border-right:solid 1px #dbe2eb; border-left:solid 1px #dbe2eb; border-bottom:solid 2px #dbe2eb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.pic_list ul li a:hover { background:#fff; color:#333; }
.mfp-figure small { display:none !important; }


/*FORM 表單專用*/
#form_box { padding:40px 0 50px 0; }
#form_box .box_title { margin-bottom:20px; font-size:24px; color:#666699; text-align:center; background:url(../images/inx_titbg.png) no-repeat center; }
#form_box .box_info { margin:0 24px; padding:30px; background:#fff; }
#form_box .box_info table {}
#form_box .box_info th { padding:10px 0 10px 13px; font-size:15px; text-align:left; font-weight:normal; background:url(../images/thbg.png) no-repeat left center; }
#form_box .box_info td { padding:10px 0; }
#form_box .box_info b { font-size:13px; color:#e68eca; }

#form_box .title { font-size:18px; line-height:20px; color:#666699; }
#form_box .codes { float:left; margin:0 5px; }
#form_box .text { float:left; width:370px; padding:5px; background:#edeff6; border:solid 1px #dfe2ec; font-size:14px; line-height:15px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#form_box .text2 { float:left; width:150px; padding:5px; background:#edeff6; border:solid 1px #dfe2ec; font-size:14px; line-height:15px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#form_box .text3 { width:150px; padding:5px; background:#edeff6; border:solid 1px #dfe2ec; font-size:14px; line-height:15px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#form_box .wall { width:828px; height:20px; padding:5px; background:#edeff6; border:solid 1px #dfe2ec; font-size:14px; line-height:20px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }

#form_box .btn01 { height:35px; margin:0 0 0 8px; padding:0 24px; background:#aca1d3; border:solid 1px #aca1d3; color:#FFF;
-webkit-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-moz-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-ms-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-o-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#form_box .btn01:hover { background:#9c8ecb; }
#form_box .btn02 { height:27px; padding:0 10px; background:#9cc7e8; border:solid 1px #9cc7e8; color:#FFF;
-webkit-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-moz-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-ms-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-o-text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
text-shadow:rgba(40,35,104,0.4) 0px 0 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#form_box .btn02:hover { background:#82b3d9; }

#form_box .left { text-align:left; }
#form_box .right { text-align:right; }
#form_box .center { text-align:center; }


/* ======================= SHARE 文章列印分享回上層 ======================= */
#share { clear:both; padding:0 60px 30px 60px; }
#share ul { display:block; margin:0; padding:0; text-align:right;/*用文字方向可控制按鈕位置*/ }
#share ul li { display:inline-block; margin:0 0 5px 5px; padding:0; list-style:none; font-size:13px; line-height:24px; }
#share ul li a { display:block; padding:0 10px; background:#fff; color:#888;
-webkit-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-moz-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-ms-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-o-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#share ul li a:hover { background:#aca1d3; color:#FFF; }
/*社群分享區塊*/
#share .community { padding:0 10px; background:#eee; border:solid 1px #ccc; color:#333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#share .community a { float:left; display:block; width:15px; height:15px; margin:5px 5px 5px 0px; padding:0px; border:none; opacity:1; text-indent:-9999px; }
#share .community a:hover { border:none; opacity:0.7; }
/*社群icon*/
#share .pl { background:url(../images/footer_links01.png) no-repeat; }
#share .pl:hover { background:url(../images/footer_links01.png) no-repeat; opacity:0.5;}
#share .tt { background:url(../images/footer_links02.png) no-repeat; }
#share .tt:hover { background:url(../images/footer_links02.png) no-repeat; opacity:0.5;}
#share .fb { background:url(../images/footer_links03.png) no-repeat; }
#share .fb:hover { background:url(../images/footer_links03.png) no-repeat; opacity:0.5;}

/* ======================= PAGE 頁碼 ======================= */
#page { clear:both; padding:20px 15px; border-top:solid 1px #ddd; }
#page ul { display:block; margin:0; padding:0; text-align:center;/*用文字方向可控制按鈕位置*/ }
#page ul li { display:inline-block; margin:0 1px; padding:0; list-style:none; font-size:12px; line-height:24px; text-align:center; }
#page ul li a { display:block; padding:0 10px; background:#fff; color:#888;
-webkit-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-moz-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-ms-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-o-box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
box-shadow:rgba(40,35,104,0.2) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#page ul li a:hover { background:#9cc7e8; color:#FFF; }
#page ul li a.cur { background:#aca1d3; color:#FFF; }

/*@media only screen and (max-width: 992px) {
    #news_box .box_list ul li {
        width: 28%;
    }

    #ctl00_txtSearch {
        display: inline;
    }
}
@media only screen and (max-width: 768px) {
    #news_box .box_list ul li {
        width: 28%;
    }

    #ctl00_txtSearch {
        display: inline;
    }
}
@media only screen and (max-width: 480px) {
}*/
.box_info ul {
    margin: unset;
    padding: unset;
}
.box_info ul li {
    list-style: none;
}
.box_fback ul {
    margin: unset;
    padding: unset;
}
.box_fback ul li {
    list-style: none;
}
.box_fback .radio img {
    width: 15px !important;
}

.newsShareBtnList{
    text-align:right;
    margin-top: 12px;
}
.newsShareBtnList li{
	display:inline-block;
	vertical-align:top;
    margin: 0 0 0 4px;
}
.newsShareBtnList li a{
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100% auto;
	display:block;
	width:36px;
}
.newsShareBtnList li a.fb{
	background-image:url(../images/newsShareBtnFb1.png);
}
.newsShareBtnList li a.line{
	background-image:url(../images/newsShareBtnLine1.png);
}
.newsShareBtnList li a img{
	width:100%;
	transition:0.3s;
}
.newsShareBtnList li a:hover img{
	opacity:0;
	transition:0.3s;
}
@media only screen and (min-width: 320px) {
    #news_box .box_list ul li {
        width: 100%;
    }
    #logo a {
        background: url(../images/logo_m.png) no-repeat;
        width: 320px;
        height: 92px;
    }
    #ctl00_txtSearch {
        /*width: 80%;*/
        display: inline;
    }
    .box_info table {
        width: 100% !important;
    }
    .box_info img {
        max-width: 100% !important;
        height: auto !important;
    }
}
@media only screen and (min-width: 576px) {
    #logo a {
        background: url(../images/logo.png) no-repeat;
        width: 380px;
    }

    .box_info ul li {
        list-style: none;
        display: inline;
    }

    .box_fback ul li {
        list-style: none;
        display: inline;
    }

    #news_box .box_list ul li {
        width: 28%;
    }

    .box_info img {
        /*width:inherit;*/
    }

    @media only screen and (min-width: 768px) {
        #news_box .box_list ul li {
            width: 29%;
        }

        .box_info img {
        }
    }

    @media only screen and (min-width: 992px) {
        #news_box .box_list ul li {
            width: 30%;
        }

        .box_info img {
        }
    }

    @media only screen and (min-width: 1200px) {
        #news_box .box_list ul li {
            width: 30%;
        }

        .box_info img {
        }
    }
}
/* 手機選單使用完整頁首寬度，避免與 LOGO 並排擠壓。 */
@media (max-width: 991.98px) {
    #header { position: relative; overflow: visible; }
    #logo { float: none; width: calc(100% - 64px); padding: 12px; }
    #logo a { width: 100%; max-width: 380px; height: 64px; background-size: contain; background-position: left center; }
    #header .navbar { position: static; clear: both; width: 100%; padding: 0 12px; }
    #top_menu_toggle { position: absolute; top: 24px; right: 12px; }
    #top_menu { float: none; width: 100%; padding-bottom: 12px; }
    #top_menu.show { display: flex; flex-wrap: wrap; align-items: center; }
    #top_menu ul { width: 100%; margin: 0 0 8px; }
    #top_menu ul li { float: none; margin: 0; width: 100%; }
    #top_menu ul li a { padding: 0 12px; line-height: 44px; }
    #fb { float: none; width: 100%; margin: 0 0 12px; }
    #fb a { margin: 0 12px; }
    #top_menu input[type="text"] { flex: 1 1 0; width: 0; min-width: 0; max-width: none; margin: 0 8px 0 0 !important; }
    #top_menu input[type="image"] { flex: 0 0 44px; margin: 0 !important; }
}