﻿@media print {
    .rwd_cont {
        display: none;
    }
}

body {
    background: #fff;
    font: 14px/18px "微軟正黑體", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #434343;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #009ae9;
}

a:hover {
    color: #06e;
}

a:visited {
    color: #959595;
}

.CLR {
    clear: both;
}

.PadinTop20 {
    padding-top: 20px;
}

.Padinleft20 {
    padding-left: 20px;
}

.FloatRight {
    float: right;
}

.Align_Center {
    text-align: center;
}

.Align_Right {
    text-align: right;
}

.padin_15px {
    padding: 15px;
}

.GreenBold {
    color: #009ae9;
    font-weight: 700;
}

.CapitalNum {
    display: inline-block;
    font-weight: 700;
}

.BlockLine {
    display: block;
}

.InlineBlock {
    display: inline-block;
}

.RedHighLight {
    font-weight: 700;
    color: #f00;
}

.paddingTopBtm_15 {
    padding: 15px 0;
}

.BorderNone {
    border: 0 !important;
}

.Divide_BorderBTM01_grey {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px;
    padding-top: 15px;
}

#Header_1Container {
    background: #1FBBA6;
}

#Header_1 {
    margin: 0 auto;
    width: 1002px;
    height: 35px;
    position: relative;
    z-index: 99999;
}

#HeaderNavContainer {
    position: absolute;
    right: 30px;
    top: 15px;
    padding: 5px 10px;
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
}

#HeaderNav_Nav {
    float: left;
}

#HeaderNav_Nav a {
    float: left;
    font-size: .928em;
    color: #707070;
    text-decoration: none;
    padding: 0px 10px;
}

#HeaderNav_Nav a:hover {
    color: #999;
}

#FontSizeContainer {
    float: left;
    margin-right: 10px;
}

#FontSizeContainer .Header {
    float: left;
    font-size: .857em;
    color: #707070;
    text-decoration: none;
    margin: 0px 5px 0px 10px;
}

#FontSizeContainer .Icon {
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-bottom: 2px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#FontSizeContainer .Icon_L {
    background-image: url(../images/c1/FontSize_L.jpg);
}

#FontSizeContainer .Icon_M {
    background-image: url(../images/c1/FontSize_M.jpg);
}

#FontSizeContainer .Icon_S {
    background-image: url(../images/c1/FontSize_S.jpg);
}

#FontSizeContainer .Icon:hover,
#FontSizeContainer .current {
    background-position: bottom;
}

#SocialMediaContainer {
    float: left;
    margin: 2px 10px;
}

#SocialMediaContainer a:hover {
    opacity: .7;
}

#CustomerServiceContainer {
    float: left;
    position: relative;
    margin: 1px 0px 0px 10px;
}

#Header_VersionContainer {
    left: -10px;
    position: absolute;
    top: 8px;
}

#Header_Version_Nav li {
    float: left;
    margin: 0px 10px;
}

#Header_Version_Nav li a {
    color: #fff;
    font-size: .928em;
    text-decoration: none;
}

#Header_Version_Nav li a:hover {
    color: #ffec1c;
}

#Header_2 {
    margin: 0 auto;
    width: 1002px;
    height: 130px;
    background: url(../images/Header_2.jpg) no-repeat;
    position: relative;
}

#LogoContainer {
    float: left;
}

#Logo {
    top: 40px;
    left: 31px;
    position: relative;
    white-space: nowrap;
}

#Logo img {
    vertical-align: middle;
    margin: 0 0 0 5px;
}

#Logo a:first-child img {
    margin: 0;
}

#ServiceLinksContainer {
    font-size: .785em;
    position: absolute;
    right: 30px;
    top: 55px;
}

#ServiceLinks a {
    display: inline-block;
    float: left;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    position: relative;
    text-align: center;
}

.MailActive .img {
    background-image: url(../images/c1/icon-MailActive.png);
}

.Saving .img {
    background-image: url(../images/c1/icon-Saving.png);
}

.Insurance .img {
    background-image: url(../images/c1/icon-Insurance.png);
}

.Stamp .img {
    background-image: url(../images/c1/icon-Stamp.png);
}

.Product .img {
    background-image: url(../images/c1/icon-Product.png);
}

.Fund .img {
    background-image: url(../images/c1/icon-Fund.png);
}

.SellFund .img {
    background-image: url(../images/c1/icon-SellFund.png);
}

.RealEstate .img {
    background-image: url(../images/c1/icon-RealEstate.png);
}

/*理財專區 icon*/
.Investment .img {
    background-image: url(../images/c1/icon-Investment.png);
}

#ServiceLinks .img {
    background-position: center 0;
    background-repeat: no-repeat;
    width: 48px;
    height: 40px;
    display: block;
}

#ServiceLinks a:hover .img {
    background-position: center -40px;
}

#ServiceLinks a:focus {
    background-position: center -40px;
}

#ServiceLinks {
    position: relative;
    list-style: none;
    float: right;
}

#ServiceLinks li {
    float: left;
    margin-left: 10px;
    text-align: center;
}

