/* ===================================== �梁鍂璅��� ===================================== */
body { background-color: #f7f7f7; }
/* �折�璅䠷�� */
/* .areaTIT { color:#5142b3; font-size:1.875rem; padding:20px 0px; font-family: "Arial","敺株��迤暺煾��","Microsoft JhengHei", serif; } */
/* �折�憭𡝗� */
/* .areaCONT { margin-top: 20px; padding:30px; background-color:#fff; } */

.CONTENT { text-align:left; font-size:1.125rem; color:#5e5e5e; }
.CONTENT img { max-width:100%; height:auto !important; }
.CONTENT a { color:#5e5e5e; }

/* �舐窗��穃�� 蝣箄�滩��鱓 閮��鱓��𡒊敦 > ��滨迂 & �批捆  */
.pubKey { color:#023e8a; }
.pubValue { color:#474747; }

/* �∟���䠷＊蝷� */
.nodata { text-align: center; padding:40px 0px; color:#919191; font-size:1.5rem; }
.nodata .emotion { font-size:6rem; padding-bottom:60px; }

/* .topbnr { padding-bottom:20px; } */

/* form */
form:not(.coform) { text-align: left; }
form label { color:#002855; font-size:1.125rem; }
form label .Point { color:#f48b01; }
form input,form textarea { width:100%; background-color:#fff; border:1px solid #9daeb6; padding:8px 10px; margin-bottom:25px; color:#919191; }
form.epaper input { width:auto; }
form input#PostNo { background-color:#c6c6c6; border:1px solid #c6c6c6; width:100%;  padding:8px 10px; margin-bottom:25px; color:#474747; }
form input.nomb { margin-bottom:0px; }

form .security { display: flex; justify-content: flex-start; margin-bottom:40px; flex-wrap:wrap; }
form .security.swd { margin-bottom:0px; }
form .security.fs { justify-content: flex-start; }
form .security > div { width:160px; margin-right:15px; }

/* form .security .securityInput { width:100%; background-color:#f1f1f1; border:1px solid #e2e2e2; padding:8px 10px; color:#474747; } */
form textarea { resize:none; height:130px; }
form .change { height:100%; border:none; background-color: transparent; color:#3e6679; white-space: nowrap; }
form .change:hover { color:#f48b01; }
form .security img { height:42px; }



form select { width:100%; background-color:#fff; border:1px solid #9daeb6; color:#919191; padding:8px 10px; margin-bottom:25px; }

/* icon */
.plink .icon { float:left; padding:6px 0px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.plink .icon .pic { width:32px; height:32px; background-color:#3e6679; color:#fff; text-align:center; padding:8px 0px; border-radius: 50px; margin-right:20px; }
.plink .icon .pic:hover { background-color:#f48b01; color:#fff;  }
.plink .icon .lineImg .pic { display: block; background:url("./images/icon_line-a.png") no-repeat center center; background-size:16px; background-color:#3e6679; }
.plink .icon .lineImg .pic:hover { background:url("./images/icon_line-a.png") no-repeat center center; background-color:#f48b01; background-size:16px; }
.plink.pshare .icon .pic { background-color:#3e6679; color:#fff; }
.plink.pshare .icon .pic:hover { background-color:#8026a6; color:#fff; }
.plink.pshare .lineImg .pic { background-color:#3e6679; }

.contactus .plink .icon .pic { margin:10px 20px 10px 0px; }

/* ��憿墧見撘� */
/* .classname { padding: 10px 0px; } */
.classname.row { margin:0px -3px; }
.classname.row > div { padding:10px 3px; }
.classname .cls { padding:10px 5px; }
.classname a { display: block; font-size:1.125rem; text-align:left; color:#3e6679; border-bottom:1px solid #aebbc2; padding:12px 0px; height:100%; }
.classname a.active,.classname a:hover { color:#f77f00; border-bottom:2px solid #f77f00; }
.classname select { width:100%; padding:15px; border:1px solid #9daeb6; color:#303030; }

.classname a .icon { display: inline-block; margin-left: 6px; width: 11px; height: 11px; background: url("./images/ico-1.png") no-repeat center center; background-size: contain; }
.classname a.active .icon,.classname a:hover .icon { background:url("./images/ico-1_o.png")no-repeat center center; background-size:contain; }

.classtype { margin-top:10px; margin-bottom:40px; }
.classtype a { float:left; font-size:1.125rem; padding:8px 16px; color:#004a86; background-color:#fff; border:1px solid #004a86; border-radius:5px; margin-right:10px; margin-top:10px; }
.classtype a.active,.classtype a:hover { background-color:#004a86; color:#fff; }
.classtype a .icon { display: inline-block; margin-left: 6px; width: 11px; height: 11px; background: url("./images/ico-2.png") no-repeat center center; background-size: contain; }
.classtype a.active .icon,.classtype a:hover .icon { background:url("./images/ico-2_o.png")no-repeat center center; background-size:contain; }


/* ===================================== �见ê̌璅��� ===================================== */
/* ====== news ====== */
/* .news { padding-bottom:40px; } */
.news .new { color:#303030;  position: relative; display: flex; justify-content: flex-start; align-items: center; padding:15px 30px; border-bottom: 1px solid #dbe4ec; text-align: left; }
.news .new:hover { background-color:#fecb00; color:#303030; }
.news .new .date { display:inline-block; margin-right:75px; font-size:1rem; }
.news .new .nc .newtitle { font-size:1.375rem; }
.news .new .nc .FontIcon { position: absolute; top:50%; right:30px; transform: translate(0,-50%); }


.LinkArea { padding-top:20px; }
.LinkArea a { display: inline-block; padding-top:20px; color:#3e6679; }
.LinkArea a:hover { display: inline-block; padding-top:20px; color:#8026a6; border-bottom:1px solid #8026a6; }

/* ====== news_content ====== */
.newscont { text-align: left; }
.newscont .newtitle { font-size:2rem; margin-bottom:20px; color:#002855; }
.newscont .subt { display: flex; justify-content: space-between; align-items:center; margin-bottom:20px; }
.newscont .subt .date { margin:5px 0px; }
.newscont .subt .share { display:flex; align-items:center; margin-left:15px; }
.newscont .subt .share .txt { margin-right:15px; white-space: nowrap; color:#68838d; }
.newscont .subt .share button { font-size:1.25rem; width:40px; height:40px; color:#fff; margin-left:1px; padding:0; }
.newscont .subt .share img { width:22px; height:auto; }
.newscont .subt .share button.icon-fb { background-color:#1974ec; }
.newscont .subt .share button.icon-fb:hover { background-color:#f77f00; }
.newscont .subt .share button.icon-line { background-color:#01b301; }
.newscont .subt .share button.icon-line:hover { background-color:#f77f00; }
.newscont .subt .share button.icon-twitter { background-color:#1da1f2; }
.newscont .subt .share button.icon-twitter:hover { background-color:#f77f00; }
.newscont .img { margin-top:30px; }
/* .newscont .img { height:360px; background: url("./images/home_banner_4a.jpg") no-repeat center center; background-size:cover; margin:30px 0px; } */
.newscont .content { margin-top:40px; color:#303030; word-break:break-all; }
.newscont .dlbtn { display: inline-flex; background-color:#004a86; color:#fff; font-size:1.125rem; padding:10px 60px; border-radius: 10px; }
.newscont .dlbtn:hover { background-color:#f77f00; }


/* ====== about ====== */
.about .bnr { margin-bottom:30px; }
.about .content { text-align: left; }

.about table { width:100%; font-size:1.125rem; }
.about table tr { border-bottom:1px solid #d6dde0; }
.about table tr:nth-child(odd){ background-color:#edf1f5; }
.about table th { background-color:#007642; color:#fff; padding:12px 16px; font-weight: normal; }
.about table td { padding:12px 16px; }


/* ====== contactus ====== */
.contact .infArea { text-align:left; margin-top:30px; background-color:#f3f5f7; padding:40px; }
.contact .infArea .tit { color:#262626; font-size:1.125rem; }
.contact .infArea .bd { background-color:#262626; display: inline-block; height:4px; width:75px; margin:15px 0px; }
.contact .infArea .area:not(:last-of-type) { margin-bottom:50px; }
.contact .infArea .area .cont1 { color:#002855; margin-bottom:10px; }
.contact .infArea .area .cont2 { color:#262626; font-size:1.125rem; }
.contact .infArea .area .cont2 a { color:#262626; }

.epaperPage { text-align:left; }
.epaperPage input { width:460px; padding:8px 10px; border:1px solid #9daeb6; }
.epaperPage button { font-size:1.125rem; padding:5px 25px; background-color:#004a86; color:#fff; }
.epaperPage button.cancel { background-color:#fff; border:1px solid #9daeb6; color:#9daeb6; margin-left:30px; }

.searchFrm label { font-size:1.25rem; margin-bottom:15px; }
.searchFrm label.check { font-size:1.125rem; margin-bottom:5px; color:#474747; }
.searchFrm .sub { font-size:1.125rem; color:#f77f00; margin-bottom:5px; }

.searchFrm .iptArea { border:1px solid #9daeb6; background-color:#fff; }
.searchFrm .iptArea input { border:none; margin-bottom:0px; }
.searchFrm .iptArea.sd input { width:calc(50% - 10px); }
.searchFrm .areaBtn { display: flex; font-size:1.125rem; color:#0096c7; margin:5px 0px; }
.searchFrm .selectBtn { color:#fff; background-color:#004a86; border:none; }
.searchFrm .selectBtn:hover { background-color:#f77f00; }
.searchFrm .countryArea { display:none; }

/************************** video rwd **************************/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

.video-container-4by3 {
	position: relative;
	padding-bottom: 75%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container-4by3 iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

/* checkbox style */
.check { display: block; position: relative; padding-left: 30px; margin-bottom: 0px; cursor: pointer; font-size: 1rem; overflow:hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }/* Hide the browser's default checkbox */
.checkmark { position: absolute; top: 4px; left: 4px; height: 16px; width: 16px; border:2px solid #474747; border-radius:3px; }/* Create a custom checkbox */
.check:hover input ~ .checkmark { background-color: #ccc; }/* On mouse-over, add a grey background color */
.check input:checked ~ .checkmark { background-color: #00a0e9; border:1px solid #00a0e9; }/* When the checkbox is checked, add a blue background */
.checkmark:after { content: ""; position: absolute; display: none; }/* Create the checkmark/indicator (hidden when not checked) */
.check input:checked ~ .checkmark:after { display: block; }/* Show the checkmark when checked */
.check .checkmark:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }/* Style the checkmark/indicator */


/* placeholder color */
::-webkit-input-placeholder{ color:#777777; }
/* ::-moz-placeholder { color:#777777; } */
/* ::-ms-input-placeholder{ color:#777777; } */

::-webkit-scrollbar-corner {
    background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */


@media (min-width:1200px){
    
}

@media (max-width:1198.98px){
    
}

@media (min-width:992px){
    .chginfo { max-width:790px; }
}

@media (max-width:1198.98px) and (min-width:992px){
    select { background-position:calc(100% - 10px) 50%; }
}



@media (max-width:991.98px){
    form .security .securityInput { margin-bottom:20px; }
    form .security .ipt { width:100%; margin-bottom:25px; }

    /* ====== contactus ====== */
    .contactus .inf .pro span { display:block; }
}

@media (min-width:768px){
    .contact .infArea { margin-left:75px; }

    .epaperPage { display:flex; }
    .searchFrm .iptArea { max-width:445px; }
}

@media (min-width:768px) and (max-width:991.98px){

    select { background-position:calc(100% - 10px) 50%; }

    .epaperPage button { padding:5px 15px; }

    /* ====== contactus ====== */
    .contact .infArea { margin-left:30px; }
    .contactus .contform .security input { width:100%; }

}

@media (max-width:767.98px){

    /* ====== �梁鍂璅��� ====== */
    .areaTIT { font-size:1.5rem; }
    .areaCONT { padding:15px; }
    
    .pubKey { font-size:0.875rem; }

    .mhpgn { height:40px; }
    .mh3 { height:15px; }
    /* .topbnr { padding-top:40px; } */
    .nodata { padding:40px 0px; font-size:1rem; }
    .nodata .emotion { font-size:4rem; padding-bottom:40px; }

    /* form */
    form .security img { width:100%; }
    form label { font-size:0.875rem; }
    form .security img { margin-right:5px; }

    /* ��憿墧見撘� */
    .classname { padding:0px; }
    .classname div { display:none; }
    .classname select { display:block; width:100%; border:none; padding:10px; font-size:1.25rem; border-bottom:1px solid #303030; }

    .classtype a { margin-right:5px; }

    .about table td { padding:15px; }

    /* ====== news ====== */
    .news .new { display:block; padding:15px; }
    .news .new .nc .newtitle { font-size:1.25rem; }
    .news .new .nc .FontIcon { right:15px; }
    .news .new .nc .content { line-height: 23px; margin-bottom:15px; }

    .news.info .new .nc { flex-direction: column; align-items:flex-start; }
    .news.info .new .nc .newtitle { margin:15px 0px; }
    
    /* ====== news_content ====== */
    /*.newscont,.about,.contactus { margin-bottom:60px; }*/
    .newscont .date { font-size:0.875rem; margin-bottom:20px; }
    .newscont .newtitle { font-size:1.5rem; }
    .newscont .content { font-size:1rem; }


    /* ====== contactus ====== */
    .contactus .content { display:block; }
    .contactus .inf,.contactus .contform { padding:0px; }
    .contactus .inf .pro { margin-top:20px; }
    .contactus .inf .key { font-size:0.875rem; }
    .contactus .contform .send { margin-bottom:60px; }

    .epaperPage input { width:calc(100% - 90px); }
    .epaperPage button.cancel { margin-left:0px; margin-top:30px; }

    .searchFrm .iptArea { margin-bottom:25px; }
}