@charset "utf-8";
a:active, a:focus { border: 2px solid #FFCC00; }
#wrapper section { overflow: hidden; }
.forpc { display: block; }
.formo { display: none; }
article.mainBoxHd { position: relative; height: 300px; background: #FFF; }
article.mainBoxHd .kvComplex .forpc { position: absolute; top: 0; left: 50%; width: 1920px; height: 300px; margin: 0 0 0 -960px; }
article.mainBoxHd .kvComplex .forpc h1 { position: absolute; top: 35%; left: 33%; font-size: 50px; color: #FFF; letter-spacing: 17px; font-weight: bold; letter-spacing: 0em; }
article.mainBoxHd .kvComplex .forpc .fontsize { position: absolute; left: 62%; bottom: 55px; font-size: 15px; color: #333; font-weight: bold; letter-spacing: 0em; }
article.mainBoxHd .kvComplex .forpc .fontsize a { background: #EEEEEE; border-radius: 100%; width: 25px; text-align: center; display: inline-block; font-size: 16px; color: #595557; padding-top: 5px; padding-bottom: 5px; margin-left: 7px; margin-right: 7px; letter-spacing: 0em; }
article.mainBoxHd .kvComplex .forpc .fontsize a.selectli { color: #FFF; background-color: #E71A0F; }
@media only screen and (max-width : 767px) {
.forpc { display: none; }
.formo { display: block; }
article.mainBoxHd { position: relative; height: auto; background: #FFF; }
article.mainBoxHd .kvComplex .formo { position: relative; top: 0; left: 0%; width: 100%; height: auto; margin: 0; }
article.mainBoxHd .kvComplex .formo .kvtitle { position: absolute; top: 35%; left: 33%; font-size: 200%; color: #FFF; letter-spacing: 1em; font-weight: bold; }
article.mainBoxHd .kvComplex .formo .photo img { width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
}
.eservice_container { background-color: #fff; }
@media (min-width: 900px) {
.eservice_innerCol { width: 900px; margin: 0 auto; }
}
@media only screen and (max-width : 767px) {
.eservice_container { padding-left: 10px; padding-right: 10px; }
}
/******tab*******/
span#tab-1, span#tab-2 { display: none; }
#tab { width: 100%; }
#tab>ul { overflow: hidden; margin: 0; padding: 10px 0px 15px 0px; border-bottom: #E6190E 1px solid; }
#tab>ul>li { list-style-type: none; }
#tab>ul>li>a { text-decoration: none; color: #333; float: left; padding: 2px 20px; font-weight: bold; font-size: 20px; letter-spacing: 0em; }
#tab>ul>li:last-child>a { margin-left: 20px; }
.big-font #tab>ul>li>a { font-size: 24px; letter-spacing: 0em; }
.middle-font #tab>ul>li>a { font-size: 20px; letter-spacing: 0em; }
.small-font #tab>ul>li>a { font-size: 16px; letter-spacing: 0em; }
#tab>ul>li>a span { display: block; width: 20px; height: 18px; float: left; margin: -3px 10px 0 -18px; background-image: url(../images/icon/icon_m_alert_n.png); background-repeat: no-repeat; background-size: cover; }
#tab>div { clear: both; padding: 0; height: 0; overflow: hidden; visibility: hidden; }
#tab-1:target, #tab-2:target { }
#tab > ul li a { color: #333; }
#tab > ul li:first-child a { color: #333; border-right: #D4D4D4 1px solid; }
#tab > ul li a span { display: block; width: 20px; height: 18px; float: left; margin: -3px 10px 0 -18px; background-image: url(../images/icon/icon_m_alert_n.png); background-repeat: no-repeat; background-size: cover; }
#tab > ul li a:after { content: ""; display: none; }
span ~ #tab > ul li:first-child a { border-right: #D4D4D4 1px solid; }
#tab > ul li.act a { color: #E6190E; position: relative; display: block; }
#tab > ul li.act a span { display: block; width: 20px; height: 18px; float: left; margin: -3px 10px 0 -18px; background-image: url(../images/icon/icon_m_alert_r.png); background-repeat: no-repeat; background-size: cover; }
#tab > ul li.act a:after { bottom: -15px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #e71a0f; border-width: 8px; border-left-width: 10px; border-right-width: 10px; margin-left: -10px; display: block; }
span ~ #tab > div:first-of-type { visibility: visible; display: inline-table; width: 100%; }
@media only screen and (max-width : 767px) {
#tab>ul>li>a, .big-font #tab>ul>li>a, .middle-font #tab>ul>li>a, .small-font #tab>ul>li>a { width: 49%; text-align: center; padding: 0; font-size: 15px; }
#tab>ul>li:last-child>a { margin-left: 0px; }
#tab>ul>li>a span { margin: -3px 3px 0 18px; }
span:target ~ #tab > ul li:first-child a span { margin: -3px 3px 0 18px; }
span ~ #tab > ul li:first-child a span, #tab-1:target ~ #tab > ul li a[href$="#tab-1"] span, #tab-2:target ~ #tab > ul li a[href$="#tab-2"] span { margin: -3px 3px 0 18px; }
}
/******table***********/
.css-table { display: table; width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 0px; }
.css-caption { border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; caption-side: top; display: table-caption; text-align: center; padding: 20px; color: #333; font-size: 20px; font-weight: bold; background-color: #F0F0F0; letter-spacing: 0em; }
.big-font .css-caption { font-size: 24px; letter-spacing: 0em; }
.middle-font .css-caption { font-size: 20px; letter-spacing: 0em; }
.small-font .css-caption { font-size: 16px; letter-spacing: 0em; }
.css-group { display: table-row-group; }
.css-row { display: table-row; }
.css-cell { display: table-cell; padding: 15px; font-size: 15px; vertical-align: middle; color: #333; line-height: 1.6em; letter-spacing: 0em; }
.big-font .css-cell { font-size: 17px; letter-spacing: 0em; }
.middle-font .css-cell { font-size: 15px; letter-spacing: 0em; }
.small-font .css-cell { font-size: 13px; letter-spacing: 0em; }
.css-cell.left { width: 25%; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #D4D4D4; text-align: center; font-weight: bold; background-color: #F8F2EB; }
.css-group:last-child .css-cell.left { border-bottom: none; }
.css-cell.right { width: 75%; border-bottom: 1px solid #E1E1E1; }
.css-group:last-child .css-cell.right { border-bottom: none; }
.speakicon { display: inline-block; float: left; }
.speakicon span { display: block; width: 20px; height: 18px; background-image: url(../images/icon/icon_m_alert_n.png); background-repeat: no-repeat; background-size: cover; }
.txt2line { display: inline-block; max-width: 100px; }
.tablestyle2 .css-cell.left { width: 50%; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #D4D4D4; text-align: center; font-weight: bold; background-color: #FFF; }
.tablestyle2 .css-cell.right { width: 50%; border-bottom: 1px solid #E1E1E1; text-align: center; }
@media only screen and (max-width : 767px) {
.css-table.tablestyle2 { margin-top: 0px; margin-bottom: 10px; }
.css-caption, .big-font .css-caption, .middle-font .css-caption, .small-font .css-caption { text-align: left; font-size: 15px; }
.css-cell, .big-font .css-cell, .middle-font .css-cell, .small-font .css-cell { display: block; font-size: 14px; }
.tablestyle2 .css-cell { display: table-cell; }
.css-cell.left { width: auto; border-right: none; text-align: left; }
.css-group:last-child .css-cell.left { border-bottom: 1px solid #E1E1E1; }
.css-cell.right { width: auto; border-bottom: 1px solid #E1E1E1; }
.speakicon { margin-right: 15px; margin-top: -3px; }
.txt2line { max-width: 100%; }
}
/*********notice**********/
.descbox { position: relative; margin: 30px 0 60px 0; padding: 30px 40px; background: #fcfaf4; clear: both; }
.editBox, .editBox * { color: #666; font-size: 15px; line-height: 1.6em; letter-spacing: 0em; }
.big-font .editBox, .big-font .editBox * { font-size: 17px; letter-spacing: 0em; }
.middle-font .editBox, .middle-font .editBox * { font-size: 15px; letter-spacing: 0em; }
.small-font .editBox, .small-font .editBox * { font-size: 13px; letter-spacing: 0em; }
.descbox .mainTitle { font-size: 15px; font-weight: bold; padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px #e1e1e1 solid; color: #333; letter-spacing: 0em; }
.big-font .descbox .mainTitle { font-size: 17px; letter-spacing: 0em; }
.middle-font .descbox .mainTitle { font-size: 15px; letter-spacing: 0em; }
.small-font .descbox .mainTitle { font-size: 13px; letter-spacing: 0em; }
.editBox ol { margin: 0 0 0 30px; list-style-type: decimal; }
.descbox .mainTitle .speakicon { margin-top: 2px; margin-right: 15px; }
@media only screen and (max-width : 767px) {
.descbox { padding: 20px; }
.editBox, .editBox *, .big-font .editBox, .middle-font .editBox, .small-font .editBox, .big-font .editBox *, .middle-font .editBox *, .small-font .editBox * { font-size: 14px; }
.descbox .mainTitle, .big-font .descbox .mainTitle, .middle-font .descbox .mainTitle, .small-font .descbox .mainTitle { font-size: 14px; }
}
#tab table { border: 1px solid #E1E1E1; }
#nav-access { width: 100%; position: absolute; top: -20em; z-index: 1001; }
#nav-access a { background: #fff; background: rgba(255,255,255,0.9); padding: 12px 10px; position: absolute; left: 0; right: 0; font-weight: 700; text-align: center; }
#nav-access a:focus, #nav-access a:hover { box-shadow: 3px 3px 5px #aaa; top: 20em; text-decoration: none }
/*header*/
header.memb-header { position: relative; top: 0; left: 0; width: 100%; height: 50px; z-index: 22; background: #fff; -webkit-box-shadow: 0 0 5px 1px rgba(150, 150, 150, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(150, 150, 150, 0.2); -o-box-shadow: 0 0 5px 1px rgba(150, 150, 150, 0.2); box-shadow: 0 0 5px 1px rgba(150, 150, 150, 0.2); }
header.memb-header .redBG { position: absolute; top: 0; right: 0; left: 50%; height: 50px; background: #e71a0f; overflow: hidden; }
header.memb-header .view { max-width: 1280px; margin: 0 auto; }
header.memb-header .view .mem-logoBox { position: relative; }
header.memb-header .view .mem-logoBox .logo { position: absolute; top: 0; left: 36px; width: 100px; height: 50px; padding-top: 7px; background-color: #fff; z-index: 10; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
header.memb-header .view .mem-logoBox .logo a { display: block; }
header.memb-header .view .mem-logoBox .logo img { width: 100%; }
header.memb-header .view .mem-logoBox .redBGin { position: absolute; top: 0; right: 0; left: 170px; height: 50px; background: #e71a0f; overflow: hidden; text-align: right; color: #FFF; z-index: 1; line-height: 50px; font-size: 14px; font-weight: bold; padding-right: 20px; }
header.memb-header .view .mem-logoBox .redBGin a { color: #FFF; font-size: 16px; }
header.memb-header .view .mem-logoBox .redBGin:after { position: absolute; top: -1px; left: -1px; content: " "; border-color: #fff transparent transparent transparent; border-style: solid solid solid solid; border-width: 82px 92px 0px 0px; height: 0px; width: 0px; }
footer.memb-footer { position: relative; height: auto; background-color: #bfbfbf; z-index: 0; padding: 10px 0; }
footer.memb-footer .view { max-width: 1280px; margin: 0 auto; }
footer.memb-footer .view .mem-copyRight { font-size: 15px; line-height: 1.4em; color: #666; text-align: center; padding: 10px 0; }
footer.memb-footer .view .mem-copyRight a { margin-bottom: 10px; display: inline-block; }
.eservice_innerCol { min-height: calc(50vh); }
.sitemap { font-size: 16px; line-height: 2em; padding-bottom: 100px; }
.sitemap h2 { font-size: 24px; color: #E6190E; font-weight: bold; line-height: 1.5em; }
.sitemap ol { list-style-type: decimal; margin-left: 1em; font-weight: bold; margin-top: 20px; }
.sitemap ol li:first-child { margin-bottom: 20px; }
.sitemap ol ul { list-style-type: square; margin-left: 2em; font-weight: normal; }
.sitemap ol ul li:first-child { margin-bottom: 0px; }
.big-font .sitemap { font-size: 20px; }
.big-font h2 { font-size: 30px; padding-top: 30px; text-align: center; }
.middle-font .sitemap { font-size: 16px; }
.middle-font h2 { font-size: 24px; padding-top: 30px; text-align: center; }
.small-font .sitemap { font-size: 13px; }
.small-font h2 { font-size: 18px; padding-top: 30px; text-align: center; }
.m_hiden { display: inline; }
.m_hiden a { margin-right: 20px; }
@media only screen and (max-width : 767px) {
.m_hiden { display: none; }
header.memb-header { height: 40px; }
header.memb-header .view .mem-logoBox .logo { width: 74px; height: 40px; left: 10px; padding-top: 7px; }
header.memb-header .view .mem-logoBox .redBGin { left: 50px; height: 40px; line-height: 40px; }
header.memb-header .redBG { height: 40px; }
header.memb-header .view .mem-logoBox .redBGin a { color: #FFF; font-size: 14px; }
header.memb-header .view .mem-logoBox .redBGin { padding-right: 20px; }
}
header .unitComplex { position: absolute; top: 16px; left: 260px; font-size: 20px; font-weight: bold; z-index: 10; color: #FFF; margin: 0px; padding: 0px; }
@media only screen and (max-width : 767px) {
header .unitComplex { position: absolute; top: 12px; left: 140px; font-size: 16px; font-weight: bold; z-index: 10; color: #FFF; margin: 0px; padding: 0px; }
}
.sitemap ul { margin-left: 37px; }
.sitemap ul li { list-style: disc; }
#main-content #Accesskey_C { font-size: 16px; color: #333; text-decoration: none; line-height: 1.2em; font-weight: normal; margin-right: 20px; vertical-align: text-top; }
/* 搜尋功能設定*/
#___gcse_0 { max-width: 100px; display: inline-block; float: right; margin-top: 8px; margin-left: 20px; color: #444; font-weight: normal; font-size: 14px; }
.cse .gsc-control-cse, .gsc-control-cse { border: none !important; padding: 0 !important; line-height: 18px !important; height: 18px !important; }
.gsib_a { padding: 5px 0px 4px 9px !important; }
.cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 0 5px !important; }
.gsc-search-button-v2 svg { margin-top: 5px; }
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding-right: 3px !important; }
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { color: #444 !important; }
.gsc-results-wrapper-visible { text-align: left; }
@media only screen and (max-width : 1140px) {
header.memb-header .view .mem-logoBox .redBGin { padding-right: 10px; }
}
@media only screen and (max-width : 935px) {
header.memb-header .view .mem-logoBox .redBGin { font-size: 12px; }
.m_hiden a { margin-right: 5px; }
header .unitComplex { display: none; }
}
@media only screen and (max-width : 767px) {
#___gcse_0 { display: none; }
header .unitComplex { display: block; }
}
@media only screen and (max-width : 320px) {
header .unitComplex { display: none; }
}
.store_h2 { padding-top: 0 !important; text-align: left !important; }
.store_h2 span { font-size: 14px; font-weight: normal; color: #333; }
.access-facil-desc-with-img { display: inline-block; }
.access-facil-desc-with-img img { width: 30px; }
@media only screen and (max-width : 767px) {
.store_h2 span { display: block; }
}
.store_link { display: block; text-align: center; }
.store_link a { display: inline-block; margin: 0 auto; }
a.submit_button { display: inline-block; width: 240px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #7A7A7A; text-decoration: none; font-size: 18px; font-family: 'Microsoft JhengHei'; position: relative; }
a.submit_button img { position: relative; top: -2px; width: 13px; height: 18px; }
@media only screen and (max-width : 767px) {
a.submit_button { font-size: 16px; width: 215px; }
a.submit_button img { top: -1px; width: 8px; height: 12px; }
}