#ServiceLinks a {
    color: #707070;
    display: block;
}

#ServiceLinks a:hover {
    color: #1eb29f;
}

#Header_3Container {
    background-image: url(../images/Header_3ContainerBG-1.jpg);
    background-repeat: repeat-x;
}

#Header_3 {
    background: url(../images/Header_3BG-1.jpg) no-repeat;
    margin: 0 auto;
    width: 1002px;
    height: 45px;
    position: relative;
    z-index: 9999;
}

#MainMenuContainer {
    width: 673px;
    margin: 0px 0px 0px 30px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.MainPreviousBTN {
    float: left;
}

.MainNextBTN {
    float: right;
}

#SearchContainer_inner {
    background: #52d1c0;
}

#ContainerInner {
    margin: 0 auto;
    width: 950px;
}

#content {
    width: 1002px;
    margin: 0 auto;
}

#content h1 {
    color: #333;
    line-height: 1em;
}

#content ul {
    padding-left: 0;
    list-style: none;
}

#content ul li {
    margin-bottom: 0px;
}

pre {
    border: 1px solid #CCC;
    background-color: #EEE;
    color: #333;
    padding: 10px 20px;
}

#MainContentContainer {
    padding: 0px;
    margin: 0 auto;
    width: 1002px;
    background-position: center;
    position: relative;
}

#MainContentInner {
    padding: 0px 30px;
    position: relative;
}

#FooterContainer {
    clear: both;
    width: 100%;
    padding-top: 1px;
    border-top: 1px solid #e2e2e2;
    background: url(../images/FooterContainerBG.jpg) repeat-x #fff;
}

#Footer {
    margin: 0 auto;
    width: 970px;
}

.FooterSec_1Container {
    margin: 5px 15px 10px 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

.FooterSec_1Container .Sec_1 {
    font-size: .857em;
    color: #464648;
    margin-top: 10px;
}

.FooterSec_1Container .Line_1 {
    margin: 10px 0px 5px;
}

.FooterSec_1Container .Line_1 span {
    margin: 0 10px 0 0;
}

.Mail_icon {
    padding: 0 25px 0 0;
    background: url(../images/Mail_icon.gif) no-repeat right center;
}

.ServiceGuide_icon {
    padding: 0 18px 0 0;
    background: url(../images/ServiceGuide_icon.gif) no-repeat right center;
}

.WebPhone_icon {
    padding: 0 18px 0 0;
    background: url(../images/WebPhone_icon.gif) no-repeat right center;
}

.marginTop20 {
    margin-top: 20px;
}

.FooterSec_1Container .Sec_1 p {
    margin-bottom: 10px;
}

.FooterSec_1Container .Location {
    margin: 0px 5px 0px 0px !important;
    padding: 2px 17px 2px 10px;
    background: #eee url(../images/Location_BG_arrow.png) no-repeat right center;
    border: 1px solid #dcdcdc;
    font-size: .785em;
    border-radius: 3px;
}

.FooterSec_1Container .Sec_2 {
    float: right;
}

.FooterSec_1Container .Sec_2 a:hover {
    opacity: 0.7;
}

.FooterSec_1Container .A_Plus {
    display: block;
    margin-top: 10px;
}

.FooterSec_2Container {
    margin: 0px 15px 0px 15px;
}

.FooterSec_2Container .Sec_1 {
    font-size: .857em;
    color: #464648;
    float: left;
}

.FooterSec_2Container .Sec_1 p {
    margin-bottom: 10px;
}

.FooterSec_2Container a {
    color: #464648;
    text-decoration: none;
}

.FooterSec_2Container a:hover {
    color: #009ae9;
}

.FooterSec_2Container .divide {
    margin: 0px 5px;
}

.FooterSec_2Container .Sec_2 {
    float: right;
}

.FooterSec_2Container .A_Plus {
    float: right;
}

.FooterSec_2Container .Traffic {
    float: right;
    font-size: .857em;
    color: #464648;
    margin-right: 15px;
    margin-top: 20px;
}

#Breadcrumbs {
    background: #f6f6f6 url(../images/Breadcrumbs_BG.jpg) left bottom repeat-x;
    border: 1px solid #e0e0e0;
    border-top: 0px;
    padding: 6px 10px 7px 10px;
    color: #b8b2ae;
    font-size: 1em;
}

#Breadcrumbs .HomeBTN {
    background: url(../images/Breadcrumbs_Home.gif) no-repeat left center;
    padding-left: 15px;
}

#Breadcrumbs a {
    color: #959595;
}

#Breadcrumbs a:hover {
    color: #009ae9;
}

#Breadcrumbs .current {
    color: #1fbba6;
}

#LocalNavContainer {
    float: left;
    padding: 20px 0 0;
    position: relative;
}

#LocalNavContainer .acc-key {
    position: absolute;
    top: 0;
    left: 0;
}

#MainContainer .acc-key {
    position: absolute;
    top: 0;
    left: 20px;
}

#LocalNav {
    width: 232px;
}

