@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400i');


/*共用部分*/


.swiper-container{overflow: initial;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -50px;}
.photosSwiper .swiper-pagination-bullet {border-radius: 0%;width: 25px;height: 5px;margin: 1px 4px;background-color:#d7dae1;border: 1px #d7dae1 solid;opacity: 1}

.photosSwiper .swiper-pagination-bullet-active {background-color: #25c1a6;border: 1px #25c1a6 solid;}

/*大標題+線*/
.headline hr{transform:translatey(46px);margin:20px 0} 
.headline h1{font-size: 50px;color: #282c3a;font-weight: bold;text-transform:uppercase;position:relative;text-align:center;margin-bottom: 40px}
.headline h1 span{color: #afb5c6;text-align: center}
.headline h1 b{padding: 0 50px;background-color:#fff}

.li-style1 li:before {content: "";padding: 0 1em;margin-left: -1.2em;}

header .insy{top: -118px;}

/*tw*/
.tw{padding:50px 0;}
.tw>.container{max-width: 1200px;padding:60px 0 0;background-color:#ebecf1}

.overflowlink{max-width: 1200px;width: 100%;margin: auto}

.overflowlink li{margin: 0 -40px;width: 107%;position: relative}
.overflowlink li a{background:center center no-repeat;background-size: cover;padding-bottom: 28%; display: block;position:relative;overflow:hidden;}
.overflowlink li article{position: absolute;top:120px;right:40px;text-align: right;filter: blur(0px) !important;z-index: 10}
.overflowlink li article h1{font-weight: bold;font-size:40px;color:#fff;margin:0;text-transform:uppercase}
.overflowlink li article h1 span{font-weight: bold;font-size:20px;color:#fff;text-transform:uppercase}

.overflowlink li .img01,.overflowlink li .img01:before{background-image:url(../images/index/img01.jpg)}
.overflowlink li .img02,.overflowlink li .img02:before{background-image:url(../images/index/img02.jpg)}
.overflowlink li .img03,.overflowlink li .img03:before{background-image:url(../images/index/img03.jpg)}
.overflowlink li .img04,.overflowlink li .img04:before{background-image:url(../images/index/img04.jpg)}
.overflowlink li .img05,.overflowlink li .img05:before{background-image:url(../images/index/img05.jpg)}

/*1.0 圖片置換*/
.overflowlink li .img06,.overflowlink li .img06:before{background-image:url(../images/index/img06.jpg)}
.overflowlink li .img07,.overflowlink li .img07:before{background-image:url(../images/index/img07.jpg)}
.overflowlink li .img08,.overflowlink li .img08:before{background-image:url(../images/index/img08.jpg)}
.overflowlink li .img09,.overflowlink li .img09:before{background-image:url(../images/index/img09.jpg)}
.overflowlink li .img10,.overflowlink li .img10:before{background-image:url(../images/index/img10.jpg)}
/**1.0END*/

/*2.0 圖片置換*/
.overflowlink li .img11,.overflowlink li .img11:before{background-image:url(../images/index/img11.jpg)}
.overflowlink li .img12,.overflowlink li .img12:before{background-image:url(../images/index/img12.jpg)}
.overflowlink li .img13,.overflowlink li .img13:before{background-image:url(../images/index/img13.jpg)}
.overflowlink li .img14,.overflowlink li .img14:before{background-image:url(../images/index/img14.jpg)}
.overflowlink li .img15,.overflowlink li .img15:before{background-image:url(../images/index/img15.jpg)}
/**2.0END*/

/*3.0 圖片置換*/
.overflowlink li .img21,.overflowlink li .img21:before{background-image:url(../images/index/img20.jpg)}
.overflowlink li .img22,.overflowlink li .img22:before{background-image:url(../images/index/img21.jpg)}
.overflowlink li .img23,.overflowlink li .img23:before{background-image:url(../images/index/img22.jpg)}
.overflowlink li .img24,.overflowlink li .img24:before{background-image:url(../images/index/img09.jpg)}
.overflowlink li .img25,.overflowlink li .img25:before{background-image:url(../images/index/img10.jpg)}
/**2.0END*/

/*4.0 圖片置換*/
.overflowlink li .img16,.overflowlink li .img16:before{background-image:url(../images/index/img01.jpg)}
.overflowlink li .img17,.overflowlink li .img17:before{background-image:url(../images/index/img16.jpg)}
.overflowlink li .img18,.overflowlink li .img18:before{background-image:url(../images/index/img17.jpg)}
.overflowlink li .img19,.overflowlink li .img19:before{background-image:url(../images/index/img18.jpg)}
.overflowlink li .img20,.overflowlink li .img20:before{background-image:url(../images/index/img19.jpg)}
/**2.0END*/

/**1.1*/
.toph3{font-family:"Bell MT";font-size: 20px;font-style:italic;max-width:950px;margin:40px auto;line-height: 1.5em;font-weight: 500}
.flowbox{padding-left: 120px;padding-bottom: 120px}
.flowbox>li{line-height: 7em;position: relative;margin:2% auto;border-bottom: 1px solid #d4d7dc;}
.flowbox>li>b{background: url(../images/text/re_icon.png) center center no-repeat;display: block;position: absolute;top:10px;left: -110px;width:80px;height: 80px}

.flowbox>li.active{border: none}
.flowbox>li.active>b{background-image:url(../images/text/re_icon_on.png)}

.li-style1{line-height: 1.8;}


/*特殊字型*/
.flowbox>li>i{font-family:'Libre Baskerville', serif;font-style: normal;font-size: 72px;color:#e6e8ed;display: block;position: absolute;top:0;left: -125px;width:2em;height: 80px}
.flowbox>li.active>i{color:#dec570}
.qa .flowbox>li{padding-bottom: 25px;}
.qa .flowbox>li>span{display: block;min-height: 120px;padding:10px 0} 
.qa .flowbox>li>span h1{text-transform: none;color: #282c3a;font-size: 30px;line-height: 1.3;font-weight: bold;padding-right: 40px}
.qa .flowbox>li p a{border-bottom: 1px solid;padding-bottom:1px}

/*置換前方圖檔標示*/

.flowbox3 li>b{background-image:url(../images/text/VISA_icon.png)}
.flowbox3 li.active>b{background-image:url(../images/text/VISA_icon_on.png)}

.flowbox4 li>b{background-image:url(../images/text/VISA_icon2.png)}
.flowbox4 li.active>b{background-image:url(../images/text/VISA_icon_on2.png)}

.flowbox5 li>b{background-image:url(../images/text/VISA_icon3.png)}
.flowbox5 li.active>b{background-image:url(../images/text/VISA_icon_on3.png)}

.flowbox6 li>b{background-image:url(../images/text/cost_icon.png)}
.flowbox6 li.active>b{background-image:url(../images/text/cost_icon_on.png)}

.flowbox7 li>b{background-image:url(../images/text/cost_icon2.png)}
.flowbox7 li.active>b{background-image:url(../images/text/cost_icon_on2.png)}


.flowbox>li>span{color:#282c3a;font-size: 26px;font-weight:bold;text-transform:uppercase} 
.flowbox>li>span a{background: url(../images/down.png) center center no-repeat;width: 15px;height: 15px;display:block;position: absolute;right: 20px;top:50px}
.flowbox>li>span a:hover{transform: rotate(-180deg);}
.flowbox>li.active>span a{background-image: url(../images/downav.png)}
.flowbox>li>span.mask{
	position: absolute;
    float: left;
    width: 100%;
    height: 110px;
    cursor: pointer;
}

.flowbox2>li>h2{color: #afb5c6;font-size: 30px;text-transform:uppercase;font-family:'Candara';margin: 0;font-weight: bold}
.flowbox2>li{min-height:200px;line-height: 3em}


.subflowtext{display:block}
.flowbox li.active .subflowtext{display:none;padding: 40px 0;border-top: 1px solid #d4d7dc;}
.subflowtext h3{text-transform:uppercase;font-size:20px;font-weight:bold;color:#403c3c}
.subflowtext h3>span{font-size:16px;text-transform: none;font-weight:300;margin-left: 10px}
.subflowtext h4{font-size:20px;font-weight:bold;color:#107f75;margin: 30px 0}
.subflowtext figure{padding-left:1em;margin: 30px 0;}
.subflowtext p{color:#403c3c;font-size: 16px;line-height:1.8em;text-align: left;margin-bottom:1em }
.subflowtext figure p{margin-bottom:0.5em}
.subflowtext .mainboxlink{padding:50px 100px;background-color: #ebecf1;}
.subflowtext .mainboxlink p{line-height:1.7em;margin-bottom:0.2em}

.subflowtext ol{padding-left: 33px;list-style: none;}
.subflowtext ol li{line-height: 2em;border: none;margin-bottom: 20px;}
.subflowtext ol li article{padding:30px 0 30px 30px;}
.subflowtext ol li article p{margin-bottom: 10px}

.subflowtext dl{margin: 0;width: 100%;border-bottom:#6f7b8b 1px solid;border-left:#6f7b8b 1px solid;;border-right:#6f7b8b 1px solid;}
.subflowtext dt{width:185px;padding:0 20px;line-height: 2.5em; }
.subflowtext dd{padding:0 20px;line-height: 2.5em;border-left:#6f7b8b 1px solid;}
.subflowtext .dltop{background-color:#6f7b8b }
.subflowtext .dltop dt,.subflowtext .dltop dd{color: #fff}


.qa .subflowtext{display: none}
.qa .flowbox li.active .subflowtext{display: block}


/**1.1END*/

.kv-S1-2{margin-top:10px; z-index:-1}
.h1-style{ font-size:32px; color:#34beb2}


.flowbox2{padding-left: 185px;}
.flowbox2 li {margin: 6% auto;}
.flowbox2 li>h3{font-size: 22px;color:#dec570;font-weight: bold}
.flowbox2 li>h3 span{font-size: 72px;font-family: 'Libre Caslon Text', serif;margin-left: 10px}

.flowbox2 li>b{background:center center no-repeat;display: block;position: absolute;top:0;left: -190px;width:182px;height: 182px}
.subflowtext2{padding-bottom: 20px}
.subflowtext2 p a{padding-bottom: 3px;border-bottom: 1px solid;}
.subflowtext2 h3 {text-transform: uppercase;font-size: 20px;font-weight: bold;color: #403c3c;font-family:'Candara'}
.subflowtext2 h3 span{color: #403c3c;font-size: 16px;text-transform: none;font-weight:300;margin-left: 5px}
.subflowtext2 h3 strong{color:#0f7f74;font-size: 16px;text-transform: none;font-weight:30}
/*國旗圖*/
.flagimg{border: 1px solid #ccc;}
.flowbox>li>span>.flagimg{background: center center no-repeat;background-size: contain;width: 40px;padding-bottom: 2.5%;margin-right: 20px;position: inherit;height: auto;display: inline-block;}

/***********************1.2end****************************/

/*1.2.1.1*/
/*schoolText*/
.table-program{padding-bottom: 50px}
.schooltext{max-width: 1200px;margin: auto;width: 100%;}
.schooltext li{margin: 0 -40px;width: 107%;position: relative;padding:70px 60px 0px;text-align:left}
.schooltext li a{}
.schooltext li a:after {content: "";background: url(../images/index/icon_arrow0.png);right:30px;bottom: 30px; position: absolute;width: 33px;height: 33px;opacity: 0;transition: all .7s;}
.schooltext li:hover a:after{opacity:1} 
.schooltext li h4{color:#afb5c6;font-size: 18px;font-weight:bold;font-family:'Candara'}
.schooltext li h1{color: #32384d;font-size: 40px;font-weight: bold;font-family:'Candara'}
.schooltext li article label{margin-right: 1em;font-size: 12px;font-family:'Candara';color: #32384d}
.schooltext li article label span {color: #358d82;margin-left: 1em;border-left: 1px solid #afb5c6;font-size: 16px;padding-left: 1em}
.schooltext li hr{margin-bottom: 0}

.sloge3{padding: 60px 0}

/*hover*/
.schooltext li:hover{background-color:#dec570;transition: all 0.7s}
.schooltext li:hover hr{border-color: #dec570}
.schooltext li:hover h4{color:#fff;}
.schooltext li:hover article label span {color: #32384d;border-color:#fff}

/*1.3.2*/
.miantext p{font-family:'Candara';color: #afb5c6;font-size: 16px;font-weight: bold;text-align: center}
.miantext p b{font-weight: 300;font-size:120px;color: #dec570;font-family: 'Libre Caslon Text', serif;margin-right: 20px}

/*1.3.2.2*/
.tableStyle2{padding: 20px 0}
.tableStyle dt b{font-size: 12px;color:#32384d}
.tableStyle dd b{font-size: 16px;}

/*3.2*/
.tableStyle3{max-width:600px;margin:0 auto }

/*6.1*/

.newsContent p{color:#312d2d;font-family: 'Candara';}
.newsContent p b{font-size: 20px;margin-right: 10px}
.smallNews li{padding: 10px}
.smallNews li article label {margin-right: 1em;font-size: 12px;font-family: 'Candara';color: #32384d;}
.smallNews li article label b{margin-right: 10px}
.smallNews li article label span{color: #308c82}
.smallNews li article h4{font-size: 18px;color: #32384d;font-weight: bold;font-family: 'Candara';}
.smallNews li:hover{background-color: #dec570;transition: all 0.7s;} 
.smallNews li:hover span,.smallNews li:hover .colorstyle2{color: #fff !important}


.overflowlink li a:before{position:absolute;width:105%;height:105%;left:-2%;top:-2%;filter: blur(5px);content:"";
									background:center center no-repeat ;transition:all .1s;
									background-size: cover;
								}
.overflowlink li a:after {content: "";background: url(../images/index/icon_arrow.png);right: 40px;bottom: 50px;position: absolute;width: 33px;height: 33px;opacity: 0;transition: all .7s;}
.overflowlink li a:hover:after {opacity: 1;}
.overflowlink li a:hover:before{opacity:0;}

.morebtn{text-align: center;color: #232734;font-weight: bold;margin: auto;display: block;position: relative;max-width: 150px;line-height: 5em;}
.morebtn span{color:#afb5c6}
.morebtn b{display:block;background: url(../images/index/+.png) center center no-repeat;width: 28px;height: 28px;position: absolute;top:1.6em;left: -.5em;}

.morebtn:hover,.morebtn:hover span{color:#358d82 !important;transition:a11 0.7s}
.morebtn:hover b{background-image: url(../images/index/-.png)}


/*vip*/
#myOpinion .item{}
.vipmain{width: 100%;display:table;}
.vipmain2{display:inline-block;height: 552px;}
.vipmain-l{width: 50%;display:table-cell;position:relative;background: center center no-repeat;background-size: cover;padding-bottom: 40%}


.mapbtn{display: block;width: 35px;height: 35px;position: absolute;bottom:20px;right: 20px }
.vipmain-r{width: 50%;display:table-cell;margin: 0;}
/*崁入地圖設定*/
.vipmain-r iframe{margin: 0;}


.maintext{padding:0 60px;vertical-align: middle}
.maintext h1{font-size: 32px;color:#282c3a;;text-transform:uppercase;font-weight: bold}
.maintext>ul>li{font-size: 16px;color: #fff;margin: 1%;}
.maintext>ul>li>b{margin-right: 10px;width: 26px;height: 26px;display: inline-block}
.maintext>ul>li>span{font-size:20px;color:#232734;margin-left:10px;font-family: 'Libre Caslon Text', serif;}
.maintext h2{font-size: 26px;color:#534946;font-family:"Bell MT";font-style: italic}
.maintext>ul.main2>li>b{margin-right: 10px;width: 60px;height: 60px;display:inline-block;border-radius:30px;overflow: hidden;}

.Morebtn{font-family:"Cambria";color: #282c3a;font-size: 20px;border-bottom: 1px solid;margin: 0 10px}
.Morebtn:hover{color: #1dab92 !important}

/*vedio*/

.sloge{text-align: center}
.sloge2{transform:translateY(-13px)}
.videomain{width: 100%;display: table;padding: 50px 0}
.videomain>a{display: inherit}
.width-l,.width-r2{width: 50%;display:table-cell;position: relative; vertical-align: middle;}
.width-r,.width-l2{width: 50%;display:table-cell;vertical-align: middle;}
.videobox{position: absolute;padding:90px 90px 10px;border: 1px solid #e6d494;max-width: 720px;width: 140%;left: -100px;top: calc(50% - 180px);}

.videobox p{position: relative;text-align: right;color:#afb5c6;font-weight: bold}
.videobox p span{background:center center no-repeat;width:40px;height:27px;position:absolute;top:0;left: 0;border: 1px solid #ccc;}
.videobox h1{font-size: 32px;color: #2f3849;font-weight: bold;}
.videobox h3{font-size: 18px;line-height: 1.5em;color: #2f3849;font-family: 'Libre Baskerville';font-style: italic;}
.playbtn{text-align: center;display: block;margin: auto;transform:translateY(42px)}
.playbtn2{transform: translateY(70px);}
.width-r2 .videobox{left:-50px;}

/*當高度只有420px*/
.videobox2{top: calc(50% - 170px);}


/*CSS瀑布流寫法*/

.vedio ul{-moz-column-count: 3;  /* 分割四欄位 */-webkit-column-count: 3;column-count: 3;-webkit-column-gap: 25px; /* 距離25PX */-moz-column-gap: 25px;column-gap: 25px;margin: 50px auto}
.vedio ul>li{margin-bottom:20px;break-inside:avoid; /* 強制斷一個區塊 */}

.videobox3{padding:70px 40px 40px;border: 1px solid #e6d494;margin:0 20px;position: relative;top:-40px} 
.videobox3 p span{background:center center no-repeat;width:40px;height:27px;display: block;border: 1px solid #ccc;}
.videobox3 p{color:#afb5c6;font-weight: bold;}
.videobox3 h3{font-size: 20px;color: #2f3849;font-weight: bold;}
.videobox3 h6{font-size: 14px;line-height: 1.5em;color: #2f3849;font-family: 'Libre Baskerville';font-style: italic;}
.videobox3 a{transform: translateY(71px);}

.carousel-control{width: 6%;}
.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{content:"";}
   
.carousel-control .glyphicon-chevron-left{background:/*url(../images/icon_arrow7.png)*/ center center no-repeat;}
.carousel-control .leftimg{background:url(../images/icon_arrow_l.png) center center no-repeat;width: 30px;height: 70px;left:15px;display: block;background-size: contain} 
.carousel-control .glyphicon-chevron-right{background:/*url(../images/icon_arrow8.png)*/ center center no-repeat;}
.carousel-control .rightimg{background:url(../images/icon_arrow_r.png) center center no-repeat;width: 30px;height: 70px;right:15px;display: block;background-size: contain} 

/*main*/
.index-videomain .width-r2 img{ width:inherit; height:inherit; display: inline-block;}

.mainbtn{max-width: 1200px;margin:20px auto}
.mainbtn li{width: 23%;margin: 1%;text-align: center}
.mainbtn li aside{text-align: center;min-height: 160px;vertical-align: top}
.mainbtn li a{color:#232734;font-size: 20px;text-transform:uppercase;vertical-align: text-top;line-height: .8em;font-weight: bold}
.mainbtn li a:hover{color: #358d82 !important}

/*program*/
.program {text-align:center;}
.program >div{padding:0;}
.program .row>div{text-transform:uppercase; font-weight:bold;font-size:30px;line-height:1.1;color:#fff;background:#2f3849;height:240px;width:25%;}
.program .row>div a{color:#fff;display:block;}
.program .row>div a:hover{transform:scale(.9);color:#000000 !important}

.program .row>div:nth-child(2){background-color:#71b5bd;}
.program .row>div:nth-child(3),.program2 .row>div:nth-child(2),.programpage>div ul li:nth-child(2){background-color:#f4a62c;}
.program .row>div:nth-child(4),.program2 .row>div:nth-child(1),.programpage>div ul li:nth-child(1){background-color:#f47935;width:auto;}

.program2 .row>div:nth-child(3),.programpage>div ul li:nth-child(3){background-color:#71b5bd;}
.program2 .row>div:nth-child(4),.programpage>div ul li:nth-child(4){background-color:#2f3849}

.program2 .row>div{width:25% !important;height:300px}
.program2 .row>div a samp{ font-size:16px}

/*programpage*/

.programpage>div ul{ max-width:1200px; width:100%; margin:auto}
.programpage>div ul li{ border-radius:150px 0 0 150px; color:#FFF; margin:4% 0; min-height:275px;}
.programpage>div ul li article{ padding:30px 30px 30px 200px; position:relative; vertical-align:middle}
.programpage>div ul li article h1{ font-size:30px}
.programpage>div ul li article p{ font-size:16px}
.programpage>div ul li article aside{ position:absolute; top:calc(50% - 40px); left:calc(10% - 30px); width:100%}
.programpage>div ul li article aside img{ width:70px; }

/*programpage2*/
.programpage2>div ul{ max-width:1200px; width:100%; margin:auto}
.programpage2>div ul li{color:#2f3849; margin:4% 0; /*padding:50px; */background-color:#ecedf2; position:relative}
.programpage2>div ul li a{padding:50px;display:block;}

.programpage2>div ul li h1{ font-size:40px; padding-bottom:2px;color: #282c3a;text-transform:uppercase;font-family:"Candara";font-weight: bold}
.programpage2>div ul li h2{font-size:26px;text-transform:uppercase;font-family:"Candara";font-weight: bold;color:#afb5c6}
.programpage2>div ul li p{font-size:16px; color:#282c3a;font-family:"Candara";font-weight: bold}
.programpage2>div ul li p span{font-size:20px;margin-right: 5px}

.programpage2>div ul li i{ position: absolute; right:20px;bottom:20px;width: 33px;height: 33px;background: url(../images/index/icon_arrow.png) center center no-repeat}
.programpage2>div ul li:hover i{background-image:url(../images/index/icon_arrow0.png);}
.programpage2>div ul li:hover{background:rgba(222,197,112,0.7); transition:all .7s}
.programpage2>div ul li:hover h2{color:#fff}


/*programpage3*/

.programpage3>div ul{ max-width:1200px; width:100%; margin:auto}
.programpage3>div ul li{color:#2f3849; font-size:14px; margin:1%; width:31%}
.programpage3>div ul li aside{ padding:20px 0;width:50%}
.programpage3>div ul li aside>img{ border-radius:50%;}
.programpage3>div ul li a article label h3{ font-size:20px;font-weight:bold; color:#000}
.programpage3>div ul li a article label h3 b{ margin-right:9px}
.programpage3>div ul li a:hover article label h3{color:#f4a62c; transition:all 0.7s}

.programpage3>div ul li article dl{ margin:5px 0}
.programpage3>div ul li article dt{width:90px;font-weight:bold;font-size:12px;color:#000}
.programpage3>div ul li article dd{font-weight:bold;min-width:100px;color:#358d82;font-size:12px}
.programpage3>div ul li a:hover dd{color:#a6cac4; transition:all 0.7s}

.programpage3>div ul li article label{ width:100%;font-weight:bold}
.programpage3>div ul li article label span{color:#358d82;font-weight:bold}
.programpage3>div ul li article label samp{font-weight:bold;min-width:100px;display:inline-block}

/*news*/
.news {background:url(../images/index/news.jpg) no-repeat center center;background-size:cover;color:#fff;padding:100px 0}
.news ul li {margin-bottom:60px;margin-right:20px;}
.news ul li i{font-style:normal;padding:3px 10px;border-radius:5px;margin:0 3px;color:#fff;}
.news ul li date{color:#d7edd7;font-size:14px;font-weight:bold;margin-right:10px;}
.news ul li a{color:#fff;}
.news ul li a:hover{color:#f4a62c}

.news h2 {margin-bottom:60px;}
.news button {background-color:#e1992c;width:200px;font-weight:bold;color:#312d2d;}
.news button:hover{background-color:#312d2d;color:#e1992c;}

.newsBlank{background:none;color:#000;padding:0px 0 }
.newsBlank>ul>li {width:48%;float: left;margin-right:2%;margin-bottom:30px;}
.newsBlank ul li aside,.newsContent aside{height: 300px;background: #e3eeed no-repeat center center;background-size: cover;margin-bottom:30px;transition: all .7s}
.newsBlank ul li h3{color:#000;}
.newsBlank ul li:hover h3{color:#f4a62c; transition:all .7s}
.newsBlank ul li a:hover aside{opacity: .9}
.newsBlank ul li date,.newsContent date{color:#96b7b0;}

.news .smallNews li{width:100%;}
.news .smallNews li aside{height: 144px}
.news .smallNews li i{font-size:12px;padding:2px 5px;border-radius:0px;}
.news .smallNews li h3{margin-top: 10PX;font-size: 16PX;color: #403c3c;font-weight:bold;}

.newsContent aside{height:0;padding-bottom: 56.8%;}
.newsContent .title{font-weight: bold;font-size: 36px;line-height: 1;margin: 30px 0;}
.newsContent .info *{font-weight:bold;margin-right:10px }
.newsContent .info i{font-style:normal;padding:3px 10px;border-radius:5px;margin:0 3px;color:#fff;font-size: 12px;}

.article-function{position: relative;margin-top: 30px}
.article-function >a{position: absolute;top: 0;color: #47958c;font-size: 20px;}
.article-function >a:hover{transform: translateX(-10px);}
.article-function >a img{margin: 0 15px}
.article-function .nextArticleBtn{right: 0;}
.article-function .nextArticleBtn img{transform: rotateY(180deg);}
.article-function .nextArticleBtn:hover{transform: translateX(10px);}

.article-function ul{text-align: center;}
.article-function ul li{margin: 0 5px;float: none;width: auto;}


/*video*/
.video{text-align:center;}
.video>div>h1{text-transform:uppercase; font-weight:bold;padding:30px;position:relative;font-size:60px;color:#34beb2;display:inline-block;}
.video>div>h1:before{background:url(../images/index/ico-pt.png) no-repeat;position:absolute;content:"";width:21px;height:21px;left:0;top:0}
.video>div>h1:after{background:url(../images/index/ico-pt.png) no-repeat;position:absolute;content:"";width:21px;height:21px;right:0;bottom:0;transform:rotate(180deg)}

.video ul{margin:30px auto;}
.video li:nth-child(1){width:63%;}
.video li {width:30%;margin:0 1.5% 10px;vertical-align:top;}
.video li p{text-align:left;height:3em;margin-top:10px;}
.video li i,.links2 .swiper-slide a>i{position:absolute;left:10px;top:10px;border:1px solid #ffb4b4;font-size:12px;padding:0 10px;color:#ffb4b4;}
.video li a.video_g.various:before,.links2 .swiper-slide>a.various:before,.video3>a.various:before{ background-color:rgba(0,0,0,0.4); width:100%; height:100%}
.video li a.video_g:hover.various:before,.links2 .swiper-slide>a:hover.various:before,.video3>a:hover.various:before{background-color:rgba(0,0,0,0)}

.video li a.video_g,.links2 .swiper-slide>a,.video3>a{padding-bottom: 50%;;display:block;background:no-repeat center center;background-size:cover;position:relative;opacity:1}
.video li a.video_g:hover,.links2 .swiper-slide>a:hover,.video3>a:hover{opacity:1}
.video li a.video_g:before,.links2 .swiper-slide>a:before,.video3>a:before{content:"";background:url(../images/video/icon_play.png) no-repeat center center;width:60px;height:60px;position:absolute;z-index:999;
            /*left:calc(50% - 40px);top:calc(50% - 40px)*/;left: 0}

.video li i.blueInfo,.links2 .swiper-slide i.blueInfo{color:#97ccf1;border-color:#97ccf1;}
.video li i.yellowInfo,.links2 .swiper-slide i.yellowInfo{color:#f4e699;border-color:#f4e699;}
.video li i.pinkInfo,.links2 .swiper-slide i.pinkInfo{color:#ffb4b4;border-color:#ffb4b4;}

.video .btn-li{background:#d0e4e0;height:420px;position:relative; display:block}
.video .btn-li h1{color:#2f3849;text-transform:uppercase; margin:0 auto 30px;padding-top: 80px;font-weight:bold;}
.video .btn-li p{text-align:center;height:auto;}
.video .btn-li strong{position:absolute;right:20px;bottom:20px;height:auto;}
.video .btn-li:before{display:none;}


.video2 ul{ text-align:left}
.video2 li:nth-child(1){width:30%;}
.video2 li>h3{ font-size:30px;font-weight:bold}
.video2 li>h3 b{ margin-right:15px}
.video2 li>dl{ margin:5px 0}
.video2 li>dl dt{width:90px;font-weight:bold;font-size:12px}
.video2 li>dl dd{font-weight:bold;color:#358d82;min-width:100px;font-size:12px}

.video2 li>p{ color:#358d82; font-size:12px;height: .5em;}
.video2 li>p b{width:30%; display: inline-block; color:#000}

.video2 .li-style2{height:480px !important;}
.video2 .li-style2 h1{text-align:center !important}
.video2 .li-style2 p{ color:#000}
.video li.li-style2:hover{background:rgba(244,166,44,0.7); transition:all .7s}
.video .btn-li:hover {background:rgba(244,166,44,0.7);}
.video .btn-li:hover p{ color:#000 !important; transition:all 0.7s}


/*social*/
.social ul{margin:30px auto;}
.social li {width:25%;margin:0;vertical-align:top;}
.social li a p{text-align:left;position:absolute;left:10px;bottom:0px;color:#fff;z-index:99;}
.social li a i{position:absolute;right:10px;bottom:10px;z-index:99;}
.social li a{height:300px;display:block;background:no-repeat center center;background-size:cover;position:relative;opacity:1}
.social li a:hover:before{opacity:1;}

.social li a:before{position:absolute;height:100%;width:100%;left:0;bottom:0;content:"";z-index:10;background:rgba(0,0,0,0.8	);opacity:0;transition:all .7s}

.social li a:after{position:absolute;height:50px;width:100%;left:0;bottom:0;content:"";z-index:0;}

/*step*/
.stepTitle{font-weight: bold;margin: 20px auto !important}
.stepTitle>b{padding: 0 15px;background: #2f3849;color: #f4a62c;line-height: 1.5;display: inline-block;margin-right: 1em;}


/*tip*/
.tip{margin:50px auto;max-width: 1200px;}
.tip button,.tip select{background-color:#deece9;color:#333;margin-right:20px;margin-bottom:10px;line-height:2;width:auto;min-width:0}
.tip big{font-weight:bold;color:#dec570;margin-right:10px;font-size: 26px;font-family: 'Libre Caslon Text', serif;}
.tip span{color: #afb5c6;font-weight: bold;font-size: 14px}
.tip select{-webkit-appearance:none;padding-right:35px;color: #232734;background: #fff url(../images/select_arrow2.png) no-repeat 97% center;border: 1px solid #b5bac5;font-size: 12px;text-transform:uppercase;width: 17%;}


/*schoolTxt*/
.schoolTxt{max-width:800px;margin:auto;border-bottom:1px solid #eee;padding:30px 0}

.schoolTxt dt{width:120px;padding-right:20px;}
.schoolTxt dt img{width:100%;}
.schoolTxt dd.apply {vertical-align:bottom;}
.schoolTxt dd.apply button{background:#22ab9f;line-height:2;padding:0 10px;}
.schoolTxt dd.apply button:hover{background:#107f75}
.schoolTxt dd h3{margin:0;}

.schoolTxt article{}
.schoolTxt article label{margin-right:1em;font-size:13px;}
.schoolTxt article label span{color:#358d82;margin-left:1em}

/*schoolTxt2*/
.schoolTxt2 article label{ min-width:275px}
.schoolTxt2 article label samp{font-weight:bold;min-width:110px; display:inline-block}

/*searchResault*/
.searchResault{}

/*SearchBar-big*/
.SearchBar-big{max-width: 600px;}
.SearchBar-big input{background: none;border: 1px solid #6b768c;padding: 1.3em;font-size:16px;font-weight: normal;}
.SearchBar-big dd{width: 64px;height:64px}
.SearchBar-big dd button{width: 100%;height: 100%;min-width:0;background-color: #35373c;}

/*un-program*/
.un-program{/*padding-top: 50px;*/}
.un-program>.container{padding: 0}
.un-program h2,.article h2{font-weight:bold;font-size:32px;color:#afb5c6;text-transform:uppercase;margin:1em auto }
.un-program h4{font-weight: bold;margin: 1em auto;font-size: 16px;color: #afb5c6;;}
.un-program h1{font-weight:bold;font-size:40px;color:#32384d;margin: 28px 0;}
.un-program ul{ padding:35px 0 35px;margin: auto;text-align: left;}
.un-program ul>li{ color:#afb5c6; font-size:16px; font-weight:bold; margin-right:1%}
.un-program ul>li b{ margin-right:10px}
.un-program ul>li strong{ font-size:26px; color:#dec570; padding:0 10px;font-family: 'Libre Caslon Text', serif;}
.un-program .specialTxt{font-family: 'Libre Baskerville', serif;text-align: center;font-size: 24px;}
.un-program p{/*font-family:"Candara";*/color:#312d2d;margin: 50px auto;font-style: italic;max-width: 900px;text-align: justify;font-weight: 600;}
.un-program p span{font-size: 20px;margin-right:5px;font-weight: bold}
.un-program2 h2{color: #96b7b3;}

.un-program .mainstyle p{font-size: 12px}
.colorstyle{color:#358d82 !important;text-transform:uppercase}
.colorstyle2{color:#afb5c6 !important}
.schooltext .mainstyle label span{font-size: 12px;}
.schooltext li:hover .colorstyle{color:#32384d !important}
.schooltext li:hover .colorstyle2{color:#32384d !important}

.mainstyle2{position: relative;padding-left:175px}
.mainstyle2 aside{position: absolute;top:0;left: 0;}
.un-program .mainstyle2 p{font-size: 16px;font-style:normal;color: #403c3c} 

/*=================1.3.1======================*/
.datemain{padding: 50px 0}
.menubtn{width: 100%;margin: auto;max-width: 560px;border: 1px solid #dec570;background-color: #dec570}
.menubtn li{width:50%;text-align: center;}
.menubtn li.active{background-color: #fff}
.menubtn li a{color: #fff;font-size: 32px;line-height:2em;padding: 20px 0;text-transform:uppercase;font-weight: bold}
.menubtn li a:hover{color: #fff !important}
.menubtn li.active a{color:#282c3a !important;}
.menubtn li.active.platformbtn{-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%)}
.menubtn li.active.conditionbtn{-webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%)}

/*移動標題三列式*/
.infobox{position: relative;top:200px;left:calc(50% - 200px );padding: 60px 70px;background-color: rgba(236,237,242,0.85);border: none;max-width: 800px;width: 100%;}
.infobox h1.th1 {color: #282c3a;font-size: 32px;font-weight: bold;position: absolute;top:-215px;left: 0;line-height: 1.2em;margin: 0;max-width: 580px;}
.infobox h1.th1 span{color: #dec570;font-size: 80px;font-family: 'Libre Caslon Text', serif;line-height: 1.2em;}
.infobox h1.th1 strong{color: #afb5c6;font-size: 24px}
.infobox p{position: inherit;text-align:justify;font-size: 16px;color: #282c3a;font-weight: 300;font-family:"Candara"}
.infobox p b{font-size: 20px;text-transform:uppercase}

.morebtn2{transform: translateY(300px);text-align: left;font-size:22px;max-width: 300px;}
.morebtn2 b{max-width: 325px; left:-40px;top: 1.8em;}
.mainbox.active .morebtn2,
.mainbox.active .morebtn2 span,.morebtn2:hover{color:#1dab92 !important}
.mainbox.active .morebtn2 b{background-image:url(../images/index/-.png) }

.morebtn3 span{color: #1dab92 !important;}
/* .morebtn3 b{background: url(../images/index/++.png) center center no-repeat;} */

.infodata{display: none;position:relative;}
.mainbox.active .infodata{display:block}
.infodata{margin: 80px auto 20px;max-width:1200px;width:100%}
.infodata>li{width: 31.32%;min-height:100px;vertical-align: text-top;margin:1%;}
.infodata>li a{display:block;border: 1px solid rgba(255,255,255,0);padding:.5em 1em;}

.infodata>li a>p{margin-bottom:0;font-weight: bold} 
.infodata>li a>p>span{font-size:12px;color:#308c82;text-transform:uppercase}

.infodata li.active a,.infodata li:hover a{border-color:#e6d494;}
.infodata li.active a>p,.infodata li:hover a>p{color:#308c82;transition: all .9s;}
.infodata .infodata-show:hover {margin-bottom:260px;}
.infodata li:hover .infodatabox{display:block}
.infodata .infodata-show .stu-face{
	overflow: hidden;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.infodatabox{background-color:#dec570;display:none;width:100%;
					position:absolute;
					left: 0;}
.infodatabox.active{display:block}

.vipmain-2l{width: 30%;padding-bottom: 22%;}
.vipmain-2r{width: 70%;}
.vipmain-2r h2{font-size: 20px;}

.infobg{background: center center no-repeat;background-size: cover;height: 650px;}


/*=============news=========================*/
.contantmain{padding: 50px 0 20px}
.contantmain p{max-width: 960px;margin:0 auto 20px;text-align: justify}
.contantmain p span{font-weight: bold;font-size: 20px;color: #282c3a}

.contantlinks{max-width: 960px;margin:50px auto 0}
.contantlinks h1{font-size: 32px;font-weight: bold}
.contantlinks ul{max-width: 1150px;width: 100%;}
.contantlinks ul li{margin:1% 0.5%}
.contantlinks ul li div{font-size: 16px;color: #232734;background-color: #d7dae1;border-radius: 30px;line-height: 2.5em;text-align: center;display: inline-block;padding: 0 20px;font-weight: bold;}
/*.contantlinks ul li div:hover{background-color:#dec570;color:#232734;}*/


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

.programContent{}
.programContent h2{font-size:16px;}
.programContent h2 b{ margin-right:10px}
.programContent h1{font-size:36px;}
.programContent p{margin-bottom:1.5em}
.programContent .tableStyle dl{margin-bottom:.8em}
.programContent .tableStyle dt{width:200px;}

.programContent .rightInfo{margin-top:10px;}
.programContent .rightInfo h5{font-size: 16px;color:#afb5c6}

.programContent .rightInfo .btns button{width:100%;min-width: 120px; margin:1% auto;border-radius: 20px;background-color: #25d2b3;color: #282c3a}
.programContent .rightInfo .btns button b{margin-left:10px}
.programContent .rightInfo .btns button:hover {opacity: 0.8}
.programContent .p-left{ padding-left:80px}
.programContent .rightInfo2 h5 { font-size:16px}

.programsList{}
.programsList>div {margin-bottom:20px }
.programsList>div a{background:no-repeat center center;background-size:cover;height: 300px;display: block;padding: 30px}
.programsList>div a h3{color: #fff;text-transform: uppercase;font-size: 24px;font-weight: bold;margin: 0;transition: all .7s}
.programsList>div a:hover {opacity: .9}
.programsList>div a:hover h3{color: #f4a62c}
.programsList>div p{height: 3em;margin-top:1em }

.program-info{background-color: #2f3849;padding: 80px 0;color: #fff;margin-top: 80px} 

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.program-info p{ font-size:16px; line-height:2em; margin:0;color: #fff}
.program-info p b{color:#dec570 }
.program-info .p-style{color:#dec570}
.program-info .p-style b{ font-size:16px; margin:0 10px}

.maps{border:0px solid #ccc;padding-bottom: 0}
.maps iframe{position:relative;width:100%;height:550px;}

	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.program-info .list-inline li{width: 49%;}

.infoList {font-size:13px;margin:20px auto}
.infoList li{font-size: 12px !important;color:#107f75 !important;}
.infoList i{margin-right:15px;font-size: 12px;}
.infoList a{font-size: 12px;color:#107f75;padding-bottom: 1px;border-bottom: 1px solid;}

.universitiesList li{width:33%;margin-bottom:1em}


/*qaList*/
.qaList{margin:auto;}
.qaList>li {margin-bottom:30px;}
.qaList>li>figure{background:#deece9;font-size:16px;font-weight:bold;position:relative;cursor:pointer;transition:all .7s;display:table;width:100%;}

.qaList>li>figure:hover,.qaList>li>figure.active{background:#f4a62c;}
.qaList li figure:before{content:"Q";background:#2f3849;color:#f4a62c !important;font-size:36px;font-weight:bold;width:40px;display:inline-block;vertical-align:middle;text-align:center;line-height:52px;margin-right:10px;}
.qaList>li>figure span{display:inline-block;vertical-align:middle;line-height:1.2;padding:10px 0;width:calc(100% - 50px);}
					 
.qaList>li>article{margin:30px auto;/*border-left:5px solid #eaf4f3;*/padding:0 50px;display:none;}
.qaList>li>article p{margin-bottom: 2em}
.qaList>li>article>aside{margin:1em auto}
.qaList>li>article>aside img{width: 100%;}

.qaList2{}
.qaList2>li>figure{background:#deece9;text-transform:uppercase;color:#312d2d;font-size:21px;padding:5px 15px}
.qaList2 >li>figure:hover,.qaList2 >li>figure.active{background:#34beb2; color:#fff}
.qaList2 >li>figure:before{display:none;}
.qaList2 >li>figure:after{float:right;content:"+"}
.qaList2 >li>figure.active:after{content:"-"}
/*.qaList2>li>article{border-right:5px solid #eaf4f3;}*/
.qaList2 >li>article em,.article em{font-style: normal; background-color: #d9e8e6;padding: 30px;display: block;margin: 20px auto;}

/***********************SWiper****************************/

/*featured-un*/
.featured-un{position:relative;background:#eaeaea;padding:70px 0 30px;margin-top:100px;}
.featured-un h2{text-align:center;margin-top:-3em;margin-bottom:1em;font-size:48px;text-transform:uppercase;}

.featured-un .swiper-wrapper{}
.featured-un .swiper-wrapper a{overflow:hidden;display:block}
.featured-un .swiper-wrapper a aside{background:no-repeat  center center;background-size:cover;height:180px;transition:all .7s;}
.featured-un .swiper-wrapper a:hover aside{transform:scale(1.1)}

.featured-un .swiper-wrapper article{background:#fff;padding:10px 20px 20px;height:220px;position:relative;border:1px solid #cbe3e0;}
.featured-un .swiper-wrapper article h3{font-size:20px;}
.featured-un .swiper-wrapper article p{font-size:13px;line-height:1.5}
.featured-un .swiper-wrapper article button{margin:auto;display:block;position:absolute;bottom:15px;left:15%;width:70%;}

.swiper-button-next, .swiper-button-prev{ width:40px; height:70px}
.featured-un .swiper-btns {position:absolute;z-index:999;width:100%;top:calc(50%);left:0}
.featured-un .swiper-btns a{background:none;}
.featured-un .swiper-btns a.swiper-button-prev{position:absolute;z-index:99;left:0px;}
.featured-un .swiper-btns a.swiper-button-next img{transform:rotateY(180deg)}
.featured-un .swiper-btns a.swiper-button-next{position:absolute;z-index:99;right:0;}

/*links*/
.links,.links3{margin:50px auto;}
.links h2,.links3 h2{color:#666060;text-align:center;text-transform:uppercase;margin-bottom:40px;}
.links>div{position:relative;}
.links p{height:3em;margin-top:.5em;color:#666060;}

.links .swiper-btns{position:absolute;z-index:999;width:100%;top:calc(50% + 20px);left:0}
.links .swiper-btns a{background:none;}
.links .swiper-btns a.swiper-button-prev{position:absolute;z-index:99;left:-50px;}
.links .swiper-btns a.swiper-button-next img{transform:rotateY(180deg)}
.links .swiper-btns a.swiper-button-next{position:absolute;z-index:99;right:-50px;}

/*brands*/
.brands{margin:50px auto;}
.brands>div{position:relative;width:90%;text-align:center;}
.brands .swiper-slide {height:100px;display:table;}
.brands .swiper-slide>a{height:100%;display:table-cell;vertical-align:middle;}
.brands .swiper-slide>a aside{max-height:100%;}

.brands .swiper-btns {position:absolute;z-index:999;width:100%;top:calc(50%);left:0}
.brands .swiper-btns a{background:none;}
.brands .swiper-btns a.swiper-button-next{position:absolute;z-index:99;right:-50px;}

/*photos*/
.photosSwiper{margin:0px auto 120px;position:relative;}
.photosSwiper .swiper-slide a aside{background: no-repeat center center;background-size: cover;padding-bottom: 550px;transition: all .7s}
.photosSwiper .swiper-slide a:hover aside{opacity:.8}

.photosSwiper .swiper-btns {position:absolute;z-index:999;width:100%;top:auto;bottom:44%;left:0;height:50px;}
.photosSwiper .swiper-btns h3{margin:auto;line-height: 50px;}
.photosSwiper .swiper-btns a{background:none;}
.photosSwiper .swiper-btns a.swiper-button-prev{position:absolute;z-index:99;left:0px;top:0;width: auto;height: auto;margin: 0;}
.photosSwiper .swiper-btns a.swiper-button-next img{transform:rotateY(180deg);}
.photosSwiper .swiper-btns a.swiper-button-next{position:absolute;z-index:99;right:0px;top:0;width: auto;height: auto;margin: 0;}


/*single-photo*/
.singlephotoSwiper{margin:0px auto 120px;position:relative;}
.singlephotoSwiper .swiper-slide a aside{background: no-repeat center center;background-size: cover;height: 400px;transition: all .7s}
.singlephotoSwiper .swiper-slide a:hover aside{opacity:.8}

.singlephotoSwiper .swiper-pagination-fraction{color: #fff;font-weight: bold;text-align: right;padding-right: 15px}
.singlephotoSwiper .swiper-pagination-current{color:#b1e3d9;}

.singlephotoSwiper .swiper-btns {position:absolute;z-index:999;width:100%;top:auto;bottom:-50px;left:0%;background-color: #eaeaea;height:50px;}
.singlephotoSwiper .swiper-btns h3{margin:auto;line-height: 50px;}
.singlephotoSwiper .swiper-btns a{background:none;}
.singlephotoSwiper .swiper-btns a.swiper-button-prev{position:absolute;z-index:99;left:0px;top:0;width: auto;height: auto;margin: 0;}
.singlephotoSwiper .swiper-btns a.swiper-button-next img{transform:rotateY(180deg);}
.singlephotoSwiper .swiper-btns a.swiper-button-next{position:absolute;z-index:99;right:0px;top:0;width: auto;height: auto;margin: 0;}/* CSS Document */


/***********************SWiperEmd****************************/

/*聯絡我們*/
.Contact label{margin-right: 1em}
.contactForm {margin: 2em auto}
.contactForm dl{width: 50%;display: inline-table;margin: .5em auto}
.contactForm dl dt{color:#107f75;width: 130px;padding-left: 10px}
.contactForm dl dd button{min-width:none}

.radioContent{margin:2em auto;}
.radioContent input[type=radio]{margin:0 .5em;}


/***********************4.1****************************/

.mapmain{padding-bottom: 50px}
.mapmain aside{background:center center no-repeat;background-size: cover;padding-bottom: 37%}
.mapmain h1{font-size: 40px;color:#282c3a;font-family:"Candara";width: 50%;text-align: center;margin:-38px auto 0;line-height: 2;background-color: #fff;text-transform: uppercase;font-weight: bold}
.mapmain p{font-family:"Candara";color: #282c3a;}
.maptext{margin: auto;max-width: 960px;}

.mapmain .flowbox{margin: auto;max-width: 960px;padding: 0}
.mapmain .flowbox>li{text-align: center;line-height: 6em;padding:0 15px}
.mapmain .flowbox>li>span {font-size: 20px;}
.mapmain .flowbox>li>span a{top: 35px;}
.mapmain .flowbox>li>span.mask{left: 0;}
.mapmain .flowbox>li aside{margin-bottom: 30px;padding-bottom: 46%;}
.mapmain .flowbox>li p{}


.mapmain .flowboxstyle4>li.active .subflowtext{border:none;}

.maptext .mainboxlink{padding: 50px 100px 20px;background-color: #ebecf1;}
.maptext .mainboxlink p a {padding-bottom: 0px;border-bottom: 0px solid;}


/***********************4.2****************************/

.flowboxstyle>li{min-height: 100px;line-height: 3em;}
.flowboxstyle>li b{top: -80px;}
.flowboxstyle>li h1{font-size: 30px;color:#282c3a;font-family:"Candara";text-transform: uppercase;font-weight: bold;position: relative;text-align: center;}
.flowboxstyle>li h1 b{display: block;position: absolute;right: 0;top:5px;font-family: 'Libre Baskerville', serif;font-size: 20px;color:#afb5c6}

/***********************4.3****************************/
.flowboxstyle2>li>b {background: url(../images/text/VISA_icon4.png) center center no-repeat;display: block;position: absolute;top: 0;left: -110px;width: 84px;height: 70px;}
.flowboxstyle2>li.active>b{background-image: url(../images/text/VISA_icon_on4.png);} 

/***********************4.5****************************/

.newsocial ul{ width:100%; max-width:1100px;margin: auto;padding: 10px 0}

/*瀑布流*/
.newsocial ul {/*-moz-column-count: 4;-webkit-column-count: 4;column-count: 4;*/
					/*-webkit-column-gap: 32px;-moz-column-gap: 32px;column-gap: 32px;*/
					margin: 50px auto;}
.newsocial li{margin-bottom: 20px;break-inside: avoid;vertical-align: top;padding: 0 10px/*display: block;*/} 

.newsocial li a:before {position: absolute; height: 100%;width: 100%;left: 0;bottom: 0;content: "";z-index: 10;background: rgba(0,0,0,0.6	);opacity: 0;transition: all .7s;}
.newsocial li a aside{text-align: center;}
/* .newsocial li a aside img{width: 100%;} */

.newsocial p{ text-align:center; margin-top:10px; font-weight:bold; font-size:20px;font-family:"Candara";color:#2f3849;}
.newsocial a{display: block;position: relative;opacity: 1;}

.newsocial a i{top:calc(50% - 40px);left:calc(50% - 20px);position:absolute;display: none}
.newsocial li a p{position:absolute;left:calc(50% - 52px);top:calc(50% - 10px);color:#dec570;z-index:99; font-size:20px; font-weight:bold; display:none}
.newsocial li:hover>p{ color:#5b9d94;transition:all .9s;}
.newsocial li > a:hover i,.newsocial li > a:hover p{display: inherit; transition:all .9s;z-index: 999}
.newsocial li > a:hover:before {opacity: 1;}

/************************3.0****************************/
.headerstyle3.active #subNav {bottom: -51px;}	

.kv2{top: -20px;}

#myOpinion2.kvimg{background: center center no-repeat;background-size: cover;height: 1020px}

.kvimg .bgColor{overflow:inherit}
.kvimg .carousel-indicators{bottom: -190px;}

.dataimg aside{text-align: center;max-width: 700px;margin: auto;transform:translate(0%,70px)}

.manmain .toph1{position: relative;color: #e3eeed;font-size: 32px;text-transform:uppercase;max-width:1200px;margin:-110px auto 60px;padding-left: 140px}
.manmain .toph1 b{font-family: 'Libre Baskerville', serif;font-style: normal;font-size: 200px;color: #dec570;display: block;position: absolute;top: -60px;left:20px;width: 2em;height: 80px;}
.manmain{transform:translate(0%,100px)}
.kvdata{border:2px #c0b584 solid;max-width: 1200px;margin: auto;width: 100%;background-color: rgba(255,255,255,0.9);padding:40px 125px;height:375px}
.kvdata h1{font-size: 50px;font-family:"Candara";text-transform:uppercase;color:#dec570;font-weight: bold}
.kvdata .toph3{text-align: left}

/*調整下方被壓住的間距*/
.tween{padding-bottom: 400px}

/***********************5.0****************************/
.textlink{}
.textlink li{width: 25%;margin: 45px auto;text-align: center;vertical-align: top;}
.textlink li aside{margin-bottom: 110px}
.textlink li h3{font-size: 20px;font-family:"Candara";text-transform:uppercase;color:#232734;font-weight: bold}
.textlink li p{font-family:"Candara";text-transform:uppercase;color:#232734;font-weight: bold}

.designline{transform:translatey(-180px);margin: 0}

#myOpinion2.bgColor2{background-color:#dec570;padding: 70px 0}
#myOpinion2>h1{font-family:"Candara";text-transform:uppercase;color:#282c3a;font-weight: bold;font-size: 50px;text-align: center}
#myOpinion2>h1 span{color:#fff}
#myOpinion2 .vipmain2 {height: 400px;}

.textmain{background-color: #fff;left: calc(50% - 350px);padding:0 40px;top: calc(50% - 130px);
	z-index: 40;position: absolute;box-shadow: 1px 1px 5px 1px rgba(0,0,0,.3);max-width: 700px;border:#e4d08b 1px solid;margin: auto;width: 100%;text-align: center;height: 320px;}

.textmain aside {height: 100px;width: 100px;margin:-45px auto 0;
    border-radius: 50%;background: center center no-repeat;background-size: cover;padding-bottom: 9%;}
.textmain h2{color: #32384d;font-size:26px;font-weight: bold;font-family:"Candara";font-style: normal;position: relative}
.textmain h2 b{position: absolute;left: 0;display: block;width: 40px;height: 27px;background: center center no-repeat;background-size: contain;border: 1px solid #ccc;}
.textmain h6{color: #afb5c6;font-family:"Candara";font-size: 14px}


.btnstyle{max-width: 210px;}
.btnstyle span {color: #fff;}
.btnstyle b {display: block;background: url(../images/index/+++.png) center center no-repeat;width: 28px;height: 28px;position: absolute;top: 1.6em;left: -.5em;}

/***********************5.1****************************/

.flowboxstyle3{padding-left: 270px;padding-top: 50px;}
.flowboxstyle3 li{    margin: 9% auto;}
.flowboxstyle3 li>b{left: -225px;}
.flowboxstyle3 .subflowtext2 h3 span {line-height: 1.5;}

/***********************5.4****************************/
.throngdata{}
.throngdata figure{padding-top: 100px;}
.textmain2{box-shadow: 1px 1px 5px 1px rgba(0,0,0,.0);position:inherit;max-width: 1000px;width: 100%;height: auto;padding:0 90px}


.throng {padding: 40px 0;margin: auto;width: 100%}
.throng li{width: 29%;margin: 3% 2%;vertical-align: top;}
.throng .textmain2{padding:0 10px;min-height: 150px;}
.throng .textmain2 aside{width: 60px;height: 60px;margin:-30px auto 0;}
.throng .textmain2:hover{background-color:#e4d08b}

.throng .textmain2 h2{font-size: 20px}
.throng .textmain2 h2 b{ left: 20px;top: -28px;height: 12px;width: 17px;
    height: 12px;}
.throng .textmain2 h6{;font-size: 12px}

.throng .textmain2:hover h6{color: #fff}
	
/***********************5.4.1****************************/

.unstyle{padding: 0;}

.programContent2{ max-width:800px; margin:25px auto}
.programContent2 article{ padding:10px 0 0 120px ; position:relative}
.programContent2 article aside{position: absolute; top:0; left:0;width: 100px;height: 100px;border-radius: 50%;}

.programContent2 h2{font-size: 14px;color: #afb5c6;font-family:"Candara"}
.programContent2 h1{font-size:40px;font-family:"Candara"}
.unstyle .programContent2 h4{font-size: 18px;color:#107f75;font-family:"Candara"}
.programContent2 figure{padding-left: 1em;font-style:normal !important}
.programContent2 p{font-style:normal !important}

.programContent3{max-width: 900px;margin:20px auto;} 
.programContent3 article {padding: 0;}

.links3{margin:50px auto;}
.links3 h2{color:#666060;text-align:center;text-transform:uppercase;margin: 40px auto;}
.links3 .swiper-slide a{color:#2f3849; font-size:14px;}
.links3 .swiper-slide a aside{ padding:10px 0; width:50%}
.links3 .swiper-slide a aside>img{ border-radius:50%;}
.links3 .swiper-slide a article label{width:100%;font-weight:bold}
.links3 .swiper-slide a article label h3{ font-size:20px;font-weight:bold}
.links3 .swiper-slide a article label h3 b{ margin-right:9px}
.links3 .swiper-slide a article dl{ margin:5px 0}
.links3 .swiper-slide a article dt{width:90px;font-weight:bold;font-size:12px}
.links3 .swiper-slide a:hover article dt{ color:#000}
.links3 .swiper-slide a article dd{font-weight:bold;min-width:100px;color:#358d82;font-size:12px}

.links3 .swiper-slide a article label span{color:#358d82;font-weight:bold}
.links3 .swiper-slide a article label samp{font-weight:bold;min-width:100px;display:inline-block}

/***********************6.0****************************/

.width-r2 .newsbox{left: -50px;}
.newsbox{top: calc(50% - 150px);padding:60px 80px;border: 1px solid #e6d494;max-width:1000px;margin: auto}

.newsbox label {margin-right: 1em;font-size: 12px;font-family: 'Candara';color: #32384d;}
.newsbox label i{font-style: normal;padding: 3px 10px;border-radius: 5px;margin: 0 3px;}
.newsbox label span {color: #358d82;margin-left: 1em;border-left: 1px solid #afb5c6;font-size: 16px;padding-left: 1em;}
.newsbox h1{font-size: 29px;color: #2f3849;font-weight: bold;font-family:"Candara";overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsbox p {color: #403c3c;font-family:"Candara";text-align: left;height:4.5em;overflow:hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.newsbox2:hover{background-color:#e6d494}
.newsbox2:hover .colorstyle2,.newsbox:hover label i,.newsbox2:hover label span{color: #fff !important}


.newslink{padding:25px 0}
.newslink ul{margin: 0 auto 150px;}
.newslink .newsbox{padding: 40px 70px;border:none}
.newslink li{width: 48%;z-index: 10;background-color: #fff;border:1px solid #e6d494;max-height: 264px;overflow: hidden}
.newslink li:hover{background-color:#dec570;transition: all 0.7s;}
.newslink li:hover label span{color: #fff;border-left: 1px solid #fff;}
.newslink li:hover label i{color: #fff !important}
.newslink li:hover .colorstyle2 {color: #fff !important;}

.newslink li:nth-child(even){transform:translate(-5%,15%);width: 52%}

/***********************6.1****************************/

.newsContent{padding-bottom: 20px;}

/***********************8.1****************************/

.ca_main{display: inline-block;width: 49%;vertical-align: text-top}
.ca_main h1,.cabox h1{font-size:32px;color: #232734;font-family:"Calibri"}
.ca_main p{font-family:"Calibri"}

.ca_main label {margin-right:0;width: 49% !important;font-size: 14px;}

.cabox{background-color: #ebecf1;padding: 90px 15px}
.cabox h1{}
.cabox .contactForm{width: 47%;margin: 1%;display: inline-block}
.cabox .contactForm input[type=radio] {margin: 0 10px;}
.cabox .contactForm dl{width: 100%;margin: .95em auto;}
.cabox .contactForm .dlstyle{width:40%}
.cabox .contactForm .dlstyle2{width:59%}
.cabox .contactForm dd select {color: #232734;background: #fff url(../images/select_arrow2.png) no-repeat 97% center;border: 1px solid #b5bac5;}
.cabox .contactForm dl dt {text-align: right;padding-right: 20px;color: #232734;font-weight: bold;font-size: 16px;width: 150px}
.cabox .contactForm dl dt b{color: #e93e6b;margin-right: 3px}

.cabox .contactForm .label2{text-align: right; margin-bottom: 10px;width: 100%}
.cabox .contactForm label a{font-weight: bold;border-bottom: 1px solid;padding-bottom:2px}
.cabox .contactForm p{text-align: right} 
.cabox .contactForm p input[type=text] {padding:.6em .7em;}

.darkBtn2{ color: #282c3a;font-family:"Calibri";font-size: 22px;min-width: 240px;line-height: 2.2;}
.darkBtn2 b{background:url(../images/icona.png) center center no-repeat;width: 22px;height: 18px;display: inline-block;margin-left: 10px}
.darkBtn2:hover{color: #25d2b3;background-color: #282c3a;border-color: #282c3a; }
.darkBtn2:hover b{background-image:url(../images/icona_hover.png) }

/***********************7.0****************************/
.qa{padding-top: 50px}

/***********************sitmap****************************/
.sitmappage{ padding:0 0 20px} 
.sitmap-ul li { margin:1% 1% 1% 0; width:31%; vertical-align:top}
.sitmap-ul li h3{ font-size:15px; font-weight:bold; padding:10px; background-color:#deece9}
.sitmap-ul li a{ color:#000;font-variant:small-caps}
.sitmap-ul li a p{ padding-left:10px; font-size:16px; }


/*============================================index=================================================*/

/*==========0723==============*/
.links h1{color: #232734;text-align:left;text-transform:uppercase !important;;margin-bottom: 40px;font-size: 36px;font-weight: bold}
.Boxlinks{max-width: 1150px;width: 100%;text-align: left !important}
.Boxlinks li {margin: 1%;}
.Boxlinks li a{font-size: 16px;color: #fff;background-color:#1c4585;border-radius: 30px; line-height: 2.5em;text-align: center;display: inline-block;padding:0 20px;text-transform:uppercase;font-weight: bold}
.Boxlinks li a:hover{background-color:#e93e6b;color:#fff !important}
.table-bordered td{padding: 10px;}
.table-bordered td>b{font-family:'Candara'}


/*兩側圖像箭頭*/
.caseSelect{padding:0px 0 50px;position:relative;top: -677px;}
.caseSelect .btnSelect{display:block;padding:0 20px;position:absolute;top:70px;}
.caseSelect .btnSelect i{background:url(../images/icon_arrow9.png) no-repeat center center;width:30px;height:32px;display:inline-block;vertical-align:top;transition:all .7s;}
.caseSelect .btnSelect span{font-size: 21px;line-height:1.1;display:inline-block;vertical-align:middle;width: 145px;padding: 0 10px;transform: translatey(-10%);}
.caseSelect .btnSelect span aside{width: 60px; height: 60px;border-radius: 50%;background: center center no-repeat;background-size: contain}
.caseSelect .btnSelect span p{color: #32384d;font-weight: bold;margin:5px auto !important;margin-bottom: 0;line-height: 1.5em}
.caseSelect .btnSelect:hover i{opacity:0.6;filter:hue-rotate(200deg);transform:translateX(10px);}
.caseSelect .btnSelect:hover span{}

.caseSelect .btnPrev i{transform:rotate(180deg) !important;}
.caseSelect .btnPrev:hover i{transform:rotate(180deg) translateX(10px) !important;}
.caseSelect .btnNext {right:0;left:auto;text-align:right;}
.caseSelect .btnNext span{transform: translate(45%,-10%);}
.caseSelect .btnNext span p{transform: translate(-18%,0)}

.videomain2 .caseSelect .btnSelect span{translatey:translatey(30%);}

.caseSelect2{top: -1290px;}

/********************New Style-191015********************/

@media(min-width:768px){

	.newsbox3{
		width: calc( 100% + 50px);
		transform: translateX(-50px);
		position: static;
		padding: 30px 80px;
	}
	.videomain:nth-child(even) .newsbox3{
		transform: translateX(0px);
	}

	.videomain2 .width-l2{transform:translateX(100%);}
	.videomain2 .width-r2{transform:translateX(-100%);}
	.videomain2 .newsbox3{transform: translateX(0px);}

}



/***********************10/27 FIX***********************/
.maptext.subflowtext,
.flowbox3 .subflowtext{display: block;}

.maptext.subflowtext *{font-family: 'Candara' !important;}

.toph3{text-align:center;}

.flowbox2{padding-left:0;}
.flowbox2 li>div.logo{left:0 !important;}

/* ==== 11/16 ====*/
/* quick 連結區塊 */
.conlink{
	overflow: hidden;
	margin-bottom: 20px;
}
.conlink a{
	display: block;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 2em;
	overflow: hidden;
}
.conlink a .conlink_img{
	float: left;
	width: 151px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
}
.conlink a .conlink_img img{
	display: block;
	max-height: 30px;
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
}
.conlink a > .conlink_p{
	float: left;
	width: calc(100% - 151px);
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding-left: 20px;
}
.con_abtn{
	text-align: center;
}
.con_abtn a{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #1c4585;
	padding: 5px 25px;
	border-radius: 30px;
	margin: 10px;
}
.con_abtn a:hover{
	color: #fff !important;
	background-color: #e83f6a;
}
.maptext h3{
	padding-left: 15px;
	padding-right: 15px;
}

/* chinese */
.tween{
	padding-bottom: 200px;
}
.OGME{
	margin-top: 30px;
}
.OGME > .container{
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 15px;
}
.OGME h2{
	text-align: center;
}
#myOpinion2{
	margin-bottom: 250px;
}
.conlink_chinese a .conlink_img{
	width: 221px
}
.conlink_chinese a .conlink_img img{
	max-width: 100%;
}
.conlink_chinese a > .conlink_p{
	width: calc(100% - 221px);
}

/* study */
.iconstyle > li > img{
	margin-left: auto;
	margin-right: auto;
}
.flowbox>li{
	border-bottom: none;
}
.flowbox2 li{
	margin: 30px 0;
}

/* discover download */
.newsocial li > a{
	width: 250px;
	height: 354px;
	border: 1px solid #eee;
	overflow: hidden;
}
.newsocial p{
	height: 100px;
	text-align: left;
	margin-bottom: 10px;
	overflow: hidden;
}
.newsocial ul{
	width: 1096px;
}
.newsocial li{
	padding: 0 12px;
	width: 25%;
	margin-bottom: 50px;
}
.newsocial li a aside img{
	max-width: 250px;
    max-height: 354px;
}
.newsocial li .info{
	position: relative;
}
.newsocial li .info > span{
	font-size: 12px;
	color: #999999;
	text-align: left;
}
.newsocial li .info > .size{
	position: absolute;
	right: 90px;
	top: 4px;
}
.newsocial li .info > .dbtn{
	position: absolute;
	display: inline-block;
	right: 0;
	font-size: 12px;
	color: #fff;
	padding: 1px 10px;
	background-color: #000;
	border-radius: 30px;
}
.newsocial li:hover > .info > span{
	color: #5b9d94;
	transition: all .9s;
}
.newsocial li:hover > .info > div{
	background-color: #dec570;
	transition: all .9s;
}

/* discover system */
.flowbox>li>span .arrow{background: url(../images/down.png) center center no-repeat;width: 15px;height: 15px;display:block;position: absolute;right: 20px;top:50px}
.flowbox>li>span .arrow:hover{transform: rotate(-180deg);}
.flowbox>li.active>span .arrow{background-image: url(../images/downav.png)}

/* university */
.infodata li:hover .infodatabox{display: table;}
.vipmain-2l{width: 22%;padding-bottom: 16%;}
.vipmain-2r{width: 78%;}
.maintext{padding:10px 60px;}
.program-info .p-style b{
	margin: 0;
}
.program-info .tpl{
	padding-left: 15px;
}
.main2 img.stu-img{
	position: relative;
	border-radius: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.morebtn2{
	max-width: 410px;
	line-height: 1.5em;
}
.morebtn2 b{
	top: 3px;
}
.abt{
	display: block;
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
}
.un-program > .container{
	padding: 0 15px;
}

/* university info */
.campus-features{
	margin-bottom: 30px;
}
.campus-features h1{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.campus-features h4{
	margin-top: 15px;
	margin-bottom: 15px;
}
.campus-features ul li{
	position: relative;
	margin-bottom: 7px;
}
.campus-features ul .select_icon{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
}
.campus-features ul .selected{
	background-image: url(../images/selected.png);
}
.campus-features ul .none{
	background-image: url(../images/none.png);
}
.campus-features ul .cf-p{
	padding-left: 30px;
	line-height: 24px;
}
.uni_abtn{
	margin-top: 10px;
}
.uni_abtn a{
	display: inline-block;
	width: 160px;
}
.contantlinks ul li{
	margin: 5px;
}
.contantlinks ul li div{
	line-height: 26px;
	padding: 7px 20px;
	text-align: left;
}

/* link區塊 */
.link_swiper{
	overflow-x: hidden;
}

/* FAQ */
.qa .subflowtext ol{
	font-size: 18px;
}
.qa .subflowtext ol li{
	list-style-type: decimal;
}
.subflowtext ol li{
	line-height: 1.8em;
}

/* education */
.reason{
	overflow: hidden;
	margin-bottom: 100px;
}
.reason > div{
	float: left;
	text-align: center;
	padding: 10px;
}
.reason h3{
	font-size: 20px;
	font-weight: bold;
}
.reason h4{
	font-size: 20px;
	font-weight: bold;
	color: #afb5c5;
	font-family: 'Libre Baskerville', serif;
}
.reason-r5 > div{
	width: 20%;
}
.reason-r4 > div{
	width: 25%;
}
.education_imgdiv > div{
	margin-bottom: 30px;
}
#eag_img .dataimg aside{
	max-width: 1200px;
}
#eag_img .dataimg aside img{
	width: 100%;
}
#eag_img .toph1{
	padding-left: 270px;
	text-shadow: 2px 2px 2px #333;
}
#eag_img .kvdata{
	height: 330px;
}
.eag .carousel-indicators{
	bottom: 60px;
}

.subflowtext table p{
	text-align: left;
	margin-left: 5px;
}
.subflowtext table tr > td:first-child{
	width: 32px;
}
.subflowtext table tr > td:first-child p{
	text-align: center;
	margin-left: 0;
}

/* mts */
.tip form{
	text-align: left;
}
.tip form > div{
	display: inline-block;
	width: 77%;
}
.tip form select{
	width: 32.8%;
	margin-bottom: 20px;
	margin-right: 0;
}
.tip form button{
	width:20%;
	font-weight:bold;
	border: 1px #fff solid;
	color:#25d2b3;
	text-transform:uppercase;
	line-height:2.5;
	vertical-align:top;
	height: 40px;
	background-color: #32384d;
	margin-right: 0;
}
.search_count{
	margin-top: 20px;
	text-align: center;
}

/* programs */
.infobox2{
	background: none;
}
.morebtn3{
	transform: translateY(100px);
}

/* research */
.schooltext li{
	padding-top: 20px;
}
.school_search_s2 li:hover{
	background: none;
}
.school_search_s2 li:hover h1{
	color: #dec570;
}
.school_search_s2 li:hover h4{
	color: #dec570;
}
.school_search_s2 li:hover article label span{
	color: #dec570;
	border-color: #dec570;
}
.carousel-indicators{
	flex-wrap: wrap;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* footer */
.foot-urlimg{
	transition: transform 0.3s;
}
.foot-urlimg:hover{
	transform: scale(0.95);
}

/* 回頂部按鈕 */
.btn_gotop{
	position: fixed;
	right: 23px;
	bottom: 20px;
	width: 60px;
	height: 60px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 30px;
	cursor: pointer;
	z-index: 9999;
}
.btn_gotop > img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
}

/* google 翻譯工具 */
/*
#google_translate_element{
	display: none;
}
#gt_btn{
	position: relative;
	width: 130px;
	font-size: 14px;
	color: #000;
	text-align: left;
}
.gt_front{
	position: relative;
	padding: 1px 3px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #666;
	cursor: pointer;
	overflow: hidden;
}
.gt_front img{
	position: relative;
	display: inline-block;
	margin-right: 3px;
}
.gt_text{
	padding-right: 14px;
	overflow: hidden;
}
.gt_arrow{
	position: absolute;
	top: 1px;
	right: 3px;
	width: 14px;
}
.gt_select{
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	border: 1px solid #666;
	border-top: none;
	display: none;
}
.gt_option{
	padding: 2px 3px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	cursor: pointer;
}
.gt_option:first-child{
	border-top: none;
}
.gt_option:hover{
	background-color: #ddd;
}
*/


/* 其它 */
.clear{
	clear: both;
}
.clear-3-li > li:nth-child(3n+1){
	clear: left;
}
.clear-2 > div:nth-child(odd){
	clear: left;
}
.toph3 strong{
	font-size: 26px;
}
.connect > li:nth-child(odd){
	clear: left;
}
.con_abtn_block a{
	display: block;
}
.newsContent iframe{
	width: 100%;
}

/* new vip */
.vipmain-l_n2{
	position: relative;
	padding-bottom: 28%;
	height: 0;
}
.vipmain-l_n2 iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vipmain-r_n2{
	padding: 25px;
}
.vipmain-r_n2 h1{
	font-size: 28px;
	margin-top: 0;
}
.vipmain-r_n2 h2{
	font-size: 24px;
	font-family: "Bell MT";
    font-style: italic;
}
.vipmain-r_n2 .Morebtn{
	margin: 0;
}
#newVipOpinion .bgColor {
    background-color: #dec570;
}
#newVipOpinion{
	margin-bottom: 50px;
}

/* 填寫問卷選項 */
#questionnaire{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
}
.qu-div{
	display: block;
	width: 500px;
	min-height: 200px;
	background: #d1b667;
	padding: 30px;
	margin-top: 300px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	text-align: center;
}
.qu-button-div{
	text-align: center;
	margin-top: 50px;
}
.qu-button-div a{
	display: inline-block;
	padding: 10px 50px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.qu-button-div a:hover{
	background-color: #eee;
}
.qu-button-div a:first-child{
	margin-right: 50px;
}

/* 表單 */
select, textarea, input[type=text]{
	line-height: 27px;
}
input[type=text]{
	height: 40px;
	padding: 0 10px;
}

#kvbg a img:hover{
	transform: none;
}

.requirement .flowbox > li ul{
	list-style: disc;
	list-style-position: inside;
}

/* ---- 2020.08.31 ---- */
/* nav */
#topNav li.searchArea{
	margin-left: 5px;
	margin-right: 5px;
}
#topNav .searchArea input[type=text]{
	height: auto;
	line-height: 1;
	padding: 0;
}
.pc-searchbtn{
	position: absolute;
    right: 60px;
    top: 15px;
}
.pc-searchbtn2{
	top: -120px;
}
.pc-searchbtn a{
	display: block;
	width: 40px;
    height: 40px;
}
.pc-searchbtn a img{
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	top: 14px;
}

.ca_main-2 h1{
	margin-bottom: 30px;
}
.ca_main-2 p{
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* kv */
#kvbg .item{
	background-color: #000;
}
#kvbg .item iframe{
	position: relative;
	top: -60px;
}

/* contact */
.Contact.info{
	margin-top: 30px;
	margin-bottom: 60px;
}
.Contact.info .title{
	font-size: 32px;
    color: #232734;
    font-family: "Calibri";
	font-weight: bold;
}

.SearchBar-big dd{
	width: 42px;
	height: 42px;
}

.tab_bar{
	display: flex;
	flex-wrap: wrap;
}
.tab_bar a{
	position: relative;
	flex: 30%;
	font-size: 14px;
	color: #232734;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top: 8px;
	padding-bottom: 8px;
	border-right: 1px solid #d7d8db;
	margin-bottom: 2px;
}
.tab_bar a:hover{
	background-color: #e8dbaf;
	color: #616675 !important;
}
.tab_bar a:focus{
	color: #616675 !important;
}
.tab_bar a.active{
	background-color: #e8dbaf;
	color: #616675 !important;
}
.Contact select#country{
	color: #000;
}

/* 2020/09/26 */
.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex-sm-6{
	flex: 0 0 50%;
}
.unacinfo{
	margin-top: 80px;
}
.unacinfo h1{
	font-size: 32px;
    font-weight: bold;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;    
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 34px;
	height: 68px;
}
.unac_abox{
	display: block;
	margin-top: 30px;
	margin-bottom: 60px;
}
.unac_abox:hover .unac_con{
	background-color: #e6d494;
}
.unac_abox:hover img{
	transform: none;
}
.unac_con{
	padding: 15px;
	border: 1px solid #e6d494;
}
.unac_con h2{
	font-size: 26px;
	margin-top: 10px;
}
.unac_con p{
	
}
.unac_con p.title{
	font-size: 22px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;    
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 32px;
	max-height: 96px;
	margin-bottom: 10px;
}
.text_morebtn{
	font-family: "Cambria";
    color: #282c3a;
    font-size: 20px;
	margin-top: 10px;
	text-align: right;
	text-decoration: underline;
	padding-right: 5px;
}
.beic_con h1{
	margin-bottom: 20px;
}
.beic_con h2{
	font-size: 26px;
}

/* 分頁按鈕兩行樣式 */
@media(min-width:768px){
	.programNav.unstyle ul li a{
		line-height: 2;
		height: 60px;
		padding-top: 15px;
	}
	.programNav.unstyle ul li a.mta{
		padding-top: 0;
	}
}

.beic h1{
	font-size: 32px;
    font-weight: bold;
}
.schooltext.news_style li:hover{
	background: none;
}
.schooltext.news_style li:hover .colorstyle2{
	color: #afb5c6 !important
}
.schooltext.news_style li:hover .colorstyle{
	color: #358d82 !important;
}
.schooltext.news_style li:hover article label span{
	color: #358d82;
	border-color: #afb5c6;
}
.schooltext.news_style li:hover hr{
	border-color: #d9e8e6;
}

.fb_dialog_content > iframe{
	bottom: 100px !important;
}
/* news content */
.font-candara, .font-candara p, .font-candara span, .font-candara a{
	font-family: 'Candara' !important;
}
.newsContent, .newsContent p, .newsContent span{
	font-size: 18px;
}

/* 2021/07/20 */
.newsContent ul{
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.newsContent ul li{
	margin-bottom: 10px;
	margin-right: 0;
	list-style-type: disc;
}

/* 2022/03/15 */
.index-videomain .width-l .videobox{
	left: -30px;
}
.videobox3 p span{
	background-size: contain;
}
.flag_box{
	max-width: 40px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.flag_box img{
	display: block;
	max-width: 100%;
	max-height: none;
}
.ov-hide{
	overflow: hidden;
}
.flag_box_fi{
	float: left; 
}
.flag_box_fi_school{
	float: right;
}
.newsContent img{
	width: auto !important;
	height: auto !important;
}
.mts_item{
	margin-bottom: 20px;
}
.mts_item a{
	display: block;
	height: 100%;
}
.mts_box{
	flex-direction: column;
	height: 100%;
}
.mts_box .videobox3{
	top: 0;
	flex-grow: 1;
	transform: translateY(-40px);
	padding-bottom: 70px;
}
.mts_box .playbtn2{
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
}
.mts_box .playbtn2 img{
	margin-left: auto;
	margin-right: auto;
}

/* 2023/09 */
.programContent p{
	margin-top: 0;
	margin-bottom: 15px;
}
.programContent hr{
	margin-bottom: 40px;
}

/* 手機版 */
@media(max-width:767px){
	#kvbg .item iframe{
		top: 0;
	}
	.quick_a{
		padding-left: 15px;
		padding-right: 15px;
	}
	.quick_find a{
		padding-left: 15px;
		padding-right: 15px;
	}
	.iconstyle > li > img {
		display: none;
	}
	.reason > div{
		width: 50%;
	}
	.reason > div:nth-child(odd){
		clear: left;
	}
	#myOpinion .carousel-indicators{
		bottom: 10px;
	}
	#myOpinion2.kvimg{
		height: 780px;
	}
	#myOpinion2.eag{
		height: 540px;
	}
	#eag_img .kvdata{
		height: 200px;
	}
	#findform > select{
		width: 95%;
	}
	.videobox > .flagp{
		line-height: 35px;
	}
	.videobox h1{
		text-align: left;
	}
	.videobox h3{
		text-align: left;
		font-size: 14px;
	}
	.playbtn{
		transform: translateY(70px);
	}
	.newsocial li > a{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.width-r2 > .newsbox3{
		left: 0;
		top: 0;
		margin: 0;
	}
	.width-r2 .videobox{
		left: 0;
	}
	.tip form > div{
		display: block;
		width: 100%;
	}
	.tip form select{
		width: 96%;
		margin-top: 0;
		margin-bottom: 2%;
	}
	.tip form button{
		display: block;
		width: 100%;
		max-width: 160px;
		margin: 30px auto; 
	}
	.morebtn2{
		max-width: 320px;
	}
	/* 輪播點點 */
	.carousel-indicators{
		display: none;
	}
	/* 填寫問卷選項 */
	#questionnaire{
		padding-left: 5px;
		padding-right: 5px;
	}
	.qu-div{
		width: 100%;
		margin-top: 150px;
	}
	.qu-con{
		width: 100%;
	}
	.qu-button-div a:first-child{
		margin-right: 15px;
	}
	
	.tab_bar a{
		flex: 100%;
		border: 1px solid #d7d8db;
		border-top: none;
		margin-bottom: 0;
		padding: 10px;
		padding-left: 20px;
		font-size: 15px;
		text-align: left;
	}
	.tab_bar a:first-child{
		border-top: 1px solid #d7d8db;
	}
	.tab_bar a.active{
		background: none;
		color: #107f75 !important;
	}
	.tab_bar a.active::after{
		content: "";
		background: url(../images/icon_arrow6.png) no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		right: 5px;
		top: 20px;
	}
	.flex-sm-6{
		flex: 0 0 100%;
	}
	.unacinfo h1{
		font-size: 24px;
	}
	.unac_con p.title{
		font-size: 18px;
	}
	.flag_box_fi{
		float: none; 
	}
	.flag_box_fi_school{
		float: none;
	}
	.index-videomain .width-l .videobox{
		left: 0;
	}
}

/* 非手機版 */
@media(min-width:768px){
	.OGME > .container{
		width: 1100px;
	}
	.reason-r5 > div:nth-child(5n+1){
		clear: left;
	}
	.reason-r4 > div:nth-child(4n+1){
		clear: left;
	}
	.conlink a{
		height: 70px;
	}
	.width-l2 img{
		display: block;
		margin-left: auto;
		margin-right: 0;
		width: 648px;
		height: 432px;
		object-fit: contain;
	}
	.width-r2 img{
		display: block;
		margin-left: 0;
		margin-right: auto;
		width: 648px;
		height: 432px;
		object-fit: cover;
	}
	/* nav */
	#subNav > .container{
		width: 100%;
		padding: 0;
	}
	
	.tab_bar a:nth-child(3n){
		border-right: none;
	}
	.mainstyle2{
		min-height: 150px;
	}
}

/* 平板 */
@media (max-width:991px){
	.newsocial ul{
		width: 100%;
	}
	.newsocial li{
		width: 33.33%;
	}
}

@media (max-width:1199px){
	.unac_con p.title{
		-webkit-line-clamp: 4;    
		line-height: 32px;
		max-height: 128px;
	}
}

/* 2021/09/09 */
/* 更換 bootstrap 5 */
.white{
	color: #fff;
}
.visible-xs, .visible-sm, .visible-md{
    display: none !important;
}
.hidden{
	display: none !important;
}
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
b, strong {
    font-weight: bold;
}
.carousel-indicators{
	list-style-type: none;
}
#myOpinion .carousel-indicators{
	bottom: 10px;
}
.carousel-indicators [data-bs-target]{
	width: 26px;
    height: 4px;
    margin: 1px 4px 7px 4px;
    background-color: #c6c6c6;
    border: 1px #c6c6c6 solid;
    border-radius: 0px;
}
.carousel-indicators .active{
    background-color: #25c1a6;
    border: 1px #25c1a6 solid;
}
.carousel-item figure{
	margin: 0;
}
.carousel-control.left{
	justify-content: flex-start;
}
.carousel-control.right{
	justify-content: flex-end;
}
.education_imgdiv > .row > div{
	margin-bottom: 30px;
}
thead, tbody, tfoot, tr, td, th{
	border: 1px solid #eaeaea;
}
footer{
	padding-top: 1px;
}
.bs_icon_style{
	position: relative;
	top: -4px;
}
.pc-btn hr{
	opacity: 1;
}
header.active h1{
	top: 4px;
}
ol{
	list-style-position: inside;
}

@media(max-width: 1199px){
	.visible-md{
		display: block !important;
	}
	.hidden-md{
		display: none !important;
	}
}
@media(max-width: 991px){
	.visible-sm{
		display: block !important;
	}
	.hidden-sm{
		display: none !important;
	}
}
@media(max-width: 767px){
	.visible-xs{
		display: block !important;
	}
	.hidden-xs{
		display: none !important;
	}
	header{
		height: 60px;
	}
}