@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400i');
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url('https://fonts.googleapis.com/css?family=Libre+Caslon+Text&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap');



/* CSS Document */
html{height:100%;}
body{font-size:15px;line-height:1.8;color:#000;/*font-family:Arial,'Noto Sans TC', sans-serif*/;font-weight:300;word-wrap: break-word;}

::-webkit-input-placeholder, select {color: #fff;}
select{-webkit-appearance:none;background:#474c5f url(../images/select_arrow2.png) no-repeat 97% center;
	      padding-right:30px;border: none;padding: 0px 20px;height: 40px;}
select::-ms-expand{display: none;/*IE10*/}

dl{ display:table}
dt{ display:table-cell}
dd{ display:table-cell}

h1,h2,h3,h4,h5,h6{color:#282c3a}
p{font-size: 16px;color:#282c3a}
.ph0{padding: 0}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%}

/*右側固定點選連結*/
.applybtn{display: block;vertical-align: middle;text-align: center;width: 120px;height: 120px;border-radius: 50%;background-color: #25d2b3;color:#282c3a;font-size: 16px;position: fixed;right: 40px;top: calc(50% - 100px);line-height: 1.7em;font-weight: bold;padding-top: 19px;z-index:9999}
.applybtn span{font-size:22px;display: block;}
.applybtn:hover{color:#fff !important;background-color: #e8dbaf}

/***************header*************/
header{width:100%;position:fixed;z-index: 999}
header h1{display:block;margin-left:10px;margin-top:0px;padding-top:10px;text-align:left;vertical-align:middle;}
header h1 a{display: block;}

header.active{position:fixed;top:0;left: 0;z-index: 9999;background-color: #444752;border-bottom-color:#444752;padding-top:30px }
header.active h1{position:absolute;top:8px;;left: calc(25% - 250px);overflow: hidden;width: 170px}
header.active h1 a{width:90px;}
header.active #Nav li a{font-size:15px}
header.active #topNav{display: none;}
header.active #Nav ul,header.active #subNav ul{text-align:center;}

#subNav.active {}

.headerstylea{background-color: #444752}

/*===NEWS 在PC時的至頂小選單=============*/

.pc-btn{display:none}
header.active .pc-btn{display:block}

.pc-btn {background:none;width: 40px;height: 40px;left: auto;right: 20px;top: 15px;position:absolute;cursor: pointer;}
.pc-btn2{top: -120px}
.pc-btn div{width: 40px;height: 40px;left: calc(50% - 13px);top: calc(50% - 20px);padding: 5px;transition: all .7s .2s;position:absolute;}
.pc-btn hr {border: none;width: 18px;height: 2.2px;border-radius: 4px;background-color:#25c1a6;position: absolute;margin: 0;transition: all .3s;transform-origin: center center;top: 11px;}
.pc-btn hr.hr1 {top: 19px;}
.pc-btn hr.hr2 {top: 26px;}

.pc-btn.active div{transform: rotate(45deg);left: calc(50% - 11px);top: calc(50% - 18px);}
.pc-btn.active div a{width: 40px;height: 40px;display: block}
.pc-btn.active .hr0 {top: 22px;}
.pc-btn.active .hr1 {opacity: 0;}
.pc-btn.active .hr2 {transform: rotate(90deg);top: 22px;}



.searchbtn{position: absolute;right:35px;top:5px;width: 40px;height: 30px;vertical-align: middle;text-align: center}
header.active {}



header #pc-btnhambur{text-align: center;position: absolute;right: 0;top:138px;box-shadow: -1px 1px 6px 0px rgba(0,0,0,0.3);transform:translateX(102%);}
#pc-btnhambur li{width:100%} 
#pc-btnhambur li a{color: #000;font-size: 15px;font-weight: bold;background: #dec570;padding: 10px 0;width:200px;display: block;}
#pc-btnhambur li a:hover{color:#fff !important;background:#444752;transition: all 0.7s}
header.active #pc-btnhambur.active{transform:translateX(0);transition:all 0.7s}
#pc-btnhambur{}

/*=================================================================================================================================*/

/*pagination*/
.paginationLsit {margin:30px auto;}
.pagination > li > a, .pagination > li > span{border-color:#fff;margin:0 2px;color:#000}
.pagination > li > a > span{font-size:15px;color:#96b7b3}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus,.pagination > .active > a{color:#000 !important;border:1px solid #96b7b3;background:none;}

/*Nav*/
#Nav{margin-top:-10px;}
#Nav ul{text-align: center;}	
#Nav li{text-align:center;text-transform:uppercase;vertical-align:middle;}
#Nav li a{font-size:18px;display:table-cell;vertical-align:middle;color:#fff;padding:0 1em;
					font-weight:bold;line-height:1.2;height:3.8em;position:relative;
				}

#Nav li a:after{content:"";position:absolute;
				bottom:-1px;
                left:calc(50% - 8px);
				display:none;
                width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 9px 12px 9px;
				border-color: transparent transparent #dec570 transparent;
				z-index: 9999;
				/*三角形*/
}
#Nav li a:hover{color:#dec570 !important;text-decoration:none;}
#Nav li.active a{color:#dec570 !important;text-decoration:none;}
#Nav li a:hover:after,#Nav li.active a:after{display:block;}

html.home #Nav li a:hover:after{display:none;}
html.home .pc-btn{top:-120px;}

/*subNav*/
#subNav{background:#dec570;position:absolute;bottom:-61px;left:0;width:100%;z-index:999;opacity:0;/*transition:all .7s*/}
#subNav.active{opacity:1;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);}
#subNav ul {display: none;padding: 5px 0;text-align: center;}
#subNav li {margin-right:25px;line-height:1;}
#subNav li a{color:#000;font-size:14px;line-height:3.7;text-transform:uppercase;font-weight: bold}
#subNav li a:hover,#subNav li.active a{color:#fff !important;}
#subNav li a.a-style{line-height:0.5}


/*topNav*/
#topNav{text-align:right;position:absolute;top:10px;right:20px;}
#topNav li{font-size:12px;}
#topNav li input[type=text]{background: none;display: inline-block;border: none;padding:5px;color: #fff;}
#topNav .searchbtn{border-bottom: 1px solid #fff}

#topNav li:not(.gSearch) a{color: #fff;;padding:0 15px;border-right:1px solid #fff;}
#topNav li a:hover{color:#dec570 !important}

#topNav li.searchArea {border-right:none;vertical-align:bottom;margin-right:5px;}
#topNav li.searchArea a{position: absolute;right: -10px;top:7px}
#topNav li.searchArea{width: 140px;padding:5px 0; border-bottom: 1px solid #fff;position: relative}


/***************headerEnd*************/


/***************Content*************/

/*breadcrumb*/
.breadcrumbZone{margin-bottom:0px;margin-top:-40px;position: relative}
.breadcrumb{background:none;padding:0;}
.breadcrumb a{color:#fff;text-transform:uppercase}
.breadcrumb > li + li:before{content: ">\00a0";color:#fff}
/*樣式2*/
.breadcrumb2 a {color: #444752;font-size: 12px;}
.breadcrumb2 > li + li:before{content: ">\00a0";color:#444752}

/*kv*/
.kv{background:no-repeat center center;background-size:cover;z-index:0;position:relative;}
.kv.kv1,.kv1{background-image:url(../images/index/kv_01.jpg);padding-bottom:40%;}

.indexVideo{height:0;padding-bottom:45%;position:relative;}
.indexVideo>iframe{position:absolute;width:100%;height:100%;}

.topkv{background:no-repeat center center;background-size:cover;height:220px;position:relative;}
.topkv h1{text-transform:uppercase;color:#fff;font-size:60px;position:absolute;bottom:35px;font-weight:bold;}
.topkv.kv-S1{background-image:url(../images/kv/kvs1.jpg);height: 400px;}

.topkv.kv-S2{background-image:url(../images/kv/kvs2.jpg);height:400px;}
.topkv.kv-S3{background-image:url(../images/kv/kvs3.jpg);height:400px;}
.topkv.kv-S4{background-image:url(../images/kv/kvs4.jpg);height:400px;}
.topkv.kv-S5{background-image:url(../images/kv/kvs5.jpg);height:400px;}
.topkv.kv-S6{background:none;height:170px}

.nokv {height:130px;margin-bottom:-30px;margin-top: 140px;}
.nokv h1{color:#dec570;font-weight: bold;font-size: 60px}

.wrapper{padding-bottom:100px;overflow-x:hidden;}
.wrapper p{line-height:1.5;margin-bottom: 1em }

/*programNav*/

.programNav{margin:30px auto;}
.programNav>div{position:relative;}
.programNav>div:after{content:"";width:100%;left:0;bottom:0;position:absolute;z-index:0}

.programNav ul li{width:20%;border-right: 1px solid #d7d8db;}
.programNav ul li:first-child{border-left:1px solid #d7d8db}
.programNav ul li a{font-size:15px;color:#232734;text-align:center;text-transform:uppercase;line-height:3;display:block;font-weight:bold;}

.programNav ul li a:hover,.programNav ul li.active a{background-color: #e8dbaf;color: #616675 !important;border-bottom:0;}

/*========================0729new===============================*/

.newprogramNav{margin:0px auto;}
.newprogramNav>div{position:relative;}
.newprogramNav .navmain {padding:0 30px;z-index:10;position:relative;}
.newprogramNav .navmain li{border-right:1px solid #d7d8db;width: 25%;margin: 0 !important}
.newprogramNav .navmain li:first-child{border-left:1px solid #d7d8db}
.newprogramNav .navmain li a{font-size:15px;color:#616675;text-align:center;text-transform:uppercase;line-height:3;display:block;font-weight:bold;}
.newprogramNav .navmain li a:hover{color: #616675 !important;}
.newprogramNav .navmain li:hover,.newprogramNav ul li.active{background:#e8dbaf}

/*=======================================================*/	

.ft-programNav>div:after{display:none;}
.ft-programNav ul li a{background:none;border:none;line-height:1;}
.ft-programNav ul li a:hover,.ft-programNav ul li.active a{border:none;color:#96b7b0 !important;}
.ft-programNav ul li + li{border-left:1px solid #96b7b3;}

/*searchArea*/
.searchArea{margin-top:-48px;position:relative;z-index:8000;}

.searchArea ul li{width:25%}
.searchArea ul li a{font-size:14px;color:#232734;text-align:center;text-transform:uppercase;line-height:3;display:block;background:#f5f7f5;font-weight:bold;margin:0 1px}
.searchArea ul li:first-child a{margin-left:0;}
.searchArea ul li:last-child a{margin-right:0;}
.searchArea ul li a:hover,.searchArea ul li.active a{background-color:#d1b667;color:#232734 !important;font-weight: bold;}

.searchArea article{background-color:#32384d;color:#fff;padding:40px 50px;display:none;min-height: 290px;}
.searchArea article h2{text-transform:uppercase;font-size:32px;margin:0;color:#dec570}

.searchArea article div{margin:30px 0;display:inline-block;vertical-align:middle;width:78%;}
.searchArea article div>select{width:32.9%;margin-right:0;margin-bottom:2%}
.searchArea article div>input[type='text']{width:64%;vertical-align:top;background:#474c5f ;margin-bottom:2%;border: none}
.searchArea article div>input.input-long{width:97%;}
.searchArea article div>input.input-short{width:33%;}

.searchArea article div.half>select{width: 48%;}

.searchArea article button{width:20%;font-weight:bold;background: none;border: 1px #fff solid;color:#25d2b3;text-transform:uppercase;line-height:2.5;vertical-align:top;margin-top:30px;max-width: 160px;height: 40px;background-color: #32384d;}
.searchArea article >button:hover{color:#312d2d;background-color:#25d2b3;border: 1px #25d2b3 solid}

.searchArea article h5>b{text-transform:uppercase;margin-right:20px;color: #fff}
.searchArea article h5>i{border:1px solid #fff;padding:5px;margin-right:10px;color: #fff}

.searchArea2{margin-top:20px;}

.searchArea3{margin-top:20px;}
.searchArea3 article{display: block;}

.searchArea3 .inlineLink li {width:auto;height:1em}
.searchArea3 .inlineLink li a{background: none;line-height: 1;padding:0 10px}
.searchArea3 .inlineLink li+li a{border-left:1px solid #333 }

.searchArea4 ul li{width: 25%;border-right: 1px solid #d7d8db;}
.searchArea4 ul li:first-child{border-left:1px solid #d7d8db}
.searchArea4 ul li a{background:none;margin: 0}
.searchArea4 ul li a:hover, .searchArea4 ul li.active a {background-color: #e8dbaf;color: #616675 !important;}

.searchArea4 article{background:none}
.searchArea4 article h2{text-transform: uppercase;font-size: 32px;margin: 0;color: #232734;font-weight: bold;}
.searchArea4 article div>select{color: #232734;background:#fff url(../images/select_arrow2.png) no-repeat 97% center;;border: 1px solid #b5bac5;}
.searchArea4 article div>input[type='text']{width:31%;vertical-align:top;background:#f5f5f8;margin-bottom:2%;color: #232734;border: 1px solid #b5bac5;}

.searchArea5 ul li {width: 20%;line-height: 1.8}

/* webkit修改输入框的placeholder样式*/
:-moz-placeholder{color:#afb5c6;opacity:1;font-size:16px; }
::-moz-placeholder{color:#afb5c64;opacity:1;font-size:16px; }
input:-ms-input-placeholder{color:#afb5c6;opacity:1;font-size:16px; }
input::-webkit-input-placeholder{color:#afb5c6;opacity:1;font-size:16px; }

/***************footer*************/
footer{color:#fff;font-size:12px;line-height:1.5;position:relative;z-index:9900;background:#282c3a;}

footer .datas li{margin:5px 0;display:table;}
footer .datas dt{width:50px;text-align:right;padding-right:10px;}
footer .datas dt:after{content:"|";padding-left:10px;}
footer .datas aside{margin-top:5px;}

footer .datas {margin: 20px 0;}
footer .ft-socail{text-align:center;margin-top:41px;}
footer .ft-socail li {margin: 0 4%;}
footer .ft-img{text-align:right;margin-top:20px;}

footer .ft-link{text-align:left;margin-top:20px;}
footer .ft-link figure{border-bottom: 1px solid #4a4e5d;position: relative;margin: 25px 0}
footer .ft-link figure p{font-size:15px;font-weight:bold;text-transform:uppercase;color:#fff;line-height:2;text-align: left;}
footer .ft-link figure a{position:absolute;top:0;right:0;font-size: 16px;text-transform:uppercase;font-weight: bold;color:#25d2b3}
footer .ft-link figure a span{transform:rotate(90deg);display: inline-block;margin-left: 15px;}

.footerNav{display:none}

.ft-link.active .footerNav{display:block}
.footerNav{border-bottom: 1px solid #4a4e5d;} 
.footerNav li{vertical-align: top;width: 23%;margin:2% 1%}
.footerNav li h3{font-size:16px;font-weight:bold;margin-bottom: 2em;}
.footerNav li h3>a{color: #dec570;text-transform:uppercase}
.footerNav li h3>a:hover{color: #f00 !important}
.footerNav li>a{display:block;color:#fff;font-size:12px;text-transform:uppercase;line-height: 2em}

footer p.p-bottom{text-align:center;color:#afb5c6;font-size: 12px;line-height: 6em;margin: 0;}


/*Search*/
.searchBar{position:relative;z-index:999;background:#eaeaea;}
.searchBar .container{padding:50px 0;color:#666060;text-align:center;}
.searchBar .container h2{font-weight:bold;margin:0;text-transform:uppercase;}
.searchBar .container input{width:300px;}
.searchBar .container button{background:#3b3b3b;color:#f4a62c;padding:0 33px;text-transform:uppercase;line-height:2.8;}


/*lightbox*/

.lightbox{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;text-align:center;display:table;}
.lightbox .container{position:relative;text-align:center;display:table-cell;height:100%;width:100%;
                     vertical-align:middle;z-index:99;padding:0}

.lightbox .container article{background:#32384d;height:auto;max-height:600px;overflow:auto;width:95%;
                             padding:50px 80px;text-align:center;color:#fff;position:relative;max-width:1100px;margin:auto;}
.lightbox .container article p{text-align: left;color: #fff;}

.lightbox .container .btnClose{position:absolute;right:0;top:0;z-index:9999}

.lightbox:after{position:absolute;left:0;top:0;content:"";height:100%;width:100%;background:rgba(139,139,139,.3);z-index:0;}

.lightbox-table dl{margin-bottom: 1em}
.lightbox-table dt{width:280px;text-align:right;padding-right: 30px;vertical-align: top}
.lightbox-table dd{text-align: left;color: #000;}
.lightbox-table dd select{width: auto;}
.lightbox-table dd label{margin-right: 1em;color: #eeeeee;}
.lightbox-table dd label input[type=checkbox]{margin-right: .5em}
.lightbox-table dd input[type=text]{width:80%}



/*圖片輪播區*/
.bggray{max-width: 1200px;width: 100%;background-color:#ebecf1;margin: auto;height: 70px}


/*carousel*/
.carousel {z-index:1;}
.carousel-indicators {bottom:20px;}
.carousel-indicators li{width: 25px;height: 5px;margin:1px 4px;background-color:#d7dae1;border: 1px #d7dae1 solid;border-radius: 0px;}
.carousel-indicators .active {width:25px;height:5px;margin:1px 4px;background-color:#25c1a6;border: 1px #25c1a6 solid;}
.carousel-control.left,.carousel-control.right {width:9%;background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, -0.9999) 100%);}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{display: none}

/*意見圖片輪播區*/

#myOpinion .bgColor{;background-color:#dec570}
#myOpinion .carousel-indicators {bottom: 24px;}
#myOpinion li img.stu-img{height: 100px; width: 100px;border-radius: 50%; overflow: hidden;}



/*外層標題區塊*/

#myOpinion .item article>div aside{transform:translateY(-45px);height:100px;width: 100px;margin: auto;border-radius:50%;background:center center no-repeat;background-size: cover;padding-bottom:9%}

#myOpinion .item article>div aside img{border-radius:50%}
#myOpinion .item article>div p{font-weight: bold;margin-top: -30px;}
#myOpinion .item article>div>a>.headline2{font-style: italic;text-transform:none;font-weight: 300;font-family:'Libre Baskerville';}
/*國籍圖*/
#myOpinion .item article>a>span{display: block;text-align: center;padding: 40px}
/*左右箭頭位置*/
#myOpinion .item figure>article>a{position:absolute;display: block;width: 70px;height: 70px;top: calc( 50% - 35px);z-index:39}
.lbtn{left: 0}
.rbtn{right: 0}