.LocalNavBG_Top {
    background: url(../images/LocalNavAreaBG_Top.png) no-repeat bottom center;
    width: 232px;
    height: 5px;
}

.LocalNavAreaBG_BTM {
    background: url(../images/LocalNavAreaBG_BTM.png) no-repeat top center;
    width: 232px;
    height: 7px;
}

.LocalNavBG_BodyContainer {
    background: url(../images/LocalNavAreaBG_Body.png) repeat-y;
}

.LocalNavBG_Body {
    width: 224px;
    margin: 0 auto;
}

.LocalNavGraphic img {
    display: block;
}

.LocalNavTopic {
    padding: 15px;
    color: #fff;
    text-shadow: 0px -1px 2px #000;
    font-size: 1.142em;
    font-weight: 700;
    background: #29a792 url(../images/LocalNavTopicBG.jpg) repeat-x;
}

.LocalNavTopic a {
    color: #fff;
}

.LocalNavTopic a:hover {
    color: #ffec1c;
}

.LocalNavTopic a:visited {
    color: #fff;
}

#MainContainer {
    padding: 20px 0px 20px 20px;
    float: left;
    position: relative;
}

#Main {
    width: 690px;
    overflow: hidden;
}

#Main h1 {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: bold;
    color: #535353;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eee;
}

#Main h1 .CurrentTitle {
    background: url(../images/h1_Divide.jpg) no-repeat 0 3px;
    font-size: 26px;
    font-weight: normal;
    margin-left: 10px;
    padding-left: 10px;
}

#Main h2 {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: bold;
    color: #535353;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eee;
}

#Main h2 .CurrentTitle {
    background: url(../images/h1_Divide.jpg) no-repeat 0 3px;
    font-size: 26px;
    font-weight: normal;
    margin-left: 10px;
    padding-left: 10px;
}

#MainContainer_Fullwidth {
    padding: 20px 0;
    position: relative;
}

#MainContainer_Fullwidth .acc-key {
    position: absolute;
    top: 0;
    left: 0;
}

#Main_Fullwidth h1 {
    font-size: 28px;
    font-weight: bold;
    color: #535353;
    line-height: 28px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eeeeee;
}

#Main_Fullwidth h2 {
    font-size: 28px;
    font-weight: bold;
    color: #535353;
    line-height: 28px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eeeeee;
}

#Section_2 {
    margin-bottom: 20px;
}

#Section_2 #ShareNav {
    float: right;
}

#Section_2 #ShareNav a {
    margin-left: 5px;
}

#Section_2 #ShareNav a img:hover {
    opacity: 0.7;
}

#ContentsContainer {
    position: relative;
}

#ContentsContainer #Contents {
    color: #434343;
    position: relative;
}

.article p {
    line-height: 190%;
    margin: 0 0 1.5em;
}

.article ol {
    list-style-type: decimal;
    padding-left: 2em;
}

.article ul {
    list-style-type: disc;
    padding-left: 2em;
}

.Topic_Style01 {
    color: #4f549b;
    font-weight: 700;
    background: url(../images/Topic_Style01.jpg) no-repeat 0 8px;
    padding-left: 18px;
    font-size: 1.071em;
    margin-bottom: 15px;
    display: block;
}

.Topic_Style02 {
    color: #009ae9;
    font-weight: 700;
    background: url(../images/Topic_Style02.png) no-repeat left center;
    padding-left: 18px;
    font-size: 1.071em;
    margin-bottom: 15px;
    display: block;
}

.Topic_Style02_noBlock {
    color: #009ae9;
    font-weight: 700;
    background: url(../images/Topic_Style02.png) no-repeat left center;
    padding-left: 18px;
    font-size: 1.071em;
    margin-bottom: 15px;
    display: inline-block;
}

.Topic_Style03 {
    color: #666;
    font-weight: 700;
    background: url(../images/Topic_Style03.png) no-repeat 0 .3em;
    padding: 3px 0 3px 18px;
    font-size: 1.071em;
    margin-bottom: 10px;
    display: block;
}

.Topic_Style03_noBlock {
    color: #666;
    font-weight: 700;
    background: url(../images/Topic_Style03.png) no-repeat left center;
    padding-left: 18px;
    font-size: 1.071em;
    margin-bottom: 15px;
}

.Topic_Style04 {
    color: #666;
    background: url(../images/Topic_Style04.jpg) no-repeat left center;
    padding-left: 18px;
}

.ConditionSearchContainer {
    font-size: 13px;
    background: #e2ffe1;
    border: 1px solid #adf4aa;
    border-radius: 3px;
    padding: 10px;
    margin: 0px 0px 20px;
}

.ConditionSearchContainer .Form {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 290px;
    border-right: 1px solid #adf4aa;
    margin-right: 10px;
    padding-right: 10px;
}

.ConditionSearchContainer span,
.ConditionSearchContainer select,
.ConditionSearchContainer .Submit_1,
.ConditionSearchContainer input {
    vertical-align: middle !important;
}

