'''''''''''''''''''''''''''''''''''''''''''''''''''''''@charset "UTF-8";
html, body, div, span, iframe,h1, h2, h3, h4, h5, h6, p,a, em, img,
b, u, i, center,dl, dt, dd, ol, ul, li,form, label, article, aside, nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit; vertical-align: baseline;}

article, aside, details, figcaption, figure,footer, header, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse:clapse; border-spacing: 0;}
body { font-family: "微軟正黑體" !important;}
.clearfix {clear: both;}

/* ===== desktop ===== */
/* header */
header{background:url(../images/header.jpg)no-repeat;width: 100%;padding-bottom:36.45%;background-size: cover;position: relative;overflow: hidden;}




/* nav */
nav{background: #EA5514;}
nav ul{display: flex;justify-content: center;}
nav ul li{box-sizing:border-box;}
nav ul li a{color:#fff;text-decoration: none;font-size: 25px;border-left:1px solid #fff;display: block;padding:15px 50px;font-weight: bold;}
nav ul li:first-child a{border: 0;}
nav ul li a:hover{color: #fed618;}

/* main */
/* 內容 */
.conA{box-sizing: border-box;padding: 60px calc((100% - 1000px)/2);text-align: center;}
.conA h2{font-family: 'Noto Sans TC', sans-serif;font-weight: bold;color: #E60012;font-size: 40px;}
.conA>div{margin: 10px 0;background: #fff;box-sizing: border-box;padding:30px 50px;border-radius: 10px;text-align: left;}
.conA .head{color: #036EB8;font-family: 'Noto Sans TC', sans-serif;font-weight: bold;font-size:26px;margin:10px 0;}
.conA>div p{font-size: 20px;line-height: 1.6;}
.conA>p{font-size: 24px;margin-bottom:30px;}
.conA>a{font-size: 20px;color: #fff;background: #e4007f;text-decoration: none;box-sizing: border-box;padding:8px 35px;font-family: 'Noto Sans TC', sans-serif;}
.conA>a::before{content:'\f0a4';display: inline-block;font-family: "Font Awesome 5 Free";line-height: 1;font-weight: 400;margin-right: 5px;}
.conA img{
	max-width:800px;
	margin:0 auto;
}

/* 考取學員強推 */
.align{padding:40px  calc((100% - 900px)/2);text-align: center;}

.align h2{font-family: 'Noto Sans TC', sans-serif;font-weight: bold;color: #E60012;font-size: 40px;}

.align ul{display: inline-block;justify-content: space-between;margin:40px 0;}

.align ul li{width: 44%;border:2px solid #999;border-radius:15px;box-sizing: border-box;padding:40px 20px;text-align: left;margin: 15px 15px;float:left;}

.align ul .head{font-size: 20px;color: #ff72bb;overflow: hidden;text-align: left;line-height:1.6;margin-bottom:25px;}
.align ul .head img{float: left;margin-right: 10px;}
.align ul li:nth-child(2) img{transform: rotateY(180deg);}
.align ul .head p:nth-child(2){font-size: 22px;color: #01a978;}
.align ul li>p{line-height: 1.6;font-size: 18px;}
.align>p{font-size: 25px;margin:20px 0 10px 0;}
.align a{text-decoration:none;background: #ff72bb;color:#fff;font-size:30px;border-radius: 50px;padding:8px 35px;box-sizing: border-box;display: inline-block;margin:10px 0;}
.align>a:hover{color: #ff72bb;background: #fff;box-sizing: border-box;border: 1px solid #ff72bb;margin:9px 0;}




/* footer */
footer{background:#3a81cd;padding: 50px calc((100% - 1024px)/2);display: flex;box-sizing: border-box;justify-content: space-between;align-items: center;}
.footer{width: 100%;margin-left:20px;}
.footer>a{background: #fff;color: #3a81cd;text-decoration: none;padding:10px 15px;border-radius: 10px;font-size: 22px;font-weight: bold;width: 100%;display: flex;justify-content: space-between; width: 100%;box-sizing: border-box;}
.footer>a::after{content:'\f054';font-family: "Font Awesome 5 Free";display: inline-block;font-weight: bold;}
.footer>a:active{box-shadow:4px 4px 4px #333 inset;}
.footer ul{display:flex;margin-top: 20px;}
.footer ul li{border-right:1px solid #fff;}
.footer ul li:last-child{border: 0;}
.footer ul a{color: #fff;text-decoration: none;font-size: 20px;padding: 0 10px;position: relative;}
.footer ul a::after{content:'';display: block;width: 0;height: 1px;background: #fff;position: absolute;bottom: 0;left: 45%;transition: all .5s;}
.footer ul a:hover::after{left: 0;width: 100%;}





/* ===== phone ===== */
@media(max-width:767px){
/*header*/
header{background:url(../images/header-mobile.jpg)no-repeat;width: 100%;height: 0;padding-bottom:124.27%;background-size: cover;}
header div{display: none !important;}
header img{display: none !important;}
/* nav */
nav ul{flex-wrap: wrap;}
nav ul li{width: 100%;}
nav ul li a{border-left:0;border-top:1px solid #fff;font-size:5vw;padding:10px;text-align: center;}

/* main */

/* 內容 */
.conA{padding: 30px 4%;background-size: 100% 100%;}
.conA h2{font-size:8vw;line-height: 1.4;display: block;width: 86%;margin: 0 auto;}
.conA>div{padding: 10px 15px 20px 15px;}
.conA>div br{display: none;}
.conA .head{font-size:6vw;margin-top: 20px;}
.conA>div p{font-size:4.5vw;margin-bottom:10px;line-height: 1.3;}

    
/* 考取學員強推 */
.align {padding:60px 5%;}
.align h2{font-size:8vw;line-height: 1.6;display: block;width: 86%;margin: 0 auto;}
.align ul{flex-wrap: wrap;}
.align ul li{width: 100%;margin-bottom: 20px;padding: 20px 30px;text-align: center;}
.align ul .head{margin-bottom: 15px;line-height: 1.5;}












/* footer */
footer{padding:40px 1%;}
footer>img{width:50%;margin: 0 auto;}
.footer{margin-top:20px;}
.footer>a{font-size:4.3vw;width: 96%;padding:8px 10px;}
.footer ul li{width: 31%;}
.footer ul a {font-size: 5vw;}
}


}