/* Minification failed. Returning unminified contents.
(409,26): run-time error CSS1031: Expected selector, found '/'
(409,26): run-time error CSS1025: Expected comma or open brace, found '/'
 */
@charset "utf-8";
/*
Copyright (c) 2009, Shawphy(shawphy.com). All rights reserved.
http://shawphy.com/2009/03/my-own-reset-css.html
Based on YUI http://developer.yahoo.com/yui/reset/ 
and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 
Licensed under the BSD License:
http://creativecommons.org/licenses/BSD/
version: 1.1 | 20090303
*/


body, div, dl, dt, dd, ul, ol, li,
h1, h2, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size:12px;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt{ 
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/* table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
} */
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
img, div, input {
behavior: url("iepngfix.htc");}
html,body{
    -webkit-overflow-scrolling : touch !important;
    margin:0;
}
a, *:hover, *:active{-webkit-transition: background 500ms ease-in-out, height 500ms ease-in-out, color 500ms ease-in-out; -moz-transition: background 500ms ease-in-out, height 500ms ease-in-out, color 500ms ease-in-out; -ms-transition: background 500ms ease-in-out, height 500ms ease-in-out, color 500ms ease-in-out; -o-transition: background 500ms ease-in-out, height 500ms ease-in-out, color 500ms ease-in-out; transition: background 500ms ease-in-out, height 500ms ease-in-out, color 500ms ease-in-out; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="email"] {-webkit-appearance: none;}
/*select,*/ textarea {  -webkit-appearance: none;}

body{margin:0; font-family:'Open Sans', sans-serif,"微軟正黑體"; font-size:12px; position: relative; color:#777;}
.clean{clear:both;}
.no_c{display:none;}
.boxsizing{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.edit, .edit p{font-size:14px; line-height:20px;}
.edit img{max-width:100%; height:auto;}




/* header */
header{width:100%; padding:10px 0; position:fixed; top:0; z-index:999999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
transition:all 0.5s ease-in-out;
}
header:hover, .small_heigh header{background:rgba(0,0,0,0.7);}
header .head_box{width:1240px; margin:auto; height:62px; padding:0; display: -webkit-flex; display: flex;}
header .head_box .logo{width:115px; -webkit-flex: none; flex: none;}
header .head_box .logo svg{width:100%; height:auto;}
.st0{fill:#231815; transition:all 0.5s ease-in-out;}
.st1{fill:#8DBA2E; transition:all 0.5s ease-in-out;}
.st2{fill:#E50012; transition:all 0.5s ease-in-out;}
.st3{fill:#231815;stroke-miterlimit:10; transition:all 0.5s ease-in-out;}
header:hover .logo .st0, header:hover .logo .st1, header:hover .logo .st2, header:hover .logo .st3, .small_heigh header .logo .st0, .small_heigh header .logo .st1, .small_heigh header .logo .st2, .small_heigh header .logo .st3{fill:#fff;}


header .head_box .fb{ width:30px; margin:0 0 0 10px;}
header .head_box .fb svg{fill:#fff;}
header .head_box .line{ width:30px;}
header .head_box .line svg{fill:#fff;}
header .head_box .nav{width: -moz-calc(100% - 185px); width: -webkit-calc(100% - 185px); width: calc(100% - 185px); text-align:center;}
header .head_box .nav > li{color:#fff; font-size:16px; letter-spacing:0.1em; display:inline-block;/* margin:0 25px;*/ position:relative; transition:all 0.5s ease-in-out;}
header .head_box .nav > li a{color:#fff;/* position:relative;*/ padding:28px 12px;}
header .head_box .nav > li:hover a:after{content:""; position:absolute; border-color: transparent transparent #fff; border-style: solid solid solid; border-width: 10px; bottom: -29px; left: 42%; width:0; height: 0;}
header .head_box .nav li ul{background:#fff; min-width:160px; padding:10px; text-align:left; display: none; position: absolute; left:-40px; top: 53px; z-index: -1; box-shadow: 0 2px 7px rgba(0,0,0,0.45);}
header .head_box .nav li ul li{font-size:16px;}
header .head_box .nav li ul li a{color:#777; padding:5px; display:block;}
header .head_box .nav li ul li:hover a{background:#ccc; color:#fff;}
header .head_box .nav li:hover ul li a:after{ display:none;}

/*header .submenu{height: 0; position: fixed; top:82px; left:0; width:100%; display:block; overflow: hidden; transition:all .3s cubic-bezier(.28,.6,.48,.77) ;}
header .submenu-on{height: auto; background:#fff; padding:15px; box-shadow:0 4px 10px 0 rgba(0,0,0,.2);}
header .submenu li{display:inline-block; margin:0 30px; text-align:center;}
header .submenu li a{font-size:20px; color:#7c7c7c !important;}
header .submenu li img{margin-bottom:10px; width:75px; height:auto; transition:all 0.5s ease-in-out; opacity:0.5;}
header .submenu li h3{font-weight:normal; padding:0; margin:0;}
header .submenu li:hover img{opacity:1;}
header .submenu li:hover a{color:#000 !important;}*/

.vertical-container {

  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

/* mobile */

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {
  position: fixed;
}

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #999;
  display:none;
}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  width:100%;
  text-align:center;
  /*text-transform: uppercase;*/
  color: #FFF;
  font-weight: 300;
  display:block;
  padding:2px 0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 24px;
  height: 2px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 8px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 8px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 999;
  width: 260px;
  background-color: #242e30;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2.3em;
  padding: 0 16px 0 32px;
  color: #aab5b7;
  font-size:16px;
}
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}

#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../images/primary/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}










.warp{width:100%;}
.container{width:1240px; margin:0 auto;}
ul.breadcrumb{padding:20px 0; text-align:right;}
ul.breadcrumb li{display:inline-block; font-size:12px; line-height:12px; color:#666; padding-right:10px; margin-right:10px; border-right:1px solid #666;}
ul.breadcrumb li a{color:#666;}
ul.breadcrumb li a:hover{color:#999;}
ul.breadcrumb li:last-child{margin-right:0; padding-right:0; color:#888; border-right:none;}




.edit{width:95%; margin:0 auto 5% auto; font-size:16px; line-height:36px; color:#333;}
.edit img{max-width:100%; height:auto;}
.edit iframe{max-width:100%;}
.edit p{font-size:16px; line-height:36px;}
.edit table{max-width:100%;}

/* footer */
footer{width:100%; background:#00398e; color:#8cb3ee; font-size:12px; padding:2% 0;}
footer .foot_box{width:1240px; margin:auto; display: -webkit-flex; display: flex;}
footer .foot_box .ft_left{-webkit-flex: 3; flex: 3;}
footer .foot_box .ft_left ul{margin-bottom:12px;}
footer .foot_box .ft_left ul li{display:inline-block; line-height:12px; border-right:1px solid #fff; padding-right:10px; margin-right:10px;}
footer .foot_box .ft_left ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
footer .foot_box .ft_left ul li a{color:#fff;}
footer .foot_box .ft_left ul li a:hover{color:#8cb3ee;}
footer .foot_box .ft_left p{line-height:22px;}
footer .foot_box .ft_left p a{color:#8cb3ee;}
footer .foot_box .ft_left address{display:inline-block;}
footer .foot_box .ft_right{-webkit-flex: 1; flex: 1; position:relative;}
footer .foot_box .ft_right .cert_icon{padding:10px; border-radius:6px; background:#fff; text-align:center; width:200px; float:right;}
footer .foot_box .ft_right .cert_icon img{vertical-align:middle; margin:0 12px;}
.ft_fb svg{width:36px; height:auto; fill:#395495; vertical-align:middle;}
footer .foot_box .ft_right .copyright{position:absolute; bottom:0; right:0; text-align:right;}
footer .foot_box .ft_right .copyright a{color:#8cb3ee;}
footer .foot_box .ft_right .copyright a:hover{color:#fff;}
.ft_search{display:none;}
.promotions_btn{position:fixed; top:150px; right:0;}
.promotions_btn a{padding:15px 10px; color:#fff; font-size:20px; letter-spacing:0.1rem; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; 
	animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: blink; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: blink;
    animation-duration: 0.5s;}
.promotions_btn a.blink-btn{
    /*color:#000;*/
	animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: blink-btn; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: blink-btn;
    animation-duration: 0.5s;}	
* Chrome, Safari, Opera */
@-webkit-keyframes blink-btn {
    from {background: #c50000;}
    to {background: #000;}
}
 
/* Standard syntax */
@keyframes blink-btn {
    from {background: #c50000;}
    to {background: #000;}
}
.promotions_btn img{margin-bottom:6px; width:25px; height:25px;}


/*page*/
ul.page{width:100%; margin:0 0 4% 0; text-align:center;}
ul.page li{display:inline-block; margin-right:0.5%; font-size:13px; color:#fff; background:#c0c0c0; border-radius:20px; padding:4px 10px; border:rgba(0,0,0,0) 1px solid;}
ul.page li:last-child{margin-right:0;}
ul.page li a{color:#fff;}
ul.page li:hover{border:#c2e7c0 1px solid; background:#c2e7c0;}
ul.page li:hover a{color:#555;}
ul.page li.current_page{background:#2ca826; border-radius:20px; padding:4px 10px;}
ul.page li.current_page a{color:#fff;}

/* 2018-12-10 資訊展開收合 */
footer .foot_box .ft_left .ft-btn{display:none;} 

/*go top*/
.cd-top {display: inline-block;height:40px;width: 40px;position: fixed;bottom: 40px;right: 30px;text-indent: 100%;white-space: nowrap;background:url(../images/cd-top-arrow.svg) no-repeat center 50% #777; background-size:65% auto;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {z-index:1000;-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: .8;}
.no-touch .cd-top:hover {opacity: 1;}



@media only screen and (max-width: 1240px)
{
header .head_box{width:98%;}
/*header .head_box .nav > li{font-size:18px;}
header .head_box .nav > li a{padding:27px 20px;}*/
header .head_box .nav > li:hover a:after{bottom:-27px;}
header .head_box .nav li ul{top:53px;}
.container{width:98%;}
footer .foot_box{width:98%;}
footer .foot_box .ft_right .cert_icon img{max-width:40px; height:auto; margin:0 6px;}

}

@media only screen and (max-width: 1024px)
{
header{box-shadow:0 0 7px 0 rgba(0,0,0,0.3); padding:0;}
header, header:hover, .small_heigh header{background:#fff;}
header:hover .logo .st0, header:hover .logo .st3, .small_heigh header .logo .st0, .small_heigh header .logo .st3{fill:initial;}
header:hover .logo .st3, .small_heigh header .logo .st3{stroke:inherit;}
header:hover .logo .st1, .small_heigh header .logo .st1{fill:#8DBA2E;}
header:hover .logo .st2, .small_heigh header .logo .st2{fill:#E50012;}
header .head_box{height:auto; padding:4px 0;}
header .head_box .nav{display:none;}
header .head_box .logo{position:inherit; margin-left:5px;}
header .head_box .logo svg{width:100px; height:auto;}
header .head_box .fb{text-align:right; padding-right:60px;}
header .head_box .fb svg{width:30px; height:auto; fill:#395495;}
header .head_box .line svg{fill:#00b900; width:30px; height:auto;}
#cd-menu-trigger{display:block;}
footer{margin-bottom:57px;}
.ft_search{position:fixed; bottom:0; display:block; width:50%; z-index:9999;}
.ft_search .ft_btn{text-align:center; width:100%; padding:13px; background:#1c82e7;}
.ft_search .ft_btn a{color:#fff; display:block; width:100%; font-size:20px; letter-spacing:0.1em;}
.ft_search .ft_btn img{width:43px; height:auto; display:inline-block; vertical-align:middle; margin-right:10px;}
.ft_search .ft_form{height:calc(100% - 63px); width:100%; padding:50px 30px 0 30px; z-index:99999; position:fixed; left:0; bottom:0; background:rgba(0,0,0,0.8); overflow-x: hidden; overflow-y: auto; transition: all .5s ease-out; transform: translateY(100%);}
.ft_search .ft_form_on{transform: translateY(0);}
.ft_search .ft_form .s_label2{font-size:16px;}
.ft_search .ft_form .s_label2 li{margin-bottom:15px;}
.ft_search .ft_form .s_label2 li label{padding:3px; font-size:16px; color:#fff; width:100%;}
.ft_search .ft_form .s_label2 li .text_basic2{background:#fff; border:0; padding:10px; margin-top:5px; font-size:14px; color:#000; width:100%; border-radius:4px;}
.ft_search .ft_form .s_search_btn{margin-top:30px; text-align:center;}
.ft_search .ft_form .s_search_btn input.s_btn2{width:100%; text-align:center; background:url(../images/primary/search_btn.svg) no-repeat 43% 10px #ff7e00; background-size:26px 26px; padding:10px 0; color:#fff; font-size:20px; letter-spacing:0.1em; border:0; cursor:pointer;}
.ft_search .ft_form .ft_close{position:absolute; right:10px; top:25px; width:30px; height:30px;}
.ft_search .ft_form .ft_close .close-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 24px;
  height: 2px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
.ft_search .ft_form .ft_close .close-icon::before, .ft_search .ft_form .ft_close .close-icon::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}
.ft_search .ft_form .ft_close .close-icon::before {
  bottom: 8px;
}
.ft_search .ft_form .ft_close .close-icon::after {
  top: 8px;
}
.ft_search .ft_form .ft_close .close-icon {
  background-color: rgba(255, 255, 255, 0);
}
.ft_search .ft_form .ft_close .close-icon::before, .ft_search .ft_form .ft_close .close-icon::after {
  background-color: white;
}
.ft_search .ft_form .ft_close .close-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ft_search .ft_form .ft_close .close-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


footer .foot_box .ft_right .cert_icon img{max-width:36px; height:auto; margin:0 6px;}
.ft_fb svg{width:32px;}
.cd-top{bottom:140px; right:10px;}
.promotions_btn{top:inherit; bottom:0; width:50%; z-index:9999;}
.promotions_btn a{-webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; padding:14px; display:block; text-align:center;}
.promotions_btn img{vertical-align:middle; margin:0 10px 0 0;}
}

@media only screen and (max-width: 980px)
{
footer .foot_box .ft_right .cert_icon img{max-width:32px;}
.cd-top.cd-fade-out {opacity: 1;}
.edit table{overflow:auto; overflow-x:auto; overflow-y:hidden; display:block;}
}


@media only screen and (max-width: 767px)
{
footer .foot_box{display:inherit; width:96%;}
footer .foot_box .ft_right{margin-top:25px; text-align:-webkit-center;}
footer .foot_box .ft_right .cert_icon{display:initial; padding:14px 10px; float:none;}
}

@media only screen and (max-width: 640px)
{
footer{padding:10px 0;}
footer .foot_box .ft_right .cert_icon{display:block; padding:6px; margin-bottom:5px;}
footer .foot_box .ft_right .copyright{position:inherit; text-align:center;}
.ft_search .ft_form .s_search_btn input.s_btn2{background-position:40% 10px;}
.cd-top{right:0; bottom:58px;}
/* 2018-12-10 資訊展開收合 */
footer .foot_box .ft_left{position:relative;}
footer .foot_box .ft_left .ft-btn{padding:3px 6px; border:1px #8cb3ee solid; position:absolute; top:18vw; right:3px; display:block; z-index:999;} 
footer .foot_box .ft_left .ft-btn:before{content:"展開";}
footer .foot_box .ft_left .ft-btn.ft-extend-open{top:61vw;}
footer .foot_box .ft_left .ft-btn.ft-extend-open:before{content:"收起";}
.ft-contact{height:0; overflow:hidden; transform: translateY(30%); transition:all 0.5s ease-in-out;}
.ft-contact--open{height:auto; transform: translateY(0);}
}

@media only screen and (max-width: 480px)
{
  .footer .foot_box .ft_left ul li{padding-right: 9px; margin-right: 9px;}
  .ft_search .ft_form .s_search_btn input.s_btn2{background-position:30% 10px;}
}

@media only screen and (max-width: 400px)
{
header .head_box{padding:2px 0;}
header .head_box .logo{width:80px; padding-top:3px; margin-right:15px;}
header .head_box .logo svg{width:100%;}
.ft_search .ft_form{height:calc(100% - 51px); padding-top:35px;}
.ft_search .ft_form .s_label2 li{margin-bottom:10px;}
.ft_search .ft_form .s_label2 li .text_basic2{padding:6px 10px; margin-top:0;}
.ft_search .ft_form .s_search_btn{margin-top:18px;}
.ft_search .ft_form .ft_close{top:20px;}
.ft_search .ft_btn img, .promotions_btn img{display:none;}
.promotions_btn a{padding:13px;} 
}