@charset "utf-8";
.leftCol:after, .centerCol:after, .rightCol:after, .rightNavBlk:after, .mnaBlk:after, .mnaBlk .title:after, .mnaBlk .box:after, .titleBlk:after, .titleBlk .infoBlk:after, .titleBlk .info:after, .titleBlk .share:after, 
.userBlk:after, .breadCrumbBlk:after, .containerBlk:after, .btnBlk:after, .badgeType:after, .subTypeBlk:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.mainBlk{
	padding:0 0 0 0; 
	position: relative;
    background: #05172e url(../images/bg.jpg) no-repeat center top;
    background-size: 100% auto;
    background-attachment: fixed;
}
.mainBlk>.wrapper{
    background: #f3f3f3;
    padding: 24px 40px 0 40px;
}
.leftCol, .centerCol, .rightCol{ display:block; position: relative;}
.leftCol{width:870px; float:left; margin-right:30px;}
.centerCol{width:100%;}
.rightCol{width:300px; float: right;}

.rightNavBlk .nav>li>a, .rightNavBlk .nav>li>ul>li>a, 
.mnaBlk .title h2, .mnaBlk .title h3, 
.mnaBlk .news>li{letter-spacing: 0.0375em;}

.rightNavBlk{
    display:block;
    position:relative;
    margin:0 0 2rem 0;
}
.rightNavBlk .nav{ padding:0 0 0 0; display: block;}
.rightNavBlk .nav li{list-style-type:none;position: relative;}
.rightNavBlk .nav li a:hover{color: #e61b14;}
.rightNavBlk .nav>li>a{
    display: block;
    width: auto;
    padding:16px 10px 16px 16px;
    color: #ffffff;
    font-size: 1.375em;
    font-weight: bold;
    transition: all 0.1s ease-in;
    position: relative;
    position:relative;
    background: #14406d;
    letter-spacing: .0375rem;
    border:2px solid rgba(255,255,255,0);
}
.rightNavBlk .nav>li>a:hover{color: #ffffff;}
.rightNavBlk .nav>li>ul{background: #ffffff; padding: 0 16px 0 16px;}
.rightNavBlk .nav>li>ul>li:nth-child(n+2){border-top: 1px solid #dedede;}
.rightNavBlk .nav>li>ul>li>a{
    display: block;
    padding: 11px 0 11px 20px;
    position: relative;
    border: 2px solid rgba(255,255,255,0);
    line-height: 1.25;
    font-size: 1em;
    color: #333333;
}
.rightNavBlk .nav>li>ul>li.active>a{color: #024a91;}
.rightNavBlk .nav>li>ul>li.active:before, .rightNavBlk .nav>li>ul>li:hover:before, 
.rightNavBlk .nav>li>ul>li>ul>li.active:before, .rightNavBlk .nav>li>ul>li>ul>li:hover:before{
    content: "\f0da";
    display: inline-block;
    font: normal normal normal .75rem/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #024a91;
    position: absolute;
    left: 8px;
    top: 12px;
}
.rightNavBlk .nav>li>ul>li:hover:before, .rightNavBlk .nav>li>ul>li>ul>li:hover:before{color: #e61b14;}
.rightNavBlk .nav>li.active>a:focus, .rightNavBlk .nav>li>ul>li>a:focus{border: 2px dotted orange;}
.rightNavBlk .nav>li>ul>li>ul{padding: 0 0 0 17px;}
.rightNavBlk .nav>li>ul>li>ul>li{ margin-top: 1px; }
.rightNavBlk .nav>li>ul>li>ul>li>a{
    display: block;
    padding: 11px 0 11px 20px;
    position: relative;
    border: 2px solid rgba(255,255,255,0);
    line-height: 1.25;
    font-size: 1em;
    color: #666666;
}
.rightNavBlk .nav>li>ul>li>ul>li.active>a{color: #024a91;}

.mnaBlk{padding: 0 0 2rem 0;}
.mnaBlk .title{
    display: block;
    padding: 12px 1rem;
    margin: 0 0 14px 0;
    color: #ffffff;
    background-color: #14406d;
}
.mnaBlk .title h3{
    float: left;
    font-size: 1.375em;
    color: #ffffff;
    margin: 0 0;
    font-weight: bold;    
    letter-spacing: .0375rem;
    position: relative;
}
.mnaBlk .title h3.live:before{
    display: block;
    width: 48px;
    position: absolute;
    right: -60px;
    top: 0;
    content: "LIVE";
    background: #e61b14;
    color: #ffffff;
    font-size: .75rem;
    text-align: center;
    padding: .25rem;
    border-radius: 3px;
}
.mnaBlk .title .more{
    float: right;
    font-size: .875em;
    color: #666;
    background: #fff;
    padding: .15rem .75rem;
    border-radius: 5px;
    border:2px solid rgba(255,255,255,0);
}
.mnaBlk .title .more:after{
    content: "\f105";
    font: normal normal normal 1rem/1 FontAwesome;
    margin-left: .35rem;
}
.mnaBlk .title .more:hover{text-decoration: none;}
.mnaBlk .title .more:hover, .mnaBlk .title .more:focus{background: #f0f0f0; color: #024a91;}
.mnaBlk .box .annexBlk>ul{padding-bottom: 0;}
.mnaBlk .box .annexBlk.hasTag p{ 
    padding-left: 1.25rem; 
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mnaBlk .box .annexBlk.hasTag p:before{
    display: block;
    width: 7px;
    height: 18px;
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    background: #ff3838;
}
.mnaBlk .box .annexBlk.hasTag .modal p{
    padding-left: 0; 
    white-space: normal; 
    color: #222222;
    height: inherit;
    overflow: inherit;
    font-size: 1em;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 1.25rem;
}
.mnaBlk .box .annexBlk.hasTag .modal p:before{display: none;}
.ie .mnaBlk .box .annexBlk.hasTag p:before{top: 3px;}

.mnaBlk .tag{margin:0;}
.mnaBlk .tag>li{list-style-type: none; display: inline-block;}
.mnaBlk .tag>li>a{
    display: block;
    padding: .25rem .5rem;
    margin:0 .75rem .75rem 0;
    font-size: .875em;
    color: #333;
    background: #fff;
    border-radius: 30px;
    border: 2px solid rgba(255,255,255,0);
    transition: all .125s ease-in;
}
.mnaBlk .tag>li>a:hover{
    color: #fff;
    background: rgba(17,55,92,1);
    border: 2px solid rgba(17,55,92,1);
}
.mnaBlk .news>li{
    list-style-type: none;
    display: block;
    padding: .75rem 0;
    border-bottom: 1px solid #e2e2e2;
}
.mnaBlk .news>li:hover{background: rgba(255,255,255,1);}
.mnaBlk .news>li>a{
    display: block;
    font-size: 1em;
    color: #333;
    font-weight: bold;
    line-height: 1.5rem;
    max-height: 50px;
    overflow: hidden;
    transition: all .25s ease-in;
}
.mnaBlk .news .time, .mnaBlk .news .journalist{display: inline-block; padding: .25rem 0;  font-size: .75rem;}
.mnaBlk .news .time{ color: #666666; margin-right: 1rem; font-family: verdana;}
.mnaBlk .news .journalist{ color: #024a91;}
.mnaBlk .news.rank{margin-bottom: 2rem;}
.mnaBlk .news.rank>li{
    padding-left: 40px;
    position: relative;
    counter-increment: rank;
    counter-reset: section;
}
.mnaBlk .news.rank>li:before{
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    content: "";
    position: absolute;
    left: 0;
    top: .75rem;
    color: #024a91;
    content: counter(rank);
    font-family: Tahoma;
    font-size: 1.5rem;
    font-weight: bold;
}
.mnaBlk .news.rank>li:hover:before, .mnaBlk .news.rank>li:hover a{color:#cd2f2f;}


.breadCrumbBlk{
	display:block;	
	font-size:0.875em;
	margin: 0 0 .75rem 0;
	padding:0 0 .75rem 0;
	clear:both;
}
.breadCrumbBlk ul{padding: 0;}
.breadCrumbBlk ul li{
    padding: 0; 
    list-style-type: none;
    font-size:0.875em;
    margin:0 8px;
    color:#666666;
    position: relative;
    float: left;
}
.breadCrumbBlk ul li:first-of-type {margin: 0 8px 0 0;}
.breadCrumbBlk ul li:nth-child(n+2):before {
    position: absolute;
    left: -10px;
    top: 0;
    content: "/";
}
.breadCrumbBlk ul li a{color:#333333;}
.breadCrumbBlk a:hover, .funcBlk .print:hover, .funcBlk .send:hover{ color:#00236e; text-decoration:underline;}

.userBlk{
    display:block;
    width:100%;
    min-height:350px;
    position:relative;
    padding-bottom:3rem;
    color:#333333;
}
.userBlk h3{
	color: #222;
    margin: 0 0 1.5rem 0;
    font-weight: bold;
}
.userBlk h4{margin:0 0 1.25rem 0;}
.userBlk h4.modal-title{margin: 0 0;}
.userBlk h5{margin:0 0 1rem 0;}
.userBlk p{ line-height:1.75em; margin-bottom: 1.25rem; }
.userBlk ol, .userBlk ul, .containerBlk ol, .containerBlk ul{ padding-left:2.25rem; padding-bottom:0.5rem;}
.userBlk li, .containerBlk li{padding-bottom: 0.5rem; line-height: 1.5em;}
.userBlk ol li p, .containerBlk ol li p{padding-bottom: 0}
.userBlk img, .userBlk iframe, .containerBlk img, .containerBlk iframe{ max-width: 100%;}
.video-container {
    position: relative;    
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 0 1.5rem 0;
    width: 100%;
}
.video-container iframe, .video-container object, .video-container video, .video-container embed, .video-container img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.safari .containerBlk .video-container{/*padding-top: 35px;*/}
.safari .containerBlk iframe{min-height: 471px;}
.video-container+p{margin-top: -.5rem;}
.userBlk a, .containerBlk a{transition: all 0.1s ease-in;}
.containerBlk a{display: inline-block;}
.userBlk a:hover, .containerBlk a:hover{ text-decoration: underline;}
figure{position: relative; margin: 0 0 1.75rem;}
figure figcaption{
    font-size: .875em; 
    line-height: 1.5em;
    position: absolute;
    color: #ffffff;
    font-weight: bold;
}
figure .img{ position: relative;}
figure a{ display: block; border: 2px solid rgba(255,255,255,0); margin: 0 -2px;}
figure .img a img{ display: block;}
figure img{ display:inline-block; height: auto;}
figure .imgLink{display: block;}
article figure figcaption{
    position: absolute;
    bottom: 0;
    padding: .5rem .5rem;
    width: 100%;
    color: #ffffff;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(30%, rgba(0,0,0,0.44)), color-stop(100%, rgba(0,0,0,0.95)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    z-index: 1;
}
article figure .imgLink+figcaption{bottom: 2px;}
.eng article figure figcaption{word-wrap: break-word;}
.horizontal .img, .vertical .img{height: 0; overflow: hidden;}
.horizontal .img{padding-bottom: 75%;}
.vertical .img {padding-bottom: 133.33%;}
.userBlk figure ul{
    position: absolute;
    left: -2px;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
}
.userBlk figure a+ul{left: 0;top: 2px;}
.userBlk figure ul>li{list-style-type: none; padding: 0 0;}
figure ul>li>a{
    position: relative;
    padding: .5rem .5rem .5rem .5rem;
    font-size: .875rem;
    text-align: center;
    line-height: 1rem;
    white-space: nowrap;
    border: 2px solid rgba(255,255,255,0);
    color: rgba(255,255,255,1);
    background: rgba(0,0,0,.5);
    margin-left: 2px;
    margin-bottom: 1px;
}
figure ul>li>a .fa{margin-right: .25rem;}
figure ul>li.original>a, figure ul>li.watermark>a{padding: .5rem .5rem .5rem 1.85rem;}
figure ul>li.original>a:before, figure ul>li.watermark>a:before{
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    left: .35rem;
    top: .25rem;
    background-color: transparent;
    background-image: url(../images/icon/icon-share-white.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    border-radius: 2px;
    background-size: 358px 24px;
}
figure ul>li.original, figure ul>li.watermark{padding: 0 0;}
figure ul>li.original>a:before{background-position: -270px 0;}
figure ul>li.watermark>a:before{background-position: -301px 0;}
figure ul>li>a:hover, figure ul>li>a:focus{background: rgba(0,0,0,1);}
.eng figure ul>li>a{font-size: .75rem;}
.containerBlk figure ul>li>a:hover{
    background: rgba(0,0,0,.875);
    text-decoration: none;
}


.tabBlk{ text-align: center; padding-bottom: .5rem;}
.tabBlk .nav-tabs{ 
    display: inline-block;
    border-bottom:none;
    margin-bottom: 1rem;
    padding: 0 0;
}
.tabBlk .nav-tabs .tab{
    float: left; 
    margin:-1px -1px 0 0;
    padding: 0 0;
}
.tabBlk .nav-tabs .tab a{
    padding: .25rem .75rem;
    display: inline-block;
    border:1px solid #14406d;
    background: #ffffff;
    color: #14406d;
    min-width: 6.75em;
    font-size: .913rem;
}
.tabBlk .nav-tabs .tab.active a, .tabBlk .nav-tabs .tab.active a:hover{
    background: #14406d;
    color: #fff;
    position: relative;
}
.tabBlk .nav-tabs .tab a:hover{ text-decoration: none; background:transparent; }
.tabBlk .nav-tabs .tab a:focus{ border: 2px dotted orange; }

.article{
    overflow: hidden;
    padding: 1rem;
    background: white;
    margin-bottom: 1rem;
}
.containerBlk{display: block; padding-bottom: 1rem; clear: both;}
.containerBlk:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.containerBlk h3, .containerBlk h4, .containerBlk h5{line-height: 1.5em;}
.containerBlk h3{
    color: #0B3177;
    padding-left: 1.5rem;
    position: relative;
    clear: both;
}
.containerBlk h3:before {
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    position: absolute;
    left: 0;
    top: 1.125rem;
    margin-top: -.25rem;
    background: transparent url(../images/icon-sym.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.containerBlk h3[align="center"]:before, .containerBlk h3[align="right"]:before{ display: none; }
.containerBlk h3>a{text-decoration: underline;}
.containerBlk h4{color: #3066ca;}
.containerBlk h5{color: #222222;}
.containerBlk p{padding-bottom: 0;}
.containerBlk strong {color:  #024a91;}
.containerBlk figure .img a{display: block;/*debug IE11*/ margin-left: -2px; margin-right: -2px;}

.maxCheck {
    margin-bottom: .5rem;
    color: #333333;
    padding: .575rem 0 0 0;
    float: left;
}
.maxCheck .badge {
    font-weight: bold;
    display: inline-block;
    padding: 1px 5px;
    font-size: .875rem;
    text-align: center;
    vertical-align: text-top;
    line-height: inherit;
    margin-top: -2px;
    margin-left: 3px;
    margin-right: 3px;
}
.maxCheck .match{ color:#e60012; margin: 0 3px; font-weight: bold;}
.sortBlk {color: #666666; float: right;}

.titleBlk{ margin:0 0 .75rem 0; position: relative;}
.titleBlk .title{ display: inline-block;}
.titleBlk h2, .titleBlk h3{ font-weight: bold;display: block;}
.titleBlk h2{
    color: #3a3a3a;
    margin: 0 0;
    font-weight: bold;
}
.titleBlk h3{ 
    letter-spacing: 0;
    border-bottom: none;
    padding: .35rem 1.5rem .35rem 0;
    margin: 0;
}

.tagBlk{
    display: block;
    margin-bottom: 1rem;
}
.tagBlk ul{
    position: relative;
    padding-left: 1rem;
}
.tagBlk ul:before{
    display: block;
    width: 7px;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ff3838;
}
.tagBlk ul li{
    list-style-type: none;
    font-size: .875em;
    display: inline-block;
    color: #024a91;
    margin-right: .5rem;
}
.tagBlk ul li a{ display: block; color: #024a91; }
.tagBlk ul li a:hover{ text-decoration: underline;}

.infoBlk{ display: block; margin-top: 1rem;}
.infoBlk .info{ float: left; margin: .35rem 0;}
.infoBlk .info ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0;
}
.infoBlk .info ul li{
    display: inline-block;
    font-size: .875em;
    color: #666666;
    line-height: 1em;
    padding: .35rem 0;
    margin: 0 1rem 0 0;
    white-space: nowrap;
}
.infoBlk .share{float: right; padding-bottom: 0; padding-left: 0;}
.infoBlk .share li{ 
    list-style-type: none; 
    float: left; 
    padding-bottom: .25rem;
    line-height: 1;
    vertical-align: top;
}
.infoBlk .share li.fb a, .infoBlk .share li.twitter a, .infoBlk .share li.rate .servey, .infoBlk .share li.line a, .infoBlk .share li.print a, .infoBlk .share li.rss a{ 
    display: block;
    width: 34px;
    height: 34px;
    background-color: transparent;
    background-image: url(../images/icon/icon-share-white.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    border-radius: 5px;
    background-size: 448px 30px;
    position: relative;
    border: 2px solid rgba(255,255,255,0);
    margin-right: .25rem;
}
.infoBlk .share li:nth-child(n+2)>a, .infoBlk .share li:nth-child(n+2)>button{ }
.infoBlk .share li.fb a{ background-position: 2px 2px;background-color: #004fab;}
.infoBlk .share li.twitter a{ background-position: -32px 2px;background-color: #3aa0f2;}
.infoBlk .share li.line a{ background-position: -108px 2px; background-color: #2dc31e;}
.infoBlk .share li.print a{ background-position: -146px 2px;background-color: #10a8bf;}
.infoBlk .share li.rss a{ background-position: -299px 2px;background-color: #ea8f00;}
.infoBlk .share li.fb a:before, .infoBlk .share li.twitter a:before, .infoBlk .share li.line a:before, .infoBlk .share li.print a:before, .infoBlk .share li.rate .servey:before, .infoBlk .share li.rss a:before{
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    width: 34px;
    font-size: .75rem;
    transform: scale(0.875);
    color: #666;
    content: "";
    text-indent: 0;
    text-align: center;
    vertical-align: top;
    z-index: 1;
}
.infoBlk .share li.fb a:before{ content: "Facebook"; text-indent: -.75rem;}
.infoBlk .share li.line a:before{ content: "Line";text-indent: -.25rem;}
.infoBlk .share li.twitter a:before{ content: "Twitter";text-indent: -.5rem;}
.infoBlk .share li.print a:before{ content: "列印";text-indent: -.25rem;}
.infoBlk .share li.rss a:before{ content: "RSS";text-indent: -.125rem;}
.infoBlk .share li.rate{ position: relative; margin-bottom: 0;}
.infoBlk .share li.rate button{text-indent: -9999px;}
.infoBlk .share li.rate .servey:before{
    display: none;
    left: 50%;
    content: "展開滿意度調查";
    width: 54px;
    margin-left: -26px;
    line-height: 1rem;
}
.infoBlk .share li.rate.active .servey:before{content: "收合滿意度調查";}
.infoBlk .share li.rate a:after{display: flex; display: block; visibility: visible;}
.infoBlk .share li.rate .btn{width: 100%; padding: .125rem .5rem;}
.infoBlk .share li.rate .servey{
    background-position: -76px 0;
    border-color: rgba(255,255,255,0);
    background-size: auto 30px;
    background-color: #eabb00;
}
.infoBlk .share li.rate .servey:focus{border: 2px dotted orange;}
.infoBlk .share li.rate .serveyBlk{
    display: none;
    position: absolute;
    left: 50%;
    top: 70px;
    width: 120px;
    margin-left: -60px;
    z-index: 2;
    background: #fff;
    padding: .5rem 0 0 0;
    border-radius: .35rem;
    border: 1px solid #00479d;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.5);
}
.infoBlk .share li.rate .serveyBlk:before {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: -5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 5px 8px;
    border-color: transparent transparent #00479d transparent;
    z-index: 2;
}
.infoBlk .share li.rate .serveyBlk .col-form-label{
    line-height: 20px; 
    padding: 0 0 .25rem 0;
    margin-bottom: .5rem;
    color: #333;
    font-size: .875rem;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}
.infoBlk .share li.rate .serveyBlk .btn-primary{    
    margin-top: 1rem;
    cursor: pointer;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
}
.fontSize ul{padding: 0;}
.infoBlk .share .fontSize ul li{display: inline-block;}
.fontSize ul li a{
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    padding: 0 0;
    margin: 0 0 0 0;
    text-align: center;
    color: #fff;
    border: 2px solid rgba(255,255,255,0);
    border-radius: 0.3125rem;
    text-indent: -9999px;
    background-color: rgba(2,74,145,1);
    background-image: url(../images/icon/icon-share-white.png);
    background-repeat: no-repeat;
    background-size: 448px 30px;
    position: relative;
}
.infoBlk .share .fontSize ul li:nth-child(n+2)>a{margin-left: .25rem;}
.fontSize ul li.sm a{font-size: .813rem;background-position: -184px 2px;}
.fontSize ul li.md a{font-size: 1rem;background-position: -222px 2px;}
.fontSize ul li.lg a{font-size: 1.1875rem;background-position: -260px 2px;}
.fontSize ul li.xl a{font-size: 1.375rem;}
.fontSize ul li a:focus{border:2px dotted orange;}
.fontSize ul li.active a, .fontSize ul li a:hover, .infoBlk .share li a:hover, .infoBlk .share li a:focus{
    color: #fff; 
    background-color: rgba(150,150,150,.75);
}
.fontSize li.sm a:before, .fontSize li.md a:before, .fontSize li.lg a:before, .fontSize li.xl a:before{
    display: none;
    position: absolute;
    left: 50%;
    top: 34px;
    width: 52px;
    font-size: .75rem;
    transform: scale(0.875);
    color: #666;
    content: "";
    text-indent: 0;
    text-align: center;
    vertical-align: top;
    margin-left: -26px;
    line-height: 1rem;
    text-indent: 0;
}
.fontSize li.sm a:before{content: "縮小字級";}
.fontSize li.md a:before{content: "預設字級";}
.fontSize li.lg a:before{content: "放大字級";}
.infoBlk .share li.fb a:hover:before, .infoBlk .share li.twitter a:hover:before, .infoBlk .share li.line a:hover:before, .infoBlk .share li.print a:hover:before, .infoBlk .share li.rss a:hover:before, .infoBlk .share li.rate .servey:hover:before, 
.fontSize li.sm a:hover:before, .fontSize li.md a:hover:before, .fontSize li.lg a:hover:before, .fontSize li.xl a:hover:before, 
.infoBlk .share li.fb a:focus:before, .infoBlk .share li.twitter a:focus:before, .infoBlk .share li.line a:focus:before, .infoBlk .share li.print a:focus:before, .infoBlk .share li.rss a:focus:before, .infoBlk .share li.rate .servey:focus:before, 
.fontSize li.sm a:focus:before, .fontSize li.md a:focus:before, .fontSize li.lg a:focus:before, .fontSize li.xl a:focus:before{
    display: block;
}
body.eng .infoBlk .share li.mail a:before{ content: "Email";}
body.eng .infoBlk .share li.print a:before{ content: "Print";}
body.eng .fontSize li.sm a:before{content: "Small Font";}
body.eng .fontSize li.md a:before{content: "Default Font";}
body.eng .fontSize li.lg a:before{content: "Large Font";}

.infoBlk .nice-select{margin-top: 3px;border-radius: 50px;}
.infoBlk .maxCheck{float: right; margin-top: 8px;}

.keywordBlk {
    border-radius: 20px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
    padding-bottom: 0;
    margin-bottom: 2rem !important;
}
.containerBlk .keywordBlk{background-color: #f0f0f0; margin-top: 2rem;}
.keywordBlk .keywordLabel {
    line-height: 40px;
    color: #ffffff;
    background-color: #11375c;
    border-radius: 20px;
    padding: 0 20px;
    margin: 0 0;
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    letter-spacing: .0375rem;
    min-width: 90px;
}
.keywordBlk .keyWordContent{
    overflow-x: auto;
    margin-right: 20px;
}
.keywordBlk .keyWordContent::-webkit-scrollbar{
    width: 0px;
    height: 7px;
}
.keywordBlk .keyWordContent::-webkit-scrollbar-thumb {/*下方滾軸*/
  border-top: 4px solid #cdcdcd;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  margin-top: 8px;
}
.keywordBlk .keyWordContent:hover::-webkit-scrollbar-thumb {/*下方滾軸*/
  border-top: 4px solid rgba(31,116,200,1);
}
.keywordBlk .keyWordContent ul{
    display: flex;
    flex: 1;    
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;    
    padding: 0 0;
    margin-right: 30px;
}
.keywordBlk .keyWordContent li {
    display: flex;
    padding: 0 0;
    margin: 0 0 0 10px;
}
.ie .keywordBlk .keyWordContent{display: block;}
.ie .keywordBlk .keyWordContent ul {display: block; white-space: nowrap;}
.ie .keywordBlk .keyWordContent li {display: inline-block;}
.keywordBlk .keyWordContent li a {
    border-radius: 36px;
    padding: 0 8px;
    line-height: 23px;
    white-space: nowrap;
    margin: 5px 0;
    background-color: #f3f3f3;
}
.keywordBlk .keyWordContent li a:hover{text-decoration: none;}
.containerBlk .keywordBlk .keyWordContent li a{ background-color: #ffffff;}
.containerBlk .keywordBlk .keyWordContent li a:hover{ background-color: rgba(17,55,92,1);}


.albumBlk{margin: 0 -2px; padding-bottom: 2rem;}
.albumBlk:after, .albumBlk .blk a:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.albumBlk .blk, .albumBlk .grid-sizer {width: 33.333%;}
.albumBlk .blk {float: left; padding: 2px;}
.albumBlk .blk a{border:2px solid rgba(255,255,255,0);}
.albumBlk .blk a:hover, .albumBlk .blk a:focus{text-decoration: none;}
.albumBlk figure .img:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.albumBlk figure{margin: 0 0;}
.albumBlk figure img{margin: 0 0;}
.albumBlk ul{margin: 0 0; padding: 0 0;}
.albumBlk ul>li{list-style-type: none;}


.downloadBlk{
    margin: 30px 0 30px 0;
    display: block;
    position: relative;
}
.downloadBlk .title {
    height: 42px;
    background: #00236e;
    padding: 0;
}
.downloadBlk .title .h2 {
    color: #ffffff;
    padding: 0 10px;
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 1.25rem;
    font-weight: normal;
}
.downloadBlk .navBlk {
    padding: .75rem .75rem .75rem .75rem;
    margin: 0;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0 rgba(0,0,0,.075);
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0,0,0,0);  
}
.downloadBlk .navBlk li {
    list-style-type: none;
    position: relative;
    font-size: 1rem;
    padding: .25rem .25rem .25rem .5rem;
    margin-bottom: 1px;
}
.downloadBlk .navBlk>li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed #dedede;
}
.downloadBlk .navBlk li a{position: relative; display: inline-block;}
.downloadBlk .navBlk li ul {padding-left: 1.5rem;}


.inputWrap{position: relative; display: inline-block; vertical-align: top;}
input[type="text"], input[type="file"], input[type="password"], select, textarea, 
input[type="date"], input[type="time"], input[type="url"], input[type="email"], input[type="tel"], input[type="number"]{
    color: #222;
    background-color: white;
    border: 1px solid #c0c0c0;
    font-size: .875rem;
	height:29px;
	box-shadow: inset 0 0 0 rgba(0,0,0,0.0);
	border-radius: 0;
	margin-right: 1rem;
}
input[type="file"]{margin-right: 0;} /*for openCMS*/
input[type="text"], input[type="file"], input[type="password"], textarea, 
input[type="date"], input[type="time"], input[type="url"], input[type="email"], input[type="tel"], input[type="number"]{
    padding: 0 8px;
}
.select{display: inline-block;}
select{padding: 0 0 0 8px;}
textarea{min-height: 132px;}
input[type="button"], input[type="reset"], input[type="submit"], input[type="search"], 
button[type="button"], button[type="reset"], button[type="submit"]{
	cursor:pointer;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, 
input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, 
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, 
input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, 
input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{
	box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
	border:2px dotted orange;
}

input[type="text"]:disabled, input[type="file"]:disabled, input[type="password"]:disabled, select:disabled, 
input[type="date"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, 
button[type="button"]:disabled, button[type="reset"]:disabled, button[type="submit"]:disabled{
	background: rgba(200,200,200,.125);
	cursor:not-allowed;
	color: #888888;	
    -webkit-text-fill-color: #333333;
    opacity: 1;/* required on iOS */
}
input[type="text"].readOnly, input[type="file"].readOnly, input[type="password"].readOnly, select.readOnly, textarea.readOnly,
input[type="date"].readOnly, input[type="time"].readOnly, input[type="url"].readOnly, input[type="email"].readOnly, input[type="tel"].readOnly, input[type="number"].readOnly, 
button[type="button"].readOnly, button[type="reset"].readOnly, button[type="submit"].readOnly{
	border:1px solid rgba(255,255,255,0);
	background: rgba(200,200,200,0);
	cursor: default;
	color: #666;
	padding-left: 0;
	padding-right: 0;
}
input[type="text"]:hover, input[type="file"]:hover, input[type="password"]:hover, select:hover, 
input[type="date"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover{}
button[type="button"]:hover, button[type="reset"]:hover, button[type="submit"]:hover{}
label{margin:0 10px 0 0;}
label[type="hidden"]{display: none;}
label input[type="radio"], label input[type="checkbox"]{margin: -2px 5px 0 0;vertical-align: middle;}
label span{margin: 0 10px 0 0;}
label input[type="checkbox"]:not(old), label input[type="radio"]:not(old) {
    width: 24px;
    margin: 0;
    padding: 0;
    opacity: 0;
}
label input[type="checkbox"]:not(old)+span, label input[type="radio"]:not(old)+span {
    display: inline-block;
    margin-left: -30px;
    padding-left: 28px;
    line-height: 24px;
	background-position: 0 0;
	background-repeat:no-repeat;	
}
label input[type="checkbox"]:not(old):disabled, label input[type="radio"]:not(old):disabled, 
label input[type="checkbox"]:not(old):disabled + span, label input[type="radio"]:not(old):disabled + span{cursor:not-allowed;}
label input[type="checkbox"]:not(old) + span{background-image: url(../images/checks_checkbox.png);}
label input[type="radio"]:not(old) + span{background-image: url(../images/checks_radio.png);}
label input[type="checkbox"]:not(old):checked + span{background-image: url(../images/checks_checkbox_active.png);}
label input[type="radio"]:not(old):checked + span{background-image: url(../images/checks_radio_active.png);}
label input[type="checkbox"]:not(old):disabled + span{background-image: url(../images/checks_checkbox_disable.png);}
label input[type="radio"]:not(old):disabled + span{background-image: url(../images/checks_radio_disable.png);}
label.error{ color:#e60012; padding-left:17px; position:relative; margin:0.125rem 0 0.25rem 0;}
label.error:before{
    content: "\f06a";
    position: absolute;
	left:0;
	top:0;
    font-size: 1.0rem;
    font-family: FontAwesome;
    line-height: 1.0;
    color: #e60012;
}

.block{display: block;}
.inline-block {display: inline-block;}
.group.inline-block {position: relative;}
.inputWrap.group{display: block;}
.group input[type="radio"], .group input[type="checkbox"]{margin: -2px 5px 0 0;vertical-align: middle;}
.group label{margin: 0 10px 0 0;color: #000;}
.group input[type="checkbox"]:not(old), .group input[type="radio"]:not(old) {
    width: 24px;
    margin: 0;
    padding: 0;
    opacity: 0;
}
.group input[type="checkbox"]:not(old)+label, .group input[type="radio"]:not(old)+label {
    display: inline-block;
    margin-left: -25px;
    padding-left: 25px;
    line-height: 24px;
    background-position: 0 0;
    background-repeat:no-repeat;    
}
.group input[type="checkbox"]:not(old):disabled, .group input[type="radio"]:not(old):disabled, 
.group input[type="checkbox"]:not(old):disabled + label, .group input[type="radio"]:not(old):disabled + label{cursor:not-allowed;}
.group input[type="radio"]:not(old) + label{background-image: url(../images/form/checks_radio.png);}
.group input[type="radio"]:not(old):checked + label{background-image: url(../images/form/checks_radio_active.png);}
.group input[type="radio"]:focus+label{background-image: url(../images/form/checks_radio_focus.png);}
.group input[type="radio"]:not(old):disabled + label{background-image: url(../images/form/checks_radio_disable.png); color: #afafaf;}
.group input[type="radio"]:not(old):checked:disabled + label{background-image: url(../images/form/checks_radio_active_disable.png); color: #afafaf;}
.group.error input[type="radio"]:not(old) + label{background-image: url(../images/form/checks_radio_error.png);}

.group input[type="checkbox"]:not(old) + label{background-image: url(../images/form/checks_checkbox.png);}
.group input[type="checkbox"]:not(old):checked + label{background-image: url(../images/form/checks_checkbox_active.png);}
.group input[type="checkbox"]:focus+label{background-image: url(../images/form/checks_checkbox_focus.png); text-decoration: underline;}
.group input[type="checkbox"]:not(old):disabled + label{background-image: url(../images/form/checks_checkbox_disable.png); color: #afafaf;}
.group input[type="checkbox"]:not(old):checked:disabled + label{background-image: url(../images/form/checks_checkbox_active_disable.png); color: #afafaf;}
.group.error input[type="checkbox"]:not(old) + label{background-image: url(../images/form/checks_checkbox_error.png);}

.group.no-label input[type="radio"]:not(old)+label, .group.no-label input[type="checkbox"]:not(old)+label {width: 1px;overflow: hidden;}
.group.no-label input[type="radio"]:not(old)+label, .group.no-label input[type="checkbox"]:not(old)+label{ height: 24px; overflow: hidden; margin:0 0 0 -25px; }
.group.no-label input[type="checkbox"]:not(old)+label{padding-left: 22px;}
.group.no-label input[type="radio"]:not(old)+label{padding-left: 24px;}


.table{
    display:table;
    width:100%;
    margin:0 0 20px 0;
    border-collapse:collapse;
    border-spacing: 0;
    background: #fff;
}
.table+.table{margin-top: 30px;}
.table .tr{display:table-row;background: #fff;}
.thead, .tbody, .tfoot{display:table-row-group;}
.table .th, .table .td{display:table-cell;}
.table th, .table td, .table .th, .table .td{line-height: 1.5;padding: 0.5rem 0.5rem;}
.table .th{font-weight:bold; color:#333333;}
.table caption, .table-caption {
    color: #00479d;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.25em 0;
    caption-side: top;
}
.table th, .table td, .table .th, .table .td{
    padding:.5rem .5rem;
    border-bottom:1px solid #dedede;
    border-top:none;
    min-width:54px;
    vertical-align: middle;
}
.table thead th, .table thead td, .table .thead .th, .table .thead .td{
    color: rgba(255,255,255,1);    
    letter-spacing: 0.0375rem;
    vertical-align: middle;
    border-bottom: none;
    text-align: center;
}
.table thead tr th:nth-child(n+2) {
    border-left: 2px dotted rgba(255,255,255,.75);
}
.table thead th, .table .thead .th, 
.table thead td, .table .thead .td{background-color:#00236e;}
.table thead th, .table thead td, .table tfoot th, .table tfoot td, 
.table .thead .th, .table .thead .td, .table .tfoot .th, .table .tfoot .td{ font-weight: bold;}
.table tbody th, .table tbody td, .table .tbody .th, .table .tbody .td{text-align: center}
.table tbody th, .table .tbody .th{background: rgba(124,203,235,.125);}
.table tbody td, .table .tbody .td{min-height: 30px;}
.table tfoot td, .table .tfoot .td{ background-color: #f3f3f3;vertical-align: middle;}
.table tfoot th, .table tfoot td, .table .tfoot .th, .table .tfoot .td{background: rgba(124,203,235,.125);}
.table tfoot th, .table tfoot td, .table .tfoot .th, .table .tfoot .td{text-align: center;}
.table .title{
    display: none;
    font-size: .875rem;
    padding-bottom: 0;
    font-weight: normal;
    letter-spacing: 0;
    color: #212529;
}
.table .content.nowrap{ white-space: nowrap; }
.table a{color: #00479d;}
.table [class*="icon-file"], .table .btn{color: #fff;}
.table [class*="icon-file"]{line-height: 1.25; border: 2px solid rgba(255,255,255,1); vertical-align: top; border-radius: 0;}
.table ul li:nth-child(even) [class*="icon-file"]{border: 2px solid #fff;}
.table ul li:nth-child(even) [class*="icon-file"]:focus{ border: 2px dotted orange;}
.table a:hover, .table a:focus{ text-decoration: underline;}
.txtC, .table .txtC, .table th.txtC, .table .th.txtC, .table td.txtC, .table .td.txtC{text-align: center !important;}
.txtR, .table .txtR, .table th.txtR, .table .th.txtR, .table td.txtR, .table .td.txtR{text-align: right !important;}
.txtL, .table .txtL, .table th.txtL, .table .th.txtL, .table td.txtL, .table .td.txtL{text-align: left !important;}
.table-striped .tbody .tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.05);}
.table tbody tr:nth-of-type(odd) [class*="icon-file"]:before {border-color: transparent #f2f2f2 transparent transparent;}
.table tbody tr:nth-of-type(even):hover [class*="icon-file"]:before {border-color: transparent #f2f2f2 transparent transparent;}
.table ul, .table ul li, .table ol, .table ol li {text-align: left;}
.table td.downloadBlk, .table .td.downloadBlk{margin: 0;display: table-cell;}
.table ul>li:nth-child(even) [class*="icon-file"]:before {border-color: transparent rgba(255,255,255,1) transparent transparent;}


.btn{
	display: inline-block;
    font-size: .875rem;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    cursor: pointer;
    text-align: center;
    padding: .135rem .75rem;
}
.btnBlk{
	text-align:center;
	padding:0 0 1.0rem 0;
	position: relative;
    clear: both;
}
.containerBlk>.btnBlk{
	padding:1em 0;
	margin-bottom:0;
	display: block;
	clear: both;
}
.btnBlk:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.btnBlk .nav{display: inline-block;}
.btnBlk .pagination{padding: 0 0; display: flex; flex-wrap: wrap;}

.pagination li{
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagination li a, .pagination li span, .pagination li button{
    position: relative;
    display: block;
    padding: .35rem .5rem;
    margin-left: -1px;
    line-height: 1.5;
    color: #333333;    
    border: 1px solid #dee2e6;
    border-width: 1px 1px 1px 1px;
    border-color: #dee2e6;
    font-size: .875em;   
    background-color: #fff; 
}
.pagination li a, .pagination li button{    
    cursor: pointer;

}
.pagination li.display{
    line-height: 1rem; 
    height: inherit;
    max-height: 34px;
 }
.pagination li:nth-of-type(1) a, .pagination li:nth-of-type(1) button{
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius:0;
}
.pagination li:nth-last-of-type(1) a, .pagination li:nth-last-of-type(1) button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pagination li.first span, .pagination li.previous span{margin-right: .25rem;}
.pagination li.next span, .pagination li.last span{margin-left: .25rem;}
.pagination li.disabled a{
    color: rgba(105,105,105,.6);
    pointer-events: none;
    cursor: not-allowed;
    background-color: #f0f0f0;
    border-color: #dee2e6;
}
.pagination li.active a, .pagination li.active button, .pagination li.active a:hover, .pagination li.active button:hover{
    z-index: 1;
    color: rgba(255,255,255,1);
    -webkit-text-fill-color:rgba(255,255,255,1);
    background: #14406d;
    border-color:#14406d;
}
.pagination li a:hover, .pagination li button:hover {
    text-decoration: none;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    border-bottom-width: 1px;
}
.pagination li a:focus, .pagination li button:focus{ border: 1px dashed orange;}
.pagination li.first span, .pagination li.previous span, .pagination li.next span, .pagination li.last span{
    padding: 0 0;
    border: none;
    display: inline-block;
    font-size: .875rem;
    background: transparent;
}

.pageBlk{
	display:block;
    padding: 20px 0;
	margin:0 0 30px 0;
    position: relative;
    text-align: center;
	clear:both;
}
.pageBlk p{
	position: absolute;
	left: 0;
	top: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 0.875rem;
	color: #666666;
}
.pageBlk .blk{display:inline-block;}
.pageBlk a, .pageBlk .active{
	display:block;
	float:left;
	position: relative;
	height:40px;
    line-height: 40px;
	margin:0px 10px 0px -11px;
    color: #333333;
    background-color: #ffffff;
	transition: all .3s;
	font-size:0.938rem;
	border:1px solid #ccc;
}
.pageBlk a:nth-child(1){margin-left:0;}
.pageBlk span{background-color: #aaaaaa;color:#fff;}
.pageBlk .prev{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.pageBlk .first, .pageBlk .last, .pageBlk .prev, .pageBlk .next{background-color: transparent;}
.pageBlk .next{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.pageBlk .first, .pageBlk .last{width:70px;border: 1px solid transparent;}
.pageBlk .last{margin: 0px 10px 0px -10px;}
.pageBlk a, .pageBlk .active, .pageBlk .prev, .pageBlk .next{min-width:40px;}
.pageBlk .disable{ cursor: not-allowed;}
.pageBlk .prev.disable, .pageBlk .next.disable{color: #8d8d8d;}
.pageBlk a:hover, .pageBlk a:focus{background:#3cb3de;}
.pageBlk .first:hover, .pageBlk .last:hover, .pageBlk .first:focus, .pageBlk .last:focus{background-color: transparent; color: #3cb3de; text-decoration: underline;}
.pageBlk .active, .pageBlk .active:hover, .pageBlk .active:focus{background:#3d7ab6;}
.pageBlk .first.disable, .pageBlk .last.disable{color: #8d8d8d;}
.pageBlk a:hover, .pageBlk .active, .pageBlk .active:hover, .pageBlk a:focus, .pageBlk .active:focus{color: #fff;}
.pageBlk .first.disable:hover, .pageBlk .last.disable:hover, 
.pageBlk .first.disable:focus, .pageBlk .last.disable:focus{cursor: not-allowed;background-color: transparent;text-decoration: none;}
.pageBlk .prev.disable:hover, .pageBlk .next.disable:hover, 
.pageBlk .prev.disable:focus, .pageBlk .next.disable:focus{color: #8d8d8d;background-color: transparent;text-decoration: none;}


.input-group{display:table;position:relative;}
[class*="input-group-"]{display:table-cell;vertical-align: middle;}
.input-group-btn>.btn {
    background-color: #f5f5f5;
	width:35px;
	height:31px;
    padding: 0 5px;
	line-height:29px;
    font-size: 1.25rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	cursor:pointer;
	text-align:center;
}
.input-group-btn>.btn:focus{background-color: #e5e5e5;}
.input-group-btn:nth-of-type(1)>.btn, .input-group-btn:nth-of-type(1)>.btn-group {margin-right: -1px;}
.input-group-btn:nth-last-of-type(1)>.btn, .input-group-btn:nth-last-of-type(1)>.btn-group {margin-left: -1px;}
.disable .input-group-btn>.btn, .disable .form-control{
    background-color:#e0e0e0;
    color: #aaaaaa;
	cursor:not-allowed;
}

.modal-content{width: 100%;}
.modal-dialog {
    max-width:70.5%;
    margin: 1.75rem auto 1.75rem auto;
}
.kdBlk .modal-dialog {max-width:1160px;}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}
.modal .btn-close{
    display: inline-block;
    padding: 0 0;
    margin: 0 0;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,1) url(../images/icon/icon-close.png) no-repeat center center;
    background-size: 50% 50%;
    border: 2px solid rgba(255,255,255,0);
    border-radius: 32px;
    text-indent: -9999px;
    opacity: .75;
    z-index: 1;
}
.modal .btn-close:hover, .modal .btn-close:focus{ opacity: 1;}
.modal-body {max-height: 85vh; overflow-y: auto;}
.modal iframe, .modal img, .modal video, .modal object, .modal embed{width: 100%;}
.modal video{ margin-bottom: .5rem;}
.modal figure{margin: 0 0 .75rem 0 !important;}
.modal figure .img{padding-bottom: 0 !important; height: auto !important;}
.modal .video-container{padding-top: 0; margin-bottom: .5rem;}
.modal .video-container+p {margin-top: 1rem; height: auto;}
.slider-grid .modal p{margin:0 0 1rem 0; height: auto;}


.filterBlk{
	padding:15px 15px 15px 15px;
	border:1px solid #dfe4ec;
	background-color:#ffffff;
	margin-bottom:1.5rem;
	border-radius: 3px;
	font-size: .875em;
}
.filterBlk.noFrame{
    padding:0;
    border:none;
    background-color:transparent;
    border-radius: 0;
}
.filterBlk.maxw960 { max-width: 960px; margin: 0 auto;}
.filterBlk .required {color: #e61b14;}
.filterBlk legend{font-size: inherit; display: inline-block;}
span.error {color: #e61b14; font-size: .875rem;}
.filterBlk .row{padding:0 15px 0 15px;}
.toggle{
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background-color: #eff3f9;
    border: 1px solid #dbdbdb;
    padding: 0 15px;
    letter-spacing: .0625rem;
}
.toggle:hover{background-color: #f0f0f0;}
.toggle.icon:after{
	display: block;
	content: "\f078";
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	line-height: 36px;
	font-family: FontAwesome;
	text-align: center;	
}
.toggle.active{background: #13406c; color: #fff;}
.toggle.icon.active:after{content: "\f077"; color: #fff;}
.toggle.open{cursor: pointer;}
.tgContainer{
	display: none; 
	width: 100%;
	padding: 15px 15px;
	background: #f7f7f7;
	border: 1px solid #dbdbdb;
	border-top: none;
    margin-bottom: 15px;
}
.noFrame .tgContainer{background: #ffffff;}
.tgContainer.active{display: block;}
.tgContainer .dflex .col .block .col{padding: 0 10px;}
.tgContainer b, .tgContainer .label, .col-form-label{color: #1361b0; font-weight: bold;}
.tgContainer b, .tgContainer .label, .tgContainer .col-form-label{ 
	display: block;
    padding: 0 0;
	margin-bottom: 5px;
    min-height: 24px;
    font-size: 1rem;
}
.tgContainer .showBlank .col-form-label{visibility: hidden;}
.col-form-label .required{margin-left: .875rem; font-size: .75rem;}
.tgContainer select, .tgContainer .dflex .col select, .tgContainer .dflex .col input[type="text"], .tgContainer .dflex .col input[type="file"]{width: 100%;}
.tgContainer .btnBlk{ padding: .75rem 0; }
.form .form-row{margin-bottom: .25rem;}
.form .col-form-label{
    padding-right: 5px;
    padding-left: 5px;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    color: rgba(0,0,0,.75);
}
.form .form-control-plaintext {
    width: 100%;
    color: #333333 !important;
    border: solid transparent !important;
    border-width: 1px !important;
}
.form .field-code{margin-right: .5rem;}

.subTypeBlk{
    display: block;
    border: 1px solid #dfe4ec;
    background-color: #ffffff;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.subTypeBlk h4{
    display: block;
    width: auto;
    padding:0 0 .5rem 0;
    margin: 0 0 !important;
    color: #2b2b2b;
    font-size: 1.125em;
    color: #333333;
    border-bottom: 2px solid #dfe4ec;
}
.subTypeBlk .nav{
    padding: .5rem 0 0 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.subTypeBlk .nav>li{padding: 0 0;width: 25%;}
.subTypeBlk .nav>li>a, .subTypeBlk .nav>li>button {
    display: block;
    padding: .5rem;
    color: #2f79c4;
    font-size:1rem;
    line-height: 1.25rem;
    background: transparent;
    border:2px solid rgba(255,255,255,0);
    cursor: pointer;
    text-align: left;
}
.subTypeBlk .nav>li>a:hover, .subTypeBlk .nav>li>button:hover{text-decoration: underline;}
.subTypeBlk .nav>li>a:focus, .subTypeBlk .nav>li>button:focus{border: 2px dotted orange;}


.hasRow{ width:100%; margin:0 auto 2rem auto;border-top: none;}
.hasRow ul{ display:table-row-group;padding: 0 0;}
.hasRow ul li{ display:table-row; list-style-type:none;}
.hasRow .td, .hasRow .th{
	border-right: none; 
	padding:10px 10px 10px 10px;
	position:relative;
	line-height:1.5;
	vertical-align:top;
	min-width:100px;
	font-size: .913em;
}
.hasRow .td{text-align: center;}
.hasRow .td.txtL{text-align: left;}
.hasRow .td.txtR{text-align: right;}
.hasRow ul li:nth-of-type(1) .td, .hasRow ul li:nth-of-type(1) .th{ border-right:none;}
.hasRow ul li:nth-of-type(1) .td, .hasRow ul li:nth-of-type(1) .th{ padding-top:0;}
.hasRow ul li:nth-of-type(1) .td{position: relative;}
.hasRow ul li:nth-of-type(1) .td:nth-child(n+2):before{
	display: block;
	width: 2px;
	height: 39px;
	content: "";
	position: absolute;
	left:0;
	top: 0;
	background: #11375c;
    border-left: 2px solid rgba(255,255,255,.75);
}
.hasRow ul>li:nth-of-type(1) .td .title {
	padding: 0 10px;
	display:block;
	font-weight: bold;
	background: #11375c;
	color: #ffffff;
	text-align: left;
	height:39px;
	line-height:39px;
	margin:0 -10px 5px -10px;
	vertical-align:top;
	z-index:0;
	font-size: 1em;
	text-align: center;
	letter-spacing: .125rem;
}
.hasRow ul>li:nth-of-type(1) .td .title img{margin-top: -6px; margin-left: 3px;}
.hasRow ul li:nth-child(n+2) .title { display:none;}
.hasRow a{color: #00236e;}
.hasRow .btn{color: #ffffff; padding: 2px 8px; margin-bottom: 2px;}
.hasRow a:hover:not([class*="icon-file"]){color:  #00236e;text-decoration:underline;}
.hasRow .btn:hover{color: #ffffff;text-decoration:none; background: rgba(13,149,214,0.6);}
.hasRow ul li .td img, .hasRow ul li .th img{ max-height:80px;}

.modal-open{ padding-right: 0 !important;}
.modal-open .modal{ padding-left: 17px;}
.modal-dialog{ z-index: 1060;}
.modal-content{ border-radius: 0;}
.modal-header{ padding: 0 0;}
.modal-header .modal-title{ padding: .75rem 1.25rem;}
.eng .article, .eng .containerBlk p{word-wrap: break-word;}


@media (min-width: 576px){
.modal-dialog-centered {min-height: calc(100% - (1.75rem * 2));}
}

@media (min-width: 1200px){
.modal-dialog {max-width:62.5%;}
}


@media (max-width: 1366px){
.leftCol{ width: 730px;}
.safari .containerBlk .video-container{}
.safari .containerBlk iframe{min-height: 393px;}
}


@media (max-width: 1200px){
.leftCol, .rightCol {float: none; width: 100%;}
.leftCol{margin-right: 0;}
.rightNavBlk{display: none;}
.safari .containerBlk iframe{min-height: 465px;}
.mnaBlk .news>li>a{height: inherit; max-height: 48px;}
}


@media (max-width: 960px){
.topBlk .wrapper, .mainBlk .wrapper{width: inherit; padding: 0 1rem;}
.mainBlk{padding-top: 1rem; background: #f3f3f3;}
.leftCol{margin-right:0;}
.leftCol, .rightCol{width:100%;}
.leftCol, .rightCol{float:none;}
.breadCrumbBlk{ display:none;}
.userBlk p, .userBlk li, .containerBlk li{line-height: 2rem;}
.infoBlk .info ul li{margin: 0 .5rem 0 0;}
.infoBlk .info ul li:nth-last-of-type(1){margin: 0 0; }
.infoBlk .info .like-value{width: 70px;}
.subTypeBlk .nav>li{width: 33.33%;}
.mnaBlk{margin: 0 0 0 0;}
.rightCol .mnaBlk{margin: -4rem 0 0 0;}
.safari .containerBlk .video-container{
    /*padding-bottom: inherit; 
    overflow: inherit; 
    height: 450px;
    margin: auto; 
    width: inherit;*/
}
.safari .containerBlk .video-container iframe, .safari .containerBlk .video-container video{ 
    /*position: static; 
    min-height: inherit;
    left: inherit;
    top: inherit;
    height: auto;*/
    min-height: 100%;
}
.containerBlk .keywordBlk{
    background: transparent; 
    display: block; 
    border-radius: 0;
}
.keywordBlk .keywordLabel{
    display: inline-block;
    margin: 0 0 10px 0;
}
.keywordBlk .keyWordContent{
    background: #f5f5f5;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 0;
}
.keywordBlk .keyWordContent ul{flex-wrap: wrap;}
.keywordBlk .keyWordContent li{margin:5px 10px;}
.keywordBlk .keyWordContent li a {margin: 0 0;}
.ie .keywordBlk .keyWordContent ul {white-space: normal;}
.hasRow, .hasRow ul, .hasRow ul li, .hasRow .td, .hasRow .th{display: block;}
.hasRow>ul{border-top: 1px solid #dedede;}
.hasRow>ul>li{padding-bottom: 0; border-bottom: 1px solid #dedede;}
.hasRow .td, .hasRow .th{ 
    border-bottom: none; 
    min-width: inherit; 
    position: relative;
}
.hasRow .td, .hasRow .th, .hasRow ul li:nth-of-type(1) .td, .hasRow ul li:nth-of-type(1) .th {padding: 5px 10px;text-align: left;}
.hasRow ul li:nth-of-type(1) .td .title{display: none;}
.hasRow ul li:nth-of-type(1) .td:nth-child(n+2):before{display: none;}

.hasTitle .td, .hasRow .th, .hasTitle ul li:nth-of-type(1) .td, .hasTitle ul li:nth-of-type(1) .th {padding: 10px 10px 10px 110px; text-align: left;}
.hasTitle ul li:nth-of-type(1) .td .title, .hasTitle ul li:nth-child(n+2) .title{display: block;}
.hasTitle ul li:nth-of-type(1) .td:nth-child(n+2):before{display: none;}
.hasTitle ul li .td .title, .hasTitle ul li:nth-of-type(1) .td .title{
    padding: 10px 10px 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    color: #00236e;
    line-height: 1.25;
    margin: 0 0 5px 0;
    text-align: left;
    letter-spacing: 0;
    max-width: 110px;
    font-size: .913rem;
    font-weight: bold;
}
.txtC, .table .txtC, .table th.txtC, .table .th.txtC, .table td.txtC, .table .td.txtC{text-align: left !important;}
.txtR, .table .txtR, .table th.txtR, .table .th.txtR, .table td.txtR, .table .td.txtR{text-align: left !important;}
.txtL, .table .txtL, .table th.txtL, .table .th.txtL, .table td.txtL, .table .td.txtL{text-align: left !important;}
.btnBlk .pagination:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pagination li a, .pagination li button{font-size: .75rem;padding: 0.35rem 0.425rem;min-height: 34px;}
.modal-open .modal {padding: 0 16px !important; overflow-y: hidden;}
.modal-open header .modal{ overflow-y: hidden;}
.modal-dialog {max-width: inherit;}
.eng article figure figcaption{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    max-height: 75px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
}



@media (max-width: 768px){
.userBlk iframe {min-height: 30vh;}
.video-container iframe {min-height: inherit;}
.albumBlk .blk{width: 50%;}
.subTypeBlk .nav>li{width: 50%;}
.form .form-row {margin-bottom: 1rem;}
}


@media (max-width: 640px){
.albumBlk .blk{width: 100%;}
.infoBlk .share li.fb a:hover:before, .infoBlk .share li.twitter a:hover:before, .infoBlk .share li.line a:hover:before, .infoBlk .share li.print a:hover:before, .infoBlk .share li.rss a:hover:before, .infoBlk .share li.rate .servey:hover:before, 
.fontSize li.sm a:hover:before, .fontSize li.md a:hover:before, .fontSize li.lg a:hover:before, .fontSize li.xl a:hover:before, 
.infoBlk .share li.fb a:focus:before, .infoBlk .share li.twitter a:focus:before, .infoBlk .share li.line a:focus:before, .infoBlk .share li.print a:focus:before, .infoBlk .share li.rss a:focus:before, .infoBlk .share li.rate .servey:focus:before, 
.fontSize li.sm a:focus:before, .fontSize li.md a:focus:before, .fontSize li.lg a:focus:before, .fontSize li.xl a:focus:before{display: none;}
}



@media (max-width: 600px){
.safari .containerBlk .video-container{height: auto; }
.safari .containerBlk .video-container iframe, .safari .containerBlk .video-container video{/*min-height: auto;padding-top: 35px;*/}
.form .field-code {
    margin-right: 0;
    margin-bottom: .25rem;
    width: 100%;
}
}

@media (max-width: 575px){
.form-row {display: block;}
.tgContainer .showBlank .col-form-label{display: none;}
}



@media (max-width: 480px){
.btnBlk .pagination{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.pagination li{-ms-flex-align: center; align-items: center;}
.pageBlk .last{ margin-right:0;}
}




@media print {
    .mainBlk{ background:transparent none no-repeat 0 0; border-top: none; }
    .mainBlk .wrapper{padding: 0 0;background:transparent;}
    table {-fs-table-paginate: paginate;}
    thead, tfoot {display: table-row-group;}
    img {page-break-inside: avoid;}
    .modal-open .modal{padding: 0 16px !important;}
    .modal-dialog{margin: 0 0;}
    .modal-body{max-height: 1400px;}
    .userBlk iframe, .video-container iframe{page-break-after: always; border: none; outline: none;}
    .btnBlk .pagination{display: none;}
}