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

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

/* 銝𧢲䲮憭𡝗� */
.bd1 { width:100%; border-bottom:1px solid #f1f1f1; }
.bd2 { width:100%; border-bottom:1px dotted #c6c6c6; }

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

.topbnr { padding-bottom:40px; }

/* ���� */
.pgn { text-align:center; }
.pgn .con { display: inline; position: relative; }
.pgn .page { display:inline-block; width:32px; height:32px; border-radius:50px; padding:5px 0px; }
.pgn .page a { color:#17607d; }
.pgn .page a:hover { color:#fe8f30; }
.pgn .pbtn {  width:32px; height:32px; border-radius:50px; padding:9px 0px; background-color:#17607d; color:#ffffff; font-size:0.875rem; border:none; }
.pgn .active { background-color:#398b9f; color:#fff; }
.pgn .pbtn.nopage { background-color: #c6c6c6; }
.pgn .larr { position: relative; left:-60px; } 
.pgn .rarr { position: relative; right:-60px; }
.pgn .pbtn:not(.nopage):hover { background-color: #fe8f30; }

/* form */
form:not(.coform) { text-align: left; }
form label { color:#17607d; }
form label .import { color:#fe8f30; }
form input:not(.securityInput):not(.search):not(.self),form textarea { width:100%; background-color:#f1f1f1; border:1px solid #e2e2e2; padding:8px 10px; margin-bottom:25px; color:#474747; }
form input#PostNo { background-color:#c6c6c6; border:1px solid #c6c6c6; width:100%;  padding:8px 10px; margin-bottom:25px; color:#474747; }
form .security .securityInput { width:100%; background-color:#f1f1f1; border:1px solid #e2e2e2; padding:8px 10px; color:#474747; }
form textarea { resize:none; height:130px; }
form .security { margin-bottom:25px; }
form .change { height:100%; border:none; background-color: transparent; color:#95360e; white-space: nowrap; }
form .change:hover { color:#fe8f30; }
form .security img { height:42px; }

input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin:0; }

/* select �㺿霈𦠜�厰�訫�𣇉內 */
select { -webkit-appearance: none; -moz-appearance: none; background: url("./images/arrow.png") no-repeat center center; background-position:calc(100% - 20px) 50%; }
select.none { background-image:none; }

/* ie remove arrow */
select::-ms-expand { display: none; }

form select { width:100%; background-color:#f1f1f1; border:1px solid #e2e2e2; color:#474747; 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:#474747; color:#fff; text-align:center; padding:8px 0px; border-radius: 50px; margin-right:20px; }
.plink .icon .pic:hover { background-color:#398b9f; color:#fff;  }
.plink .icon .lineImg .pic { display: block; background:url("./images/icon_line-a.png") no-repeat center center; background-size:16px; background-color:#474747; }
.plink .icon .lineImg .pic:hover { background:url("./images/icon_line-a.png") no-repeat center center; background-color:#398b9f; background-size:16px; }
.plink.pshare .icon .pic { background-color:#003966; color:#fff; }
.plink.pshare .icon .pic:hover { background-color:#398b9f; color:#fff; }
.plink.pshare .lineImg .pic { background-color:#003966; }

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

/* ��憿墧見撘� */
.classname { padding: 10px 0px; border-top:1px solid #eae8e5; justify-content: center;  border-bottom:1px solid #eae8e5; }
.classname.row { margin-left:0px; margin-right:0px; }
.classname .cls { padding:10px 5px; }
.classname a { color:#262626; padding-bottom:3px; }
.classname a:hover { color:#17607d; border-bottom:2px solid #17607d; }
.classname select,
.classname i { display:none; }

/* 暻萄�撅� */
.bc .back { float:left; padding:20px 0px; font-size:0.875rem; }
.bc .back a { color:#474747; }
.bc .breadcrumb { background-color:transparent; justify-content: flex-end; padding:20px 0px; margin:0px; }
.bc .breadcrumb li { color:#919191; font-size:0.875rem; }
.bc .breadcrumb li::before { color:#e9ecef; }
.bc .breadcrumb a { color:#003966; }
.bc .breadcrumb a:hover { color:#398b9f; }

/* ===================================== �见ê̌璅��� ===================================== */
/* ====== news ====== */
/* .news { padding-bottom:40px; } */
.news .new { margin-top:40px; padding:30px; background-color: #fff; text-align: left; display:flex; }
.news .new .nc { border-right:1px solid #f1f1f1; flex:4; padding-right:60px; }
.news .new .nc .newtitle { color:#17607d; font-size:1.5rem; padding-bottom:8px; }
.news .new .nc .date { color:#919191; margin-top:0px; margin-bottom:0px; font-size:0.8rem; }
.news .new .nc .content { color:#474747; line-height: 23px; word-break:break-all; }

.news .new .continue { color:#003966; flex:1; display:flex; justify-content: center; align-items:center; position: relative; }
.news .new .continue:hover { color:#398b9f; }
.news .new .continue .arrow { position: absolute; right:0; top:50%; transform: translate(0,-50%); font-size:1.3rem; }

.LinkArea { padding-top:20px; }
.LinkArea a { display: inline-block; padding-top:20px; color:#fe8f30; }
.LinkArea a:hover { display: inline-block; padding-top:20px; color:#fcb55a; border-bottom:1px solid #fcb55a; }

/* ====== news_content ====== */
.newscont { text-align: left; }
.newscont .date { color:#919191; margin:5px 0px; font-size:0.8rem; }
.newscont .newtitle { color:#17607d; font-size:1.5rem; padding-bottom:30px; border-bottom:1px solid #f1f1f1; }
.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:40px 0px; color:#303030; word-break:break-all; }

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

/* ====== contactus ====== */
.contactus .content { display:flex; text-align:left; }
.contactus .content > div { flex:1; }
.contactus .inf { padding-left:80px; }
.contactus .inf .company { background-color: #fff; border-left: 6px solid #398b9f; padding:0px 10px; color:#003966; font-size:1.25rem; }
.contactus .inf .pro { margin-top:30px; }
.contactus .inf .addr { display: inline-block; }
.contactus .inf .addr .gm a { color:#95360e; border-bottom:1px solid #95360e; font-size:0.875rem; }
.contactus .inf .addr .gm a:hover { color:#fe8f30; border-bottom:1px solid #fe8f30; }
.contactus .inf .follow { margin-top:30px; padding-top:20px; }

/************************** 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%;
}

/* ====== weblink ====== */
.weblink .wl { position:relative; display: block; margin-top:40px; }
.weblink .wl .noimg { background-color:#17607d; color:#fff; display: flex; justify-content: center; align-items:center; }
.weblink .wl .tit { color:#17607d; padding-bottom:10px; text-align:left; align-items:center; }
.weblink .wl .url { color:#8a5050; font-size:0.875rem; overflow: hidden; white-space: nowrap; }
.weblink .material-icons { font-size:18px; margin-top:2px; margin-left: 6px; transform:none; }
.weblink .wl:hover .noimg { background-color:#3e6679; }
.weblink .wl:hover .tit,.weblink .wl:hover .url { color:#3e6679; }


/* ====== course ====== */
/* .course .new .nc .date { margin-top:0px; margin-bottom:0px; } */

/* ====== coursecont ====== */
.coursecont .newtitle { border:none; padding-bottom:15px; text-align:left; }
.coursecont .fancybox { display: block; height:200px; overflow:hidden; margin-top:40px; }

/* ====== staff ====== */
.staff { margin-top:40px; text-align: left; }
.staff .space { display: inline-block; width:30px; color:#75c6d1; padding:10px 12px; }
.staff form { display: flex; flex-wrap: wrap; margin:20px 0px; }
/* .staff form .sel { height:200px; overflow: scroll; } */

.staff form input { padding:10px; width:33%; background-color:#fff; border:1px solid #75c6d1; margin-bottom:0px; }
.staff form button { border:none; background-color:#3e6679; color:#fff; border-radius:5px; padding:10px 25px; }
.staff form button i { margin-right:5px; font-size:0.875rem; }

.staff table { width:100%; font-family: "敺株��迤暺煾��","Microsoft JhengHei"; }
.staff table tr { border-bottom:1px solid #d6dde0; background-color:#fff; }
.staff table tr:nth-child(even) { background-color:#f9fafb; }
.staff table tr th,.staff table tr td { padding:10px; }
.staff table tr th { background-color:#003966; color:#fff; font-weight: normal; font-size:0.875rem; }
.staff table td .txt1 { color:#474747; font-size: 1rem;  }
.staff table td .txt2 { color:#0092e0; font-size: 0.875rem; margin-top: 8px; }
.staff table td .txt3 { font-size:0.875rem; }
.staff table td .icon { height:100%; color:#006aa3; font-size:0.875rem; margin-right:10px; }
.staff table td { color:#474747; vertical-align: top; background-color: #fff; }
.staff table td.detail div:not(:first-child) { margin-top:5px; }
.staff table td a { color:#474747; }
.staff table td a:hover { color:#75c6d1; }


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

.modalHeaderCenter { margin:0px auto; width:100%; justify-content: center; align-items: center; }
.modalHeaderCenter .mTitle { font-size:1.25rem; }
.modalHeaderCenter .close { position: absolute; right:16px; margin:0px; }


.jcarousel-wrapper { margin: 0px auto; position: relative; }
/** Carousel **/
.jcarousel { position: relative; overflow: hidden; width: 100%; }
.jcarousel ul { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { width: 200px; float: left; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next { position: absolute; top: 50%; transform:translate(0%,-50%); width: 32px; height: 32px; text-align: center; background-color: #000; z-index: 0; font-size:1.3rem; color:#fff; opacity: 0.2; text-decoration: none; cursor: pointer; text-shadow: 0 0 1px #000; border:none; }

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover { background-color: #ff9f1c; opacity: 1; }

.control-prev{ left: 0px; }
.control-next{ right: 0px; }

/** Carousel Pagination **/
.jcarousel-pagination { position: relative; left: 50%; top: 10px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; text-align: left; }
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; padding:5px; background: #fff; color: #4E443C; }




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

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

    .contactus .inf { padding-left:40px; }

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

@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; }

    .bc .breadcrumb { display: none; }
    .bc .back { font-size:1rem; }

    .pshare button.back { width:105px; float:right; }

    /* page */
    .pgn .larr,.pgn .rarr { position: static; }
    .pgn .con { display:flex; justify-content: space-between; }
    .pgn .pbtn { width:32px; height:32px; font-size:0.875rem; padding:9px 0px; margin:0px; }
    .pgn .active { background-color: transparent;  color:#474747; font-weight: bold; width:auto; font-size:1rem; height:32px; }
    .pgn .txt { padding:0px 10px; }
    .pgn .page:not(.active){ display:none; }

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

    /* icon */
    .plink .icon .pic { margin-right:10px; }
    .plink:not(.pshare) .icon { float:none; margin-bottom:20px; }

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

    /* ====== news ====== */
    .news .new { display:block; }
    .news .new .nc { padding-right:0px; border-right:none; background-color: #fff; border-bottom:1px solid #f1f1f1; }    
    .news .new .nc .content { line-height: 23px; margin-bottom:30px; }
    .news .new .continue { justify-content: flex-end; padding-top: 30px; }
    .news .new .continue .arrow { position:static; transform:none; padding-left:20px; }
    
    /* ====== 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; }

    /* ====== weblink ====== */
    .weblink .wl .noimg { font-size:0.875rem; }
    

    /* ====== 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; }

    .staff form { margin-top:0px; }
    .staff .space { display: none; }
    .staff form select,.staff form input,.staff form button { width:100%; margin-top:20px; }
    .staff table .show1 { display: none; }
    .staff table tr td { padding:24px; }
    .staff table td .txt1 { font-size:1.125rem; }
    .staff table .area:not(:first-of-type) { margin-top:30px; }
    .staff table .tt { color:#919191; font-size:0.875rem; }

    .pagin a:hover { background:#bd9f77; }
    .jcarousel-wrapper .row { display:block; }
    .jcarousel-pagination a.active { background: #bd9f77; }
    .jcarousel-pagination{ text-align: center; }
    .jcarousel-pagination a {
        height:10px;
        width:10px;
        border-radius: 10px;
        text-indent: -9999px;
        margin:0px 20px;
        -webkit-box-shadow: 0 0 2px #4E443C;
        -moz-box-shadow: 0 0 2px #4E443C;
        box-shadow: 0 0 2px #4E443C;
    }
}

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

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

@media ( min-width:768px ){
    .pgn .md_top { display:none; }
    .staff table .show2 { display: none; }
}

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

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

@media (min-width:768px) and (max-width:991.98px){
    .contactus .contform .security input { width:100%; }
}