'''''''''''''''''''''''''''''''''''''''''''''''''''''''@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:40%;background-size: cover;position: relative;overflow: hidden;}

.h02{ width:100%; color:#FFFFFF; font-size:40px; font-weight:bold; text-align:center;padding:1.5%;}


/* nav */
nav{background: #5E3A94;}
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 */
.fram{ width:800px; margin:0 auto; text-align:center;}

/* 折扣券 */
.coupon{ width:98%; margin:0 auto; color:#FFF; font-size:40px; font-weight:bold; background-color: #358FB7; padding:1%;}

/* 內容 */
.conA{box-sizing: border-box;padding: 60px calc((100% - 1000px)/2);text-align: center;}

.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;
}
.conA .t1{ font-size:36px;}
.conA .t2{ width:100%; text-align:center; font-size:30px; color:#FFFFFF; background-color:#CC0000;text-decoration:none;}
.conA .t2 a{text-decoration:none; color:#FFFFFF;display:block;}


/* 考取學員強推 */
.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;}


/* 影片尺寸 */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 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;}

.h02{ width:100%; color:#FFFFFF; font-size:22px; font-weight:bold; text-align:center;}


/* 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 */
.fram{ width:100%; margin:0 auto; text-align:center;}

/* 折扣券 */
.coupon{ width:98%; margin:0 auto; color:#FFF; font-size:18px; font-weight:bold;}


/* 內容 */
.conA{padding: 30px 4%;background-size: 100% 100%;}

.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;}
.conA .t1{ font-size:20px;}
.conA .t2{ width:100%; text-align:center; font-size:18px; color:#FFFFFF; background-color:#CC0000;text-decoration:none;}
.conA .t2 a{text-decoration:none; color:#FFFFFF;}

    
/* 考取學員強推 */
.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;}



}


}