.ConditionSearchContainer .Submit_1 {
    text-indent: -9999px;
    background: url(../images/QuickSearchBTN.jpg) no-repeat left center;
    display: inline-block;
    width: 65px;
    height: 23px;
    border: 0px;
    cursor: pointer;
    margin-left: 5px;
}

.ConditionSearchContainer .Submit_1:hover {
    opacity: 0.85;
}

.ConditionSearchContainer .sec_1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #adf4aa;
    text-align: right;
}

.ConditionSearchContainer .sec_2 {
    text-align: right;
}

.ConditionSearchContainer select,
.ConditionSearchContainer input {
    color: #626262;
}

.TableStyle_02 {
    border: 1px solid #ddd;
}

.TableStyle_02 th {
    background: #28c5bf;
    border-bottom: 1px solid #52D1C0;
    border-right: 1px solid #52D1C0;
    padding: 10px;
    color: #fff;
}

.TableStyle_02 td {
    padding: 10px;
    border-bottom: 1px dotted #ddd;
    line-height: 180%;
}

.TableStyle_02 .odd td {
    background: #f2f2f2;
}

.TableStyle_03 .hd {
    font-weight: 700;
}

.TableStyle_03 td {
    padding: 5px;
}

.RelatedInfoContainer {
    background: #f8f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.RelatedInfoContainer h3 {
    color: #898989;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
}

.RelatedInfoList {
    padding: 15px;
}

.RelatedInfoList li {
    margin-bottom: 5px;
    padding-left: 20px;
    background: url(../images/ListIcon_001.png) no-repeat left 3px;
    color: #898989;
}

.RelatedInfoList li a {
    color: #898989;
    display: block;
}

.RelatedInfoList li a:hover {
    color: #009ae9;
}

.RelatedInfoContainer .note {
    line-height: 180%;
    padding: 0px 15px 15px 15px;
}

.BoxContainer_Style1 {
    border: 1px solid #adf4aa;
    border-top: 2px solid #2cb02a;
}

.BoxContainer_Style1 h2 {
    background: #e2ffe1;
    padding: 10px 15px;
    color: #009ae9;
    font-size: 15px;
}

.BoxContainer_Style1 .tabs_fake {
    background: #e2ffe1;
    min-height: 35px;
}

.BoxContainer_Style1 .tabs_fake li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}

.BoxContainer_Style1 .tabs_fake li a {
    background: #e2ffe1;
    font-weight: 700;
    font-size: 15px;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    color: #45c343;
    padding: 0px 15px;
    margin: 0px;
    position: relative;
    top: 1px;
    border-right: 1px solid #fff;
}

.BoxContainer_Style1 .tabs_fake li.current a {
    background: #fff;
    cursor: default !important;
    color: #009ae9 !important;
}

.article dl {
    margin-top: 10px;
}

.article dl dt {
    padding-left: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    background: url(../images/Topic_Style03.png) no-repeat left center;
    color: #666;
    font-weight: 700;
}

.article dl dd {
    padding-left: 20px;
    margin-bottom: 10px;
    background-image: url(../images/ListIcon_002.jpg);
    background-repeat: no-repeat;
    background-position: 3px 9px;
}

.article dl dd.Note {
    margin: 0px 0px 10px 20px;
    display: block;
    background: none;
}

.article dl dd dd,
.colorModel-2 .article dl dd dd,
.colorModel-3 .article dl dd dd,
.colorModel-4 .article dl dd dd,
.colorModel-5 .article dl dd dd,
.colorModel-6 .article dl dd dd {
    padding-left: 20px;
    margin-left: 0px;
    margin-bottom: 10px;
    background: url(../images/ListIcon_003.jpg) no-repeat 3px 10px;
}

.Submit_Style1 {
    padding: 7px 40px;
    background: url(../images/Submit_Style1_BG.jpg) repeat-x;
    color: #fff;
    font-weight: 700;
    border-radius: 3px;
    border: 0px;
    cursor: pointer;
    text-align: center;
}

.Submit_Style1:hover {
    opacity: 0.7;
}

.Topic_Style02 {
    padding-left: 20px;
    background: url(../images/Topic_Style02.png) no-repeat left center;
    color: #009ae9;
    font-weight: 700;
}

.ResultContainer {
    background: #eee;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.ResultContainer dl dt {
    float: left;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-right: 10px;
}

.ResultContainer dl dd {
    float: left;
    display: inline-block;
}

.ResultContainer dl dd .Money {
    font-size: 15px;
    margin-right: 5px;
}

.ResultContainer dl dd .Cost {
    font-size: 18px;
    font-weight: 700;
    color: #f00;
}

#LocationBTNContainer .LocationBTN li {
    float: left;
    display: block;
}

#LocationBTNContainer .LocationBTN li a {
    padding: 0px 10px;
    width: 130px;
    background: url(../images/BTN_BG02.jpg) repeat-x bottom;
    border: 1px solid #bfc0c5;
    border-radius: 3px;
    margin: 5px;
    line-height: 50px;
    display: inline-block;
    color: #434343;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}

#LocationBTNContainer .LocationBTN li a:hover {
    color: #009ae9;
}

#LocationBTNContainer .LocationBTN li .Icon {
    width: 32px;
    height: 32px;
    background: url(../images/Arrow_icon_02.png) no-repeat center center;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pagination_1 {
    text-align: center;
    display: block;
    margin: 20px 0px;
}

.pagination_1 a {
    padding: 5px;
    color: #1eb29f;
    background: #fff;
    border: 1px solid #8dd6c9;
}

.pagination_1 a:hover {
    color: #fff;
    background: #1eb29f;
    border: 1px solid #8dd6c9;
}

.pagination_1 a.disable {
    color: #999;
    background: #fff;
    border: 1px solid #bfbfbf;
}

.pagination_1 a.disable:hover {
    color: #999;
    background: #fff;
    border: 1px solid #bfbfbf;
}

.pagination_1 a.current {
    color: #fff;
    background: #1eb29f;
    border: 1px solid #adf4aa;
}

#LargeBTNContainer a {
    background: url(../images/LargeBTN_BG.png) no-repeat center center;
    width: 213px;
    height: 204px;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    color: #009ae9;
    margin: 0px 10px 10px 0px;
}

#LargeBTNContainer a:hover {
    opacity: 0.7;
    color: #e10001;
}

#LargeBTNContainer .imgCenterContainer {
    width: 200px;
    height: 135px;
    text-align: center;
    line-height: 135px;
}

#LargeBTNContainer .imgCenter {
    margin-top: 0;
    vertical-align: middle;
}

#LargeBTNContainer .TitleContainer {
    background: url(../images/LargeBTNtxt_BG.png) no-repeat center center;
    width: 186px;
    height: 52px;
    margin: 0 auto;
    position: relative;
}

#LargeBTNContainer .Title {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 145px;
    text-shadow: 1px 1px 1px #fff;
}

.Form_Style01 p {
    line-height: 190%;
}

.Form_Style01 .Note {
    margin-left: 10px;
}

.Form_Style01 .Note em {
    color: #0075e9;
}

.Form_Style01 .NoteLink img {
    margin: -5px 0px 0px 10px;
    vertical-align: middle;
}

.Form_Style01 a {
    color: #0075e9;
}

.input_style01 {
    color: #959595;
    margin: 0px 5px;
}

.DL_Style02 dd {
    line-height: 190%;
}

.DL_Style02 dd dd {
    margin-left: 18px;
}

.Note2 {
    color: #f00;
    margin: 5px 0px;
}

.SearchResult_Style01 {
    background: #eee;
    padding: 25px;
}

.SearchResult_Style01 .Total {
    margin: 0 0 10px 0;
    text-align: right;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #cccbcb;
}

.SearchResult_Style01 .Total .hd {
    font-weight: 700;
}

.SearchResult_Style01 .Total .price {
    font-weight: 700;
    font-size: 22px;
    color: #f00;
    margin: 0 5px;
}

.TableStyle_04 .hd {
    font-weight: 700;
}

.TableStyle_04 td {
    padding: 5px;
    border-bottom: 1px solid #fff;
}

.TableStyle_04 .price {
    font-weight: 700;
    color: #f00;
    margin: 0 5px;
}

.SaveContainer {
    padding: 20px 20px 20px 200px;
    margin: 20px 0px 0px 0px;
    background: #fff url(../images/SaveBG.jpg) no-repeat left center;
}

.SaveContainer p {
    margin: 5px 0px 5px 0px;
    line-height: 150%;
}

.BTN_Style02 {
    padding: 2px 5px;
    margin: 0px 5px;
    background: #f7f7f7;
    border: 1px solid #dedede;
}

.Search_style02 {
    padding-left: 25px;
    color: #0075e9;
    background: url(../images/Search_Icon2.jpg) no-repeat 0 0;
    margin: 0px 10px;
}

.Search_style02:hover {
    color: #ff711c;
}

.LargeBanner_inner {
    text-align: center;
    margin: 15px 0px;
}

.LargeBanner_inner a img {
    max-width: 580px;
}

.LargeBanner_inner a img:hover {
    opacity: 0.7;
}

.DL_Style03 {
    line-height: 180%;
}

.DL_Style03 dd dd {
    padding-left: 25px;
}

#LargeBTN_2Container {
    border: 1px solid #adf4aa;
    border-radius: 3px;
    background: #f4fff4 url(../images/gradient_green_BG.jpg) repeat-x bottom;
}

#LargeBTN_2Container a.Button {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 340px;
    cursor: pointer;
}

#LargeBTN_2Container a.BTN_L {
    border-right: 1px solid #caf9c8;
}

#LargeBTN_2Container a.BTN_R {
    border-left: 1px solid #fff;
}

#LargeBTN_2Container a .TitleContainer {
    padding: 15px;
}

#LargeBTN_2Container a .TitleContainer .Sub_Title {
    font-size: 18px;
    font-weight: 700;
    color: #2cb02a;
    text-align: center;
}

#LargeBTN_2Container a .TitleContainer .Title {
    font-size: 30px;
    font-weight: 700;
    color: #009ae9;
    text-align: center;
    padding: 10px 35px 10px 0px;
    background: url(../images/Arrow_icon_03.png) no-repeat 205px center;
    margin: 30px 0px 0px 0px;
}

#LargeBTN_2Container a:hover .TitleContainer .Title {
    color: #fc9a31;
    background: url(../images/Arrow_icon_03_hover.png) no-repeat 205px center;
}

#LargeBTN_2Container a .DescripContainer {
    margin: 20px;
}

#LargeBTN_2Container a .DescripContainer p {
    background: #adf4aa;
    border-radius: 3px;
    padding: 15px;
    color: #2cb02a;
}

.HeaderDescription_Style1 {
    background: #ececec;
    border-radius: 5px;
    margin: 0 0 15px 0;
}

.HeaderDescription_Style1 .HeaderTitle {
    border-right: 1px solid #fff;
    width: 145px;
    padding: 10px 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.HeaderDescription_Style1 .HeaderTitle .Title {
    padding: 10px 35px 10px 0px;
    background: url(../images/ArrowDown_icon_01.png) no-repeat right center;
    color: #666;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}

.HeaderDescription_Style1 .HeaderTitle .sub_Title {
    color: #666;
    font-size: 18px;
    font-weight: 700;
}

.HeaderDescription_Style1 .Description {
    width: 430px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    padding: 20px 0 20px 15px;
}

.Percent_5,
.Percent_10,
.Percent_15,
.Percent_20,
.Percent_25 {
    height: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #e7d37a;
    margin-right: 10px;
}

.Percent_5 {
    width: 30px;
}

.Percent_10 {
    width: 60px;
}

.Percent_15 {
    width: 90px;
}

.Percent_20 {
    width: 120px;
}

.Percent_25 {
    width: 150px;
}

.DownloadBTNContainer {
    float: right;
    margin: 15px 0px 0px 5px;
}

.DownloadBTNContainer a {
    padding: 5px 5px 5px 25px;
    background: #f7f7f7 url(../images/download_icon.png) no-repeat 5px 7px;
    border: 1px solid #dedede;
}

.SiteMap_Section {
    margin-bottom: 15px;
    clear: both;
}

#SiteMapContainer .Title {
    background: #1fbba6;
    color: #fff;
    padding: 3px 15px 0;
    height: 39px;
    line-height: 39px;
    font-size: 1.15em;
    margin: 0 0 15px 0;
    border-radius: 3px;
}

#SiteMapContainer .Title a {
    color: #fff;
}

#SiteMapContainer .Title a:hover {
    color: #ddd;
}

.SiteMapList {
    width: 260px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0px 10px 20px 10px;
    background: #f5f4f4;
    padding: 15px;
    border-radius: 3px;
}

.SiteMapList h4 a {
    border-bottom: 1px dotted #e8e8e8;
    font-weight: bold;
    font-size: 1.0em;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    background: none;
    color: #1FBBA6;
    line-height: 1.4em;
}

.SiteMapList h4 a:hover {
    color: #fc9a31;
}

.SiteMapList a {
    margin: 10px 0px;
    display: block;
    color: #666;
    padding-left: 15px;
    background: url(../images/RoundIcon.png) no-repeat 0 4px;
}

.SiteMapList a:hover {
    color: #009ae9;
}

#MainAdOverView li {
    background: #eee url(../images/MainAdShadow.jpg) no-repeat bottom center;
    padding-bottom: 45px;
    overflow: hidden;
    clear: both;
    display: inline-block;
}

#MainAdOverView a {
    color: #535353;
    cursor: pointer;
}

#MainAdOverView li:hover a {
    color: #009ae9;
}

#MainAdOverView .Info {
    display: block;
    width: 216px;
    padding: 20px;
}

#MainAdOverView h2 {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 15px;
}

#MainAdOverView p {
    color: #989898;
}

#MainAdOverView .IMG img {
    width: 684px;
    display: block;
}

#MainAdSmallOverView {
    margin-right: -28px;
}

#MainAdSmallOverView li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 27px 27px 0;
    width: 212px;
}

#MainAdSmallOverView a {
    color: #535353;
    background: #eee;
    display: inline-block;
    padding: 10px;
}

#MainAdSmallOverView a:hover {
    color: #009ae9;
}

#MainAdSmallOverView .Info {
    display: block;
}

#MainAdSmallOverView .Info h2 {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
}

#MainAdSmallOverView .IMG {
    margin-bottom: 10px;
}

#MainAdSmallOverView .IMG img {
    width: 191px;
    display: block;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.topNews-slider {
    background: url(../images/bg-sliderkit-btm.png) center bottom no-repeat;
    padding: 0 0 27px;
    height: 352px;
}

.topNews-slider .sliderkit img {
    max-width: 400px;
    max-height: 267px;
}

.page-controls {
    padding: 0 0 20px;
    font-size: 13px;
}

.page-controls-inner {
    background: #fbfbfb;
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.grid-pager {
    float: left;
}

.sort-method-buttons {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.sort-method-buttons li {
    position: relative;
    float: left;
}

.sort-method-buttons a {
    border-left: 1px solid #ddd;
    padding: 10px 10px 10px 20px;
    display: block;
    color: #777;
    background: url(../images/icon-sortMethodA.png) 8px 16px no-repeat;
}

.sort-method-buttons a:hover {
    color: #222;
}

.sort-method-buttons .current {
    color: #222;
    font-weight: 700;
}

.msg-list {
    line-height: 180%;
}

.msg-list li a {
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0 0;
}

.msg-list .Date {
    color: #1FBBA6;
    margin: 0 0 5px;
}

.msg-list .Topic {
    color: #434343;
    font-size: 18px;
    margin: 0 0 10px;
    position: relative;
}

.Topic .label {
    padding: 0 0 0 10px;
    vertical-align: middle;
}

.msg-list a:hover .Topic {
    color: #1FBBA6;
}

.msg-list .Thumbs {
    color: #7c7c7c;
    font-size: 15px;
    padding: 0 0 15px;
}

.BackToTop_2 {
    background: none #f6f6f6;
    border-radius: 5px;
    display: block;
    height: 35px;
    margin: 15px 0;
    position: relative;
    clear: both;
}

.article .BackToTop_2 a,
.BackToTop_2 a {
    background: url(../images/bullet_top.png) no-repeat 0 1px;
    color: #727171;
    font-size: .928em;
    margin: 4px 0 0 !important;
    padding: 0 0 0 15px;
    position: absolute;
    right: 15px;
    top: 5px;
    line-height: 1;
    text-decoration: none;
}

.BackToTop_2 a:hover {
    color: #009ae9;
}

.BackToPrev a {
    background: url(../images/BackToPrev.png) no-repeat;
    color: #535353;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    margin: 0 0 20px;
    padding: 0 0 0 27px;
}

.BackToPrev a:hover {
    color: #000;
}

.btnpage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #123d54;
    background: -moz-linear-gradient(top, #afd9fa 0%, #588fad);
    background: -webkit-gradient(linear, left top, left bottom, from(#afd9fa), to(#588fad));
    border-radius: 6px;
    border: 1px solid #003366;
    -moz-box-shadow: 1px 2px 5px rgba(000, 000, 000, 1), inset 0px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 5px rgba(000, 000, 000, 1), inset 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.PrintInput {
    background: #eee;
    clear: both;
    margin: 15px 0 0;
    padding: 15px;
    text-align: center;
}

.PrintInput a {
    border: 1px solid #222;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
    background: -webkit-linear-gradient(top, #666666, #333333);
    background: -moz-linear-gradient(top, #666666, #333333);
    background: -ms-linear-gradient(top, #666666, #333333);
    background: -o-linear-gradient(top, #666666, #333333);
    background-image: -ms-linear-gradient(top, #666666 0%, #333333 100%);
    padding: 3px 15px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
}

.PrintInput a:hover {
    text-shadow: 0 1px 0 #222;
    background: #222;
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222));
    background: -webkit-linear-gradient(top, #555555, #222222);
    background: -moz-linear-gradient(top, #555555, #222222);
    background: -ms-linear-gradient(top, #555555, #222222);
    background: -o-linear-gradient(top, #555555, #222222);
    background-image: -ms-linear-gradient(top, #555555 0%, #222222 100%);
}

.Result-Style .Content {
    text-align: center;
}

.Result-Style .no-Result .img {
    background: url(../images/img-no-Result-2.png) no-repeat center center;
    height: 200px;
}

.Result-Style .Content .title {
    font-size: 1.15em;
    margin: 0 0 0.5em;
}

.Result-Style .Content p {
    font-size: 1.15em;
    margin: 0 0 .5em;
}

.Result-Style .Content .BTN_Style03 {
    margin: 2em 0 0;
}

.BTN_Style03 {
    padding: 4px 15px;
    margin: 0 5px 0 0;
    background: #fff url(../images/gradient_grey_01.jpg) repeat-x bottom;
    border: 1px solid #dedede;
    border-radius: 3px;
    display: inline-block;
}

.BTN_Style03:hover {
    color: #fff;
    background: #009ae9;
    border: 1px solid #07e;
}

.ContentBoxContainer {
    width: 724px;
    margin: 0 auto;
}

.ContentBox_top {
    width: 724px;
    height: 30px;
    display: block;
    background: url(../images/ContentBox_BGtop.jpg) no-repeat;
}

.ContentBox_btm {
    width: 724px;
    height: 30px;
    display: block;
    background: url(../images/ContentBox_BGbtm.jpg) no-repeat;
}

.ContentBox_md {
    background: url(../images/ContentBox_BGmd.jpg) repeat-y;
    display: inline-block;
    padding: 0 20px;
    overflow: hidden;
}

.ContentBox_md .GraphicImg {
    display: block;
    float: left;
    width: 230px;
    margin-right: 20px;
}

.ContentBox_md .GraphicImg img {
    width: 230px;
}

.ContentBox_md .LinksContainer {
    display: block;
    float: left;
    width: 400px;
}

.ContentBox_md .LinksContainer .List_BTN_Style3 {
    width: 400px;
}

.List_BTN_Style3 {
    width: 725px;
}

.List_BTN_Style3 ul {
    list-style-type: none !important;
    padding-left: 0px !important;
}

.List_BTN_Style3 li {
    margin: 0 0px 10px 0;
}

.List_BTN_Style3 li a {
    display: block;
    padding: 5px 25px 5px 35px;
    border: 1px solid #eee;
    background: url(../images/bg_article-lista.png) repeat-x #eee;
    border-radius: 3px;
    line-height: 160%;
    position: relative;
    font-size: 100%;
    font-weight: 400;
    color: #535353;
    text-decoration: none;
}

.List_BTN_Style3 .icon-arrow,
.List_BTN_Style3 li a:hover {
    opacity: 0.7;
}

.List_BTN_Style3 li a:hover {
    color: #009ae9;
}

.List_BTN_Style3 li a:visited {
    color: #392277;
}

.List_BTN_Style3 li a .hd {
    font-weight: 700;
    color: #69ab00;
    margin-right: 10px;
}

.List_BTN_Style3 .icon-arrow {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../images/Topic_Style02.png);
    background-position: no-repeat;
    position: absolute;
    top: 8px;
    left: 10px;
}

.List_BTN_Style3 .icon-arrow2 {
    width: 8px;
    height: 13px;
    display: inline-block;
    background-image: url(../images/ArrowIcon_3.png);
    background-position: no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

.TableStyle_02_s {
    border: 1px solid #e3e3e3;
}

.TableStyle_02_s th {
    padding: 5px;
}

.TableStyle_02_s .th {
    background: #eaeaea;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #325d7e;
}

.TableStyle_02_s .th2 {
    background: #fbfbfb;
    color: #666;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.TableStyle_02_s .hd {
    background: #eeeeee !important;
}

.TableStyle_02_s .hd2,
.TableStyle_02_s .odd .hd {
    background: #e5e5e5 !important;
}

.TableStyle_02_s td {
    padding: 5px;
    border: 1px solid #e3e3e3;
    border-right: 0px;
    line-height: 180%;
}

.TableStyle_02_s .odd td {
    background: #fbfbfb;
}

#Header_Version_Nav a:visited {
    color: #ffd;
}

.photosgallery-vertical .sliderkit-panel-text a:visited,
.photosgallery-vertical .sliderkit-panel-text a:visited h4 {
    color: #eee;
}

.FileDownBox {
    background: #e7e7e7;
    border: 1px solid #d2d2d2;
    padding: 5px 5px 5px 0px;
    margin-bottom: 10px;
}

.FileDown {
    float: left;
    width: 334px;
}

.FileDown .FileType {
    float: left;
    margin: 0px 10px;
}

.FileDown .Info {
    float: left;
    background: #ffffff;
    width: 267px;
    min-height: 50px;
    position: relative;
}

.FileDown .FileName {
    max-width: 150px;
    margin: 5px;
}

.FileDown .FileName a {
    color: #009ae9;
    font-weight: 700;
}

.FileDown .FileName a:hover {
    color: #fcb631;
}

.FileDown .FileSize {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f1f1f1;
    padding: 2px 10px;
    font-size: 13px;
    border-radius: 3px;
}

.FileDown .FileSize a {
    color: #666;
}

.acc-key {
    position: relative;
    top: 0;
    left: 0;
    z-index: 5;
}

.acc-key a {
    color: #fff;
    font-size: 16px;
}

.acc-key a:focus {
    color: #FF0;
    font-size: 16px;
    border: 3px solid #FF0;
}

#sidebar .acc-key a {
    color: #1C98EF;
}

#MainContainer .acc-key a,
#MainContainer_Fullwidth .acc-key a {
    color: #f0f0f0;
}

#Header_1 .acc-key a {
    color: #e5e5e5;
}

.Accessibility-detail .heading {
    padding: 0 0 5px;
    color: #000;
}

.Accessibility-detail p {
    padding: 0 0 1.5em;
    color: #000;
    line-height: 1.5em;
}

/* 無障礙使用 */
.input-label {
    display: none;
}

.hyperlink-txt {
    display: none;
}

/* end of 無障礙 */

.FatFooterHeader strong a {
    font-size: 15px;
}


.rwd_kv_template {
    display: none;
}

a:focus {
    outline: 3px solid #0086d8;
}

.acc-key a:focus {
    outline: 3px solid #0086d8;
    border: 0 !important;
}

.rwd_kv_template {
    display: none;
}

.pic-list-three {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -8px;
}

.pic-list-three .box {
    width: calc(100% / 3 - 17px);
    margin: 5px 8px 15px 8px;
    line-height: 1.2;
}

.pic-list-three .box .name {
    display: block;
    width: 100%;
    margin-bottom: 3px;
}

.pic-list-three .box a {
    display: block;
    width: 100%;
    border: 2px solid #0075e9;
}

.pic-list-three .box img {
    display: block;
    width: 100%;
}