@charset "UTF-8";
/* CSS Document */
html, body{height: 100%; -webkit-text-size-adjust: 100%; font:normal 18px/1.5 'Noto Sans TC', sans-serif;color:#222222;margin:0;padding:0; }
a { text-decoration:none;cursor: pointer; color:#222222;}
a:hover{color: #4f61b0;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img {margin: 0;padding: 0;border: none;}
table{border-collapse: collapse;}
img {border: none;display:block; }
img.inline { display: inline-block; vertical-align: middle; }
ul, li {list-style: none;}
input,select{}
*:focus {outline: none;}
*, *:before, *:after{ box-sizing: border-box; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #666666;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #666666;}
::-ms-input-placeholder { /* Microsoft Edge */color: #666666;}
h1 {position: relative; /*width:9.1rem; height: 2.22rem;*/width:10.875rem; height: 2.5rem;  display: block; background: url("../images/logo.png") center no-repeat; background-size:auto 100% ;}
h1 a{ width:100%; height: 100%; display: block; }
h2{font-size:2.5rem; line-height: 1.2; display: flex;  align-items: center; letter-spacing: 1px; }
h3{font-size:1.5rem; color: #555555;}
h4{font-size:1.2rem;}
h5{font-size:1rem;color: #000;}
h6{font-size:.8rem;}
p{}
p a{}
p img{}


/*table*/
div[class*="tb_"]{overflow: auto;white-space: nowrap; border:1px solid #dddddd; font-size: 0.9rem; margin: 0 0 1rem;}
div[class*="tb_"] th, div[class*="tb_"] td{line-height: 1.2; padding: 0.6rem; text-align: left;background: #fff;}
div[class*="tb_"] th{ border-bottom: 2px solid #dddddd; background: #fff; font-weight: normal;}
div[class*="tb_"] tr:nth-child(odd) td{ background: #f9f9f9;}
div[class*="tb_"] th.sticky, div[class*="tb_"] td.sticky{position: sticky; left: 0;margin-right: 2px;}
div[class*="tb_"] th.sticky::after, div[class*="tb_"] td.sticky::after{content: ""; width: 2px; height: 100%; display: block; background: #dddddd; position: absolute; right: 0; top:0;}

/*select*/
.sBox{  height: 2.5rem; display:block; padding: 0;  margin: 0 0 1rem; overflow: hidden; background:#fff url("../images/ar_gry_deep.svg") center right 0.5rem no-repeat; background-size: 0.5rem auto; border:1px solid #aaaaaa; border-radius: 4px;  }
.sBox select{ width:100%;  height: 100%; padding:0 1.8rem 0 0.5rem; font-size:.9rem; color:#222222; border: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sBox select:focus{ outline: none;}
.sBox select::-ms-expand { display: none;}
/*input*/
input[type='text'], input[type='password'] { font-size: 1rem; width: 100%;  height: 2.5rem;  border: 2px solid #dddddd;  border-radius: 5px;  padding: 0 .5rem;}
input::-webkit-input-placeholder {  color: #aaaaaa;  font-weight: 400;}
input::-moz-placeholder {  color: #aaaaaa;font-weight: 400;}
input:-ms-input-placeholder {  color: #aaaaaa;  font-weight: 400;}
input::-ms-input-placeholder {  color: #aaaaaa;  font-weight: 400;}
input::placeholder {  color: #aaaaaa;  font-weight: 400;}
.input+.input {  margin-top: 10px;}
.w01{width: 20rem;}
.bt-func {  margin: 1rem 0 ;  display: flex;align-items: center;  justify-content: space-between;}
.btn-btnOn+.btn-btnOn {  margin-top: 10px;}
.rememberMe {  position: relative;  transform: translateY(-1px);}
/*checkbox*/
[type=checkbox] {  margin: 0;  padding: 0;  background: none;  border: none;  border-radius: 0;  outline: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; }
[type=checkbox] {  position: relative;  width: 1.25rem;  height:  1.25rem; display: block; flex: 0 0 1.25rem; cursor: pointer;  top: 3px; background: #e3e9f3; margin-right: .3rem;}
[type=checkbox]::after {  position: absolute;  display: block;  content: "";}
[type=checkbox]::after {  width: 100%;  height: 100%;  background:#e3e9f3 url('../images/ico-check.svg') no-repeat;    transition: opacity 0.3s;  opacity: 0;}
[type=checkbox]:checked::after {  opacity: 1;}
/*radio*/
[type=radio] {  margin: 0;  padding: 0;  background: none;  border: none;  border-radius: 0;  outline: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; }
[type=radio] {  position: relative;  width: 1.25rem;  height:  1.25rem; display: block; flex: 0 0 1.25rem;  cursor: pointer;  top: 3px; background: #e3e9f3; margin-right: .3rem;border-radius: 99rem;}
[type=radio]::after {  position: absolute;  display: block;  content: "";}
[type=radio]::after {  width:60%;  height: 60%; top:20%;left:20%;  background:#467ad0 ;border-radius: 99rem;    transition: opacity 0.3s;  opacity: 0;}
[type=radio]:checked::after {  opacity: 1;}

div[class|="ipt"]{position: relative; border-radius: 5px; overflow: hidden;/*padding-bottom: 1rem;*/}
div[class|="ipt"] input{padding-right: 2.5rem;}
div[class|="ipt"] a{position: absolute; width: 2.5rem; height: 2.5rem; display: block; top:0; right: 0; background: #000;transition: all 0.3s; }
div[class*="discount"]{width: 21rem; margin: 3rem auto;}
div[class*="discount"] input{ border-color: #5384d6;}
div[class*="discount"] a{ width: auto; padding: 0 1rem; background: #5384d6;color:#fff; line-height: 2.5rem;}
div[class*="discount"].grey input{ border-color: #aaaaaa;}
div[class*="discount"].grey a{  background: #aaaaaa;}
div[class*="discount"].grey a:hover{  background: #777777;}
/*div[class|="ipt"] .remind{position: absolute;bottom:0;left: 0;}*/
div[class*="query"] a{background: url("../images/ico-query.svg") center no-repeat; background-size:2rem auto ;}
div[class*="eyeopen"] a{background: url("../images/btn-input-eye.svg") center no-repeat; background-size:2rem auto ;}
div[class*="eyeclose"] a{background: url("../images/btn-input-eyeclose.svg") center no-repeat; background-size:2rem auto ;}
div[class*="calendar"] a{background: url("../images/btn-input-calendar.svg") center no-repeat; background-size:2rem auto ;}
/*switch*/
.switch {  position: relative;  display: inline-block;  width: 60px;  height: 34px; margin: 0 10px 0 0; flex:0 0 60px;}
.switch input {   opacity: 0;  width: 0;  height: 0;}
.slider { border-radius: 99rem; position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.slider:before { border-radius: 99rem; position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background: linear-gradient(to right, #5083d5, #9493f1 ); -webkit-transition: .4s;transition: .4s;}
input:checked + .slider { background-color: #e1e8f4;}
input:focus + .slider { /*box-shadow: 0 0 10px #cccccc;*/}
input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}

/*txt_*/
.remind{font-size: .88rem; line-height: 1.1; color: #a21212;}
.txt_s{font-size: .88rem;}
.txt_b{font-size: 1.2rem;}
.tC{text-align: center;}
.txt_bx{ background: #fdfdfd;  border: 1px solid #dddddd; border-radius:.2rem; text-align: center; padding: 2rem 1rem; margin: 0 0 2rem;}
/*color_*/
.color_grn{ color:#0c7d53;}
.color_gry{ color:#555555;}
.color_gry_light{ color:#aaaaaa;}
.color_red{ color: #a21212;}
.color_blue{ color: #5384d6;}
.color_indigo{ color: #4f61b0;}
.color_purple{ color: #a273bf;}
.color_bk{ color: #000000;}

/*m_block*/
.m_block{display: none;}
.m_hide{display: block;}

a.a_txt_downLoad{ background-color: #a273bf; border-radius: 5px; color: #fff;}
/*all btn*/
a.orderBtn{position: fixed; bottom: 0; left: 0; width: 100%; height:2; display: flex; justify-content: center; align-items: center;background: #a21212; color: #fff; font-size: 1.666rem; z-index: 9; transition: all .3s;}
a.orderBtn:hover{color:#fff; background: #5083d5;}
a.forget{ display: flex; justify-content: center; align-items: center;}
a.forget::before{content:'?';width: 1.25rem; height: 1.25rem; margin: 0 .1rem 0 0; display: flex; justify-content: center; align-items: center;background: #5083d5; color: #fff; border-radius: 99rem; }
a[class|="btn"]{  padding: 0 1rem;margin: 0 .5rem; height: 2.5rem; border: 2px solid #dddddd; border-radius:99rem;display: inline-flex; justify-content: center; align-items: center; flex-wrap: nowrap; transition: all 0.3s; }
a[class|="btn"]:hover,a[class*="btnOn"]{color:#fff; background-image: linear-gradient(to right, #5083d5, #9493f1 ); border-color: #fff; flex:0 0 auto;}
a[class*="btnOff"]{color:#fff; background: #b7b7b7; }

a[class*="arrow"]::before{ content: '▶';display: block; margin-right: 1rem;font-size: .6rem;}



a[class*="reflash"]::before,  
a[class*="rotateR"]::before,  
a[class*="rotateL"]::before,  
a[class*="file"]::before, 
a[class*="flip"]::before, 
a[class*="cut"]::before, 
a[class*="sign"]::before, 
a[class*="downLoad"]::before, 
a[class*="del"]::before{ content: ''; width: 1.5rem; height:1.5rem; margin-right: .3rem; display: block;}

a[class*="reflash"]::before{ background: url("../images/ico-reflash.svg") center no-repeat;}
a[class*="reflash"][class*="btnOn"]::before, a[class*="reflash"]:hover::before{ background: url("../images/ico-reflash-wh.svg") center no-repeat;}
a[class*="rotateR"]::before{ background: url("../images/ico-rotate.svg") center no-repeat; transform:scaleX(-1);}
a[class*="rotateR"][class*="btnOn"]::before, a[class*="rotateR"]:hover::before{ background: url("../images/ico-rotate-wh.svg") center no-repeat;transform:scaleX(-1);}
a[class*="rotateL"]::before{ background: url("../images/ico-rotate.svg") center no-repeat;}
a[class*="rotateL"][class*="btnOn"]::before, a[class*="rotateL"]:hover::before{ background: url("../images/ico-rotate-wh.svg") center no-repeat;}
a[class*="downLoad"]::before{ background: url("../images/ico-downLoad.svg") center no-repeat;}
a[class*="downLoad"][class*="a_txt"]{display: flex; height: auto; line-height: 1.2; flex-direction: row; align-items: center; text-align: center;  padding: .1rem .5rem;}
a[class*="downLoad"][class*="a_txt"]::before{ background: url("../images/ico-downLoad-wh.svg") center no-repeat;}
a[class*="downLoad"][class*="btnOn"]::before, a[class*="downLoad"]:hover::before{ background: url("../images/ico-downLoad-wh.svg") center no-repeat;}
a[class*="flip"]::before{ background: url("../images/ico-flip.svg") center no-repeat;}
a[class*="flip"][class*="btnOn"]::before, a[class*="flip"]:hover::before{ background: url("../images/ico-flip-wh.svg") center no-repeat;}
a[class*="flipReverse"]::before{ background: url("../images/ico-flip.svg") center no-repeat; transition: rotateX(-1)}
a[class*="flipReverse"][class*="btnOn"]::before, a[class*="flipReverse"]:hover::before{ background: url("../images/ico-flip-wh.svg") center no-repeat;}
a[class*="cut"]::before{ background: url("../images/ico-cut.svg") center no-repeat;}
a[class*="cut"][class*="btnOn"]::before, a[class*="cut"]:hover::before{ background: url("../images/ico-cut-wh.svg") center no-repeat;}
a[class*="del"]::before{ background: url("../images/ico-del.svg") center no-repeat;}
a[class*="del"][class*="btnOn"]::before, a[class*="del"]:hover::before, a[class*="del"][class*="btnOff"]::before{ background: url("../images/ico-del-wh.svg") center no-repeat;}
a[class*="file"]::before{ background: url("../images/ico-file.svg") center no-repeat;}  
a[class*="file"][class*="btnOn"]::before, a[class*="file"]:hover::before{ background: url("../images/ico-file-wh.svg") center no-repeat; }
a[class*="sign"]::before{ background: url("../images/ico-sign.svg") center no-repeat;}  
a[class*="sign"][class*="btnOn"]::before, a[class*="sign"]:hover::before{ background: url("../images/ico-sign-wh.svg") center no-repeat; }


a[class*="move-"]::after{content:'→';display: block; margin:0.3rem; }
a[class*="move-next"]{padding: 0 1rem 0 1.25rem}
a[class*="move-prev"]::after{transform: rotate(-180deg)}
a[class*="move-prev"]{padding: 0 1.25rem 0 1rem; flex-direction: row-reverse;}

a[class*="query"]{padding: 0;display: block; width: 2.5rem; height: 2.5rem; overflow: hidden;}
a[class*="query"]::before{ content: '';display: block; width:100%; height: 100%; background: url("../images/ico-query.svg") center no-repeat; background-size: 1.2rem auto; }
a[class*="query"]:hover::before{  background: url("../images/ico-query-wh.svg") center no-repeat; background-size: 1.2rem auto;}
header a[class*="query"]{border-color: #fff;}

a.hashTag{color: #4f61b0; text-decoration: underline;  transition: all .3s;}
a.hashTag:hover{color: #a371b5;}
/*ico-btn-*/
a[class|="ico-btn"],[class|="ico-btn"]{display:inline-block; width:1.666rem; height:1.666rem; padding: 0;}
a[class*="share"]{  background: url("../images/btn-share.svg") center no-repeat; background-size: 80% auto;}
a[class*="share"]:hover{  background: url("../images/btn-share-on.svg") center no-repeat; background-size: 80% auto;}
a[class*="FB"]{ border-radius: 99rem; background:#0866ff url("../images/ico-fb-wh.svg") center no-repeat; background-size:contain;}
a[class*="LINE"]{ border-radius: 99rem; background:#06c755 url("../images/ico-line-wh.svg") center no-repeat; background-size:80% auto;}
a[class*="pathlink"]{ border-radius: 99rem; background: url("../images/ico-link.svg") center no-repeat; background-size:80% auto;}

[class*="like"]{ background: url("../images/btn-heart.svg") center no-repeat; background-size: 80% auto;}
[class*="like"]:hover, [class*="like"].active{  background: url("../images/btn-heart-on.svg") center no-repeat; background-size: 80% auto;}
a[class*="goTop"]{position: fixed; bottom:3rem; right: .5rem;width:1.666rem; height:1.666rem; background:rgba(0,0,0,.5) url("../images/btn-goTop.svg") center no-repeat; background-size: 100% auto;border-radius: 99rem; overflow: hidden;}
a[class*="goTop"]:hover{ background:rgba(0,0,0,.8) url("../images/btn-goTop.svg") center no-repeat; background-size:100% auto;}


a.back{display: flex; justify-content: center; align-items: center; padding:0 .5rem; }
a.back::before{ content: ''; width: 1rem; height: 1rem; display: block; margin-right: .3rem .5rem; background: url("../images/ico-back.svg") center no-repeat; background-size: 100% auto;}
a.back:hover::before{ background: url("../images/ico-back-on.svg") center no-repeat; background-size: 100% auto;}

/*tag*/
[class|="tag"]{height:1.666rem; line-height:0.7rem; padding: .3rem .4rem; margin:0 .3rem .3rem 0; font-size: .88rem; color: #fff;border-top-left-radius: 99rem;border-top-right-radius: 99rem;border-bottom-right-radius: 99rem; display: inline-flex; justify-content: center; align-items: center;}
[class*="tag-time"]{ background:#4f61b0;}
[class*="tag-program"]{ background:#00cd96;}
[class*="tag-free"]{color: #222222; background:#ffce24;}

/*status-*/
[class|="status"]{width: 6.666rem; height:6.666rem; background: #000; display: block; margin: 0 auto 1.25rem;}
[class*="status-ok"]{ background: url("../images/status-ok.svg") center no-repeat; background: contain;}
[class*="status-fail"]{ background: url("../images/status-fail.svg") center no-repeat; background: contain;}
[class*="status-exclam"]{ background: url("../images/ico-exclamation.svg") center no-repeat; background: contain;}
p.succeed, p.fail{ display: flex; align-items: center; justify-content: center;}
p.succeed::before, p.fail::before{content: ''; width:2.5rem ; height:2.5rem ; display: block; margin-right: .3rem;}
p.succeed::before{background: url("../images/status-ok.svg") center no-repeat; background: contain;}
p.fail::before{background: url("../images/status-fail.svg") center no-repeat; background: contain;}


/*fl_bx*/
.fl_bx{display: flex; align-items: center; width: 100%;}
.fl_wrap_bx{display: flex; align-items: center; width: 100%; flex-wrap: wrap;}
.just_en{justify-content: flex-end;}
.just_ce{justify-content: center;}
.just_sp{justify-content: space-between;}
.alitem_tp{align-items: flex-start;}
.dir_colum{display: flex; flex-direction: column; align-items: center; gap:0.5rem 0; margin: 0 0 1rem;}
.dir_colum a{margin:0;}
.fl_bx a, .fl_bx [class|="tag"]{margin: 0 .5rem 0 0;}
.fl_bx p a, .fl_bx label{vertical-align: middle;}
.fl_bx label{padding-top: .2rem;  }
.fl_bx.alitem_tp label{padding-top: 0rem;  }
.fl_bx p a, .fl_bx label + input[type="text"]{ margin-left:.2rem; width:200px ; }
.fl_bx p a, .fl_bx label + input[type="text"].size_L{ width:300px ; }
.fl_bx p a, .fl_bx label a{margin: 0;}
.fl_bx a:last-child, .fl_bx [class|="tag"]:last-child{margin: 0 0 0 0;}
.fl_bx.just_ce a, .fl_bx.just_ce [class|="tag"]{margin: 0 .25rem;}
.fl_bx.just_en a,.fl_bx.just_en [class|="tag"]{margin: 0 0 0 .5rem;}
.mB-auto, a.mB-auto, [class|="tag"].mB-auto{margin-bottom: auto;}
.mT-auto, a.mT-auto, [class|="tag"].mT-auto{margin-top: auto;}
.mL-auto, a.mL-auto, [class|="tag"].mL-auto{margin-left: auto;}
.mR-auto, a.mR-auto, [class|="tag"].mR-auto{margin-right: auto;}

ol{margin-left: 1rem;}
ol li{list-style: decimal; margin: 0 0 .8rem;}

/*ulStyl-*/
ul[class|="ulSty-dot"]{  }
ul[class|="ulSty-dot"] li{ display: flex;}
ul[class|="ulSty-dot"] li::before{content: '・';}

/*pd_*/
div[class|="pd"]{ padding: 0 0 0 2rem; }

/*title_bx*/
.title_bx{display: flex;  align-items: center; margin-bottom: 1rem; width: 100%;}

/*ulstyle-*/
ul[class|="ulstyle"] li{display: flex; margin-bottom: .3rem; }
ul[class|="ulstyle"] li::before{content: ''; width:.333rem;height: .333rem; display: block; background: #555555; transform: rotate(45deg); margin: .6rem .5rem 0 0; flex: 0 0 .333rem;}
ul[class*="yl"] li::before{ background: #e2bd6f;  }
ul[class*="pk"] li::before{ background: #d7797d;  }

/*subject-01_bx*/
[class|="subject"]{display: flex;  align-items: center;}
[class|="subject"] span{font-size: .8rem;  margin:0 auto 0 .5rem;}
[class*="subject-01"] + .fl_bx{margin-top: -1rem;}
[class*="subject-01"]{margin-bottom:1.25rem;}
[class*="subject-01"] h3{display: flex;  align-items: center;}
[class*="subject-01"] h3::before{content: '';width: .4rem; height:1.5rem; display: inline-block; vertical-align: middle; margin-right:.25rem;  border-radius: 99rem;background-image: linear-gradient(  #ea93a5, #a072c0 );}
[class*="subject-02"]{margin-bottom:.5rem;}

/*page*/
.page{}
/*wrapper*/
.wrapper{ position: relative;padding-top: 3.75rem; background:#fff; width: 100%; overflow: hidden;}
/*container*/
.container{background: #fff; }
/*in_bx*/
.in_bx{width: 1440px; margin: 0 auto; padding: 0 1.66rem; transition: all 0.3s;}
/*main_bx*/
.main_bx{ position: relative;  margin: 0 auto; overflow: hidden; }
/*form_bx寬度盒子 表單*/
.form_bx{margin: 0 auto 1.25rem;}
.mid_bx{ width:21rem;}
.must::after{ content: "*"; color:#a21212 ;}
/*.form_bx label{display: flex; justify-content: space-between; align-items: center;}*/
.form_bx section{margin-bottom:2.5rem ;}
.form_bx section h4{margin-bottom:0.5rem ;}
.form_bx ul{margin-bottom: .5rem; display: flex; align-items: center; justify-content: space-between;}
.form_bx table ul{margin-bottom: 0;}
.form_bx li{width: 100%; flex: 1 1 auto; }
.form_bx li + li{margin-left: .8rem;}
.form_bx ol li + li{margin-left: 0rem;}
.form_bx li p{margin: 0;}
.form_bx li input + p.remind{margin-top: .3rem ;}
.form_bx ul.mutiSet{flex-wrap: wrap; justify-content: flex-start;}
.form_bx ul.mutiSet li{width:auto; flex:0 0 auto; margin:0 .8rem .5rem 0; list-style: none; }
.form_bx .ulSty-dot{ display: block;}
.form_bx .ulSty-dot li{width: 100%;flex:0 0 100%;}
.form_bx ul.ulSty-dot.with_input li{ align-items:center;}
.with_input li::before{content: '・';}
.form_bx .ulSty-dot span{flex:0 0 auto;}
.form_bx .ulSty-dot input{width: 200px; margin-left: .5rem;}
.form_bx .ulSty-dot li + li{margin-left: 0; margin-top: .5rem;}
/*gry_bx*/
.gry_bx{ border: 1px solid #dddddd; background: #fdfdfd; padding:1rem 1rem 0;}
.gry_bx section:last-child{ margin-bottom: 0;}
.gry_bx table{width:100%; box-sizing: border-box; margin-bottom: 1rem; }
.gry_bx table input[type="text"]{width: 200px; margin-left: .5rem;}
.gry_bx table tr:first-child{ }
.gry_bx table th{padding: .3rem 0;border-bottom: 2px solid #dddddd;}
.gry_bx table td{padding: .5rem; word-break: break-all;}
.gry_bx table tr:nth-child(even){background:  #f7f7f7;}
.gry_bx table th:first-child,.gry_bx table td:first-child{text-align: left;}
.gry_bx table th:last-child,.gry_bx table td:last-child{text-align: right;}
.gry_bx table td.tL{text-align: left;}
.gry_bx table .fl_bx{align-items: center;}
.gry_bx + ul{margin-top: 1rem;}
/*terms_bx*/
.terms_bx{border: 1px solid #dddddd; background: #fdfdfd; padding:1rem 1rem 0;height: 21rem; overflow-x:hidden ; overflow-y:scroll ; margin-bottom: 1rem;}
.terms_bx ol{margin-left: 1.25rem;;}
.form_bx .terms_bx li + li{margin-left: 0;}
/*switch_Tag_bx*/
.switch_Tag_bx{margin-bottom: 1.25rem;}
.switch_Tag_bx ul{margin-bottom: 0;}
.switch_Tag_bx ul, .switch_Tag_bx li{width: auto; display: inline-flex; align-items: center; height: 2.5rem;border-radius: 99rem; background: #cccccc;overflow: hidden;}
.switch_Tag_bx a{height: 100%; padding: .625rem 1rem; line-height: 1.4; color: #fff; transition: all 0.3s;}
.switch_Tag_bx a:hover, .switch_Tag_bx a.active{color: #fff;background: linear-gradient(to right, #5083d5, #9493f1 );}
.switch_Tag_bx ul li + li{ margin-left: 0;}

/*header*/
/*.pageMenu-btn{ display: none; background: #fff;}
.pageMenu-btn .line{ border:none;}*/
.page_cover{display: none;}
header{position: fixed; top:0 ;left: 0; width: 100%; height: 3.75rem; background: #fff; box-shadow: 1px 1px 20px  rgba(0,0,0,0.1); z-index:89;}
header .in_bx{  height:100%;  display:flex; justify-content: space-between; align-items: center;}
ul.nav a{color:#222222; margin: 0 1.5rem; }
ul.nav a.active, ul.nav a:hover{ color: #467ad0;}
ul.nav{display: flex; justify-content:center; align-items: center;}
ul.func_bx{display: flex; justify-content: flex-end; align-items: center;}
ul.func_bx li{margin-left: .5rem;}
ul.func_bx li:first-child{margin-left:.2rem;}
/*ul.func_bx li:nth-child(2){margin-left:0;}*/
ul.func_bx a{margin: 0;}

/*alert*//*dropdown*/
.dropdown{ position: relative;  display:block;   border-top-left-radius: .5rem;border-top-right-radius: .5rem}
a.dropbtn{background: url("../images/ar_gry.svg") center right 1rem no-repeat;background-size:12px auto; padding: .5rem 3rem .5rem 1rem;  font-size: 1rem;  border: none;  cursor: pointer; width: 100%; height:2.5rem;display:flex; align-items: center;}
.dropdown-content {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;color:#fff; background-image: linear-gradient(to right, #5083d5, #9493f1 );  display: none;  position: absolute;   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;padding:0 1rem .3rem; width: 100%;}
.dropdown-content a{ color: #fff; font-size: .9rem; line-height:2;   display: block;}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover{ background-image: linear-gradient(to right, #5083d5, #9493f1 );}
.dropdown:hover a.dropbtn {color:#fff;background: url("../images/ar_wh.svg") center right 1rem no-repeat;background-size:12px auto;} 
/*footer*/
footer{ display: flex;align-items: center; justify-content: center; box-shadow: 0px 0px 25px rgba(0,0,0,0.1);}
footer .in_bx{width: 80rem; display: flex;align-items: center; padding: 1rem 2rem; font-size: .8rem; line-height:1.2;}
footer .in_bx div{flex: 1 1 auto;}
footer a:hover{ color:  #467ad0;}
footer ul{display: flex; align-items: center; flex-wrap: wrap;}
footer ul li{ padding-right:.5rem; margin-right: .5rem;}
footer ul:first-child{font-size: .9rem; justify-content: space-between; border-bottom: 2px solid #dddddd;padding-bottom: .2rem;margin-bottom: .5rem;}
footer ul:nth-child(2) li{ border-right: 2px solid #cccccc;margin-bottom: .2rem;}
footer ul li:last-child{border:none;padding-right:0; margin-right:0;}
a.logo{flex: 0 0 4rem; height: 0; padding-bottom:4rem; display: block; margin-right:.8rem;  background: url("../images/logo_ft.png") center no-repeat; background-size: auto 100%;}
/*breadcrumb*/
.breadcrumb{ width: 100%;  display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 1rem; }
.breadcrumb a{font-size: 0.9rem;color: #777777;transition: all 0.3s;}
.breadcrumb a:hover{opacity: 0.8;}
.breadcrumb li{display: flex; align-items: center;}
.breadcrumb li::after{content: "";width: 0.5rem; height: .333rem; margin: .3rem; display: block; background: url('../images/ar_gry.svg') no-repeat; transform: rotate(-90deg);}
.breadcrumb li:last-child::after{display: none;}
.breadcrumb li:last-child a{color: #222222;}

/*kv_bx*/
.kv_bx{position: relative; color:#fff; margin-bottom: 1rem;} 
.kv_bx .pic_bx{}
.kv_bx .pic_bx img{width: 100%; height: auto;}
.kv_bx .info_bx{ position: absolute;  top:50%; left: 0; margin: -2.85rem 0; width:100%; height: 5.7rem; padding-left: 4rem; background-image: linear-gradient(to right, rgba(14,11,32,.9),  rgba(14,11,32,0) 25% );display: flex; align-items: center;}
.kv_bx h2{ background: -webkit-linear-gradient( rgba(255,255,255,1) 50%, rgba(255,255,255,0));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.kv_bx h2 + span{position: relative;font-weight: 200; padding:0.666rem 0 0 1.666rem; }
.kv_bx h2 + span::after{position: absolute; top:0;content: ' '; width: 4.25rem; height: 1px; display: block; background: #fff; }

/*nav_bx*/
.nav_bx{position: relative;width:100%; overflow: hidden; margin: 0 0 1.25rem; border-bottom: 1px solid #dddddd;}
.nav_bx ul { display: flex; justify-content: center;align-items: center;}
.nav_bx li{width: auto; display: flex; align-items: center; margin:0 0.5rem;}
.nav_bx li a{ position: relative; padding: 0.4rem 0; line-height:1; }
.nav_bx li a:hover, .nav_bx  a.active{ color: #5384d6;}
.nav_bx li a:hover::after,  .nav_bx  a.active::after{ position:absolute; top:calc(100% - .2rem); content: ' '; width: 100%; height:.2rem ; display: block;  background-image: linear-gradient(to right, #5083d5, #9493f1 );}

/*avatar*/
.avatar{border-radius: 99rem; overflow: hidden;}
.avatar img{width: 100%; height: auto;}
/*focus_bx*/
.focus_bx{color:#fff; background-image: linear-gradient(to right, #ea93a5, #a072c0 );padding: .8rem; border-radius: .5rem; margin-bottom:1.666rem;}
.title_bx + .focus_bx{margin: 0 0 1rem;}



/*advisor_bx*/
.advisor_bx{position: relative;border-radius: 1rem; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); padding:.8rem; display: flex; margin-bottom:1.666rem;}
.advisor_bx .Rset{width: calc(100% - 11rem); }
.advisor_bx .Lset{width:10rem;  margin-right: 1rem;}
.advisor_bx .avatar{ margin-bottom: .5rem;}
.advisor_bx h3{margin-right: auto; }
.advisor_bx a{color: #555555;}
.advisor_bx a:hover{color: #4f61b0;}
.advisor_bx .Rset .fl_bx{border-bottom: 2px solid #dddddd; padding: .1rem 0; margin-bottom: .5rem; }
.advisor_bx .fl_bx:first-child h3{ background: url('../images/bg_feature.svg') center no-repeat;}
.advisor_bx .fl_bx.just_en  h3 a{margin: 0;}
.advisor_bx .Lset a:hover{color: #fff;}
/*advisor_set*/
.advisor_set{ display: flex; align-items: flex-start; flex-wrap: wrap;  }
.advisor_set li{position: relative;display: flex; align-items: center;width: calc((100% - 3rem)/4); margin-bottom:  2rem; margin-right: 1rem;}
.advisor_set li:nth-child(4n + 4){ margin-right: 0;}
.advisor_set li .Lset{flex:0 0 6em; width: 6em; margin-right: .8rem;}
.advisor_set li a{position: absolute; top:0; left: 0; width: 100%; height: 100%; display: block;}


/*result_bx*/
.result_bx{width: 40%; margin: 0 auto 2rem; }
.result_bx input{margin: 0 auto .5rem; }
.result_bx p{text-align: center; }
/*detailT_bx*/
.detailT_bx{display: flex; margin-bottom: .5rem;}
.detailT_bx h3{color: #222222; line-height: 1.2;}
.detailT_bx .Rset{ width:100%; }
.detailT_bx .Lset{ width:6.25rem;  margin-right: 1rem; flex: 0 0 6.25rem;}

/*plan_wrap*/
.plan_wrap{display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: .8rem;}
.plan_bx div:first-child{ align-items: flex-start;}
.plan_bx h3{color:#4f61b0; margin-right: auto;}
.plan_bx h3 span{font-size: .8rem; color: #333333; font-weight: lighter; display: block;}
.plan_bx{display: flex; flex-direction: column; padding: 1.25rem; margin:0 0 1.666rem 0; border-radius: 1rem; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); }
.plan_bx .fl_bx{ border-bottom: 2px solid #dddddd; padding-bottom: .5rem; margin-bottom: .5rem;}
.plan_bx .but_bx{width: auto; height: auto; margin-top: auto;  text-align: right;}
.plan_bx .just_ce{width: auto; height: auto; margin-top: auto;  text-align: center;}
.popupbox .plan_wrap .plan_bx h3 span{display:inline;}

.period_bx{ background: #ffce24; color:#000; font-size: .8rem; padding:0 .1rem; display:inline; }
.price_bx{font-size: .8rem; margin-left: .5rem;}
.price_bx del{margin-right: .5rem}
.price_bx span{font-size: 2rem; font-weight: bold; color:#4f61b0;}

.plan_wrap .plan_bx{ width:calc((100% - 3.332rem)/3);  margin:0 1.666rem 1.666rem 0; }
.plan_wrap .plan_bx:nth-child(3n + 3){margin-right: 0;}
.popupbox .plan_wrap .plan_bx{ font-size: 18px; width:calc((100% - 1.666rem)/2);  margin:0 1.666rem 1.666rem 0; }
.popupbox .plan_wrap .plan_bx:nth-child(2n + 2){margin-right: 0;}

/*line_bx*/
.line_bx{position: relative; padding: 1.25rem  1.25rem 2rem; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); border-top: .125rem solid;border-image-slice: 1; border-width: 5px;border-image-source: linear-gradient(to right, #ea93a5, #a072c0 );  margin-bottom: 2rem;}
.line_bx.film_frame{ padding: 0; width: 100%;height: auto;aspect-ratio: 16 / 9;  display: block; background: #000;   overflow: hidden;}
.line_bx.film_frame  iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;}
.line_bx .cover_bx{height: 21rem; overflow: hidden;}
.line_bx.open .cover_bx{height: auto; }
/*.line_bx .pic_bx{width: 70%; margin: 0 auto 1.25rem;}
.line_bx .pic_bx img{width:100%; height: auto;}*/
.line_bx .pic_bx.tC{display: flex; justify-content: center; margin: 0 auto 1.25rem;}
.line_bx .pic_bx.tC img{ max-width: 80%; height: auto;}
.cover_bx img{width: 70%;height: auto; margin: 0 auto 1.25rem;}
.cover_bx .analyst_bx img{width: 100%;height: auto; margin: 0 auto 1.25rem;}
.line_bx h4, .line_bx p{margin-bottom: 1rem;}
/*analyst_bx*/
.analyst_bx{width:1000px; margin: 0 auto; background: #efefef;}
.analyst_bx .title{display: flex; gap: 10px; align-items: center; justify-content: center; text-align: center; font-size: 2rem; font-weight: bold; letter-spacing: 1px;}
.analyst_bx .title_sub{text-align: center; font-size: 1.5rem; margin-bottom: 1rem;}
.analyst_bx .title::before, .analyst_bx .title::after{ width: 2rem; height: 2rem; display: block; content: " "; flex:0 1 2rem; background: url("../images/ico-brackets.svg") no-repeat;  background-size: 100% auto; }
.analyst_bx .title::after{ transform: rotate(180deg);}
.analyst_bx .focus_bx{ text-align: center;}
.analyst_bx .focus_bx h3{color:#fff; margin-bottom: .3rem;}
.analyst_bx .focus_bx p{margin: 0 0 .2rem; line-height: 1.2;}
.analyst_profile{ display: flex; gap: 10px;}
.analyst_profile .pic_bx{width:280px; height:520px; flex: 0 0 280px;}
.analyst_profile .info_bx h3{ position: relative; display: inline-block; width: auto; padding-right: 10px; font-weight: normal;color: #222222; margin-bottom: 1rem; background: url("../images/analyst_bg.gif") center bottom no-repeat; background-size: 100% 40%;}
.analyst_profile .info_bx p{ margin-bottom: 0.5rem;}

/*文章展開收合*/
.line_bx a.trigger{ position: absolute; left: 50%; bottom:-1.125rem; margin: 0 -3.5rem;  width: 7rem; height: 2.5rem;display: flex; justify-content: center; align-items: center; padding: .8rem; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.125); border-radius: .2rem;}
.line_bx a.trigger::before{ content: ''; width: 1rem; height: 1rem; display: block; margin-right: .2rem;background: url("../images/ico-back.svg") center no-repeat; background-size: 100% auto; transform: rotate(-90deg);}
.line_bx a.trigger::after{ content: '展開介紹';}
.line_bx a.trigger:hover::before{background: url("../images/ico-back-on.svg") center no-repeat; background-size: 100% auto;}
.line_bx.open a.trigger::before{ content: ''; width: 1rem; height: 1rem; display: block; margin-right: .2rem;background: url("../images/ico-back.svg") center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
.line_bx.open a.trigger::after{ content: '收合介紹';}
.line_bx.open a.trigger:hover::before{background: url("../images/ico-back-on.svg") center no-repeat; background-size: 100% auto;}


/*items_bx*/
.items_bx + .fl_bx{margin-bottom: 2rem;}
.items_bx .pic_bx{border-radius: 1rem; overflow: hidden;}
.items_bx .pic_bx img{ width: 100%; height:auto; }
.items_bx .film_frame{width: 100%;height: auto;aspect-ratio: 16 / 9;  display: block; background: #000;  box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border-radius: 1rem; overflow: hidden;}
.items_bx .film_frame  iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;}
.items_bx p{ padding-top: .5rem; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }

/*alter_items_bx*/
.alter_items_bx{position: relative; padding: 0;}
.alter_items_bx ul{display: flex; justify-content: space-between;}
.alter_items_bx li{width: calc((100% - 1rem)/2); position: relative;padding: 1.25rem; border: 1px solid #dddddd; background: #f8f8f8;}
.alter_items_bx li a{position: absolute; top:0; left: 0; width: 100%; height: 100%; display: block; }


/*course_bx*/
.course_bx{ display: flex;align-items: center; flex-wrap: wrap;}
.course_bx li{position: relative; width: calc((100% - 2rem)/3); margin-bottom:2rem;display: flex; align-items: center;margin-right: 1rem;}
.course_bx li:nth-child(3n + 3){ margin-right: 0;}
.course_bx .film_frame{width:50%; height: auto;aspect-ratio: 16 / 9;  display: block; background: #000;  border-radius: .5rem; overflow: hidden; margin-right: .6rem;}
.course_bx .pic_bx{width:50%; border-radius: .5rem; overflow: hidden; margin-right: .6rem;}
.course_bx .pic_bx img{width:100%; height: auto;}
.course_bx .info_bx{width:50%; }
.course_bx [class*="like"]{ position: absolute; top: 0; right:0;}

.course_bx.tit_style li{flex-direction: column; align-items: flex-start; width: calc((100% - 4rem)/3); display: flex; align-items: flex-start; margin:0 2rem 2rem 0;}
.course_bx.tit_style li:nth-child(3n + 3){ margin-right: 0;}
.course_bx.tit_style .pic_bx{width:100%;margin-right: 0;}
.course_bx.tit_style p{padding: .4rem 0 0 .1rem;; font-size: 1.2rem;}
/*steps_bx*/
.steps_bx{margin-bottom: 1.666rem;}
.steps_bx, .steps_bx ul, .steps_bx ul li,.steps_bx li::before{ position: relative; display: flex; justify-content: center; align-items: center; }
.steps_bx ul{counter-reset: num;justify-content: space-between;  padding-bottom: 2rem;}
.steps_bx ul::before{ position: absolute; top:25%; left: 0; width: 100%; height: 2px; content: '';  display: block; background: #dddddd; }
.steps_bx li{margin-right: 3rem;}
.steps_bx li:last-child{margin-right: 0;}
.steps_bx li::before{ counter-increment: num;  content: counter(num); width: 2rem; height: 2rem;  border-radius: 99rem; font-size: 1.25rem; color:#fff; background: #cccccc;}
.steps_bx li span{position: absolute; top:2.5rem; display: flex; justify-content: center; width: 5rem; color:#999999;}
.steps_bx li.now::before{background: linear-gradient(to right, #5083d5, #9493f1 )}
.steps_bx li.now span{color:#467ad0;}
.steps_bx li.done::before{color:#467ad0; background: #fff;border: 2px solid #467ad0;}
.steps_bx li.done span{color:#222222;}
/*sign_bx*/
.sign_bx{ background: #fdfdfd;  border: 1px solid #dddddd; border-radius:.2rem; text-align: center; padding: 2rem 1rem; margin: 0 0 2rem; min-height: 12.5rem; display: flex; justify-content: center; align-items: center;}
/*upLoad_bx*/
ol + .upLoad_bx{ margin-top: 2rem;}
.upLoad_bx{display: flex; flex-wrap: wrap;}
.upLoad_bx li{display: flex; flex-direction: column; align-items: center; width:calc((100% - 1rem)/2);   margin-bottom: 1rem;}
.upLoad_bx li + li{margin-left: 1rem;}
.upLoad_bx li:last-child{width: 100%;margin-left: 0;}
.upLoad_bx li .pic_zone{ width:100%; padding: 1rem; background: #fdfdfd;  border: 1px solid #dddddd; border-radius:.2rem;}
.upLoad_bx li .pic_zone, .upLoad_bx li .img_bx,.upLoad_bx li .img_bx a{ display: flex;flex-direction: column; align-items: center;  }
.upLoad_bx li .img_bx{ position: relative; width:16rem; height:11rem;padding: .5rem;margin: .5rem auto;overflow: hidden;background: url("../images/bg_picZone.svg") center no-repeat; background-size: 100% auto;  display: flex;align-items: center; justify-content: center;}
.upLoad_bx li .img_bx img{width: 100%; height: auto;}
.upLoad_bx li .img_bx a{ position: absolute; top:.5rem; left:.5rem; width: calc(100% - 1rem); height: calc(100% - 1rem);     padding: .8rem; background:rgba(255,255,255,0.7) url("../images/btn-photo.svg") center bottom 1.5rem no-repeat; background-size: 40% auto;}
.upLoad_bx li .img_bx a.demo{ background:rgba(255,255,255,0.7) url("../images/ico-photo.png") center bottom 1.5rem no-repeat; background-size: 40% auto;}
.upLoad_bx li .img_bx a::before{ content:'將手機及證件以橫置拍攝';}
.upLoad_bx li .img_bx a.demo::before{ content:'';}
.upLoad_bx li .img_bx a:hover{color:#222222; opacity: .9;}
.upLoad_bx p{ margin: 0;}
.upLoad_bx a[class|="btn"]{ font-size: .8rem;}
.put_img_bx{ position: relative;width:22rem; height:13.75rem; background: #efefef;display: block; overflow: hidden;}
.put_img_bx::before{position: absolute; top:0 left:0;width:100%; height:100%;display: block; content: ' '; overflow: hidden;background: url("../images/bg_picZone_put.svg") center no-repeat; background-size: 100% auto; pointer-events: none;}
.scale_bx{ width: 80%; display: flex; justify-content: center; align-items: center;}
.scale_bx a{width:1.6rem; height: 1.6rem; display: flex; justify-content: center; align-items: center;font-size: 1.6rem;}
.scale_bx .bar{ position: relative ;width: 80%; height: .1rem; background: #aaaaaa; border-radius: 99rem; display: flex; justify-content: center; align-items: center;}
.scale_bx a.drag{position: absolute; top:50%; margin: -.3rem 0; width:.6rem; height: .6rem; display: block; background: #dddddd;  border-radius: 99rem;}
/*card_bx*/
.card_bx{width:27rem; padding: 1rem; margin: 0 auto 1rem;  border-radius: 1rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.card_bx div{padding: .2rem 0;}
.card_bx h3{color: #4f61b0; display: inline;}
.card_bx + p{margin-bottom: 2.5rem;}
.line{border-bottom: 2px solid #dddddd;}

/*method_bx*/
.method_bx{ display: flex; justify-content: center; align-items: center;  margin-bottom: 1rem; }
.method_bx a{ width: 10rem; height: 10rem; display: block; margin: 0 1rem;}
.method_bx a.method01{ background: url(../images/btn-method-01.svg) center no-repeat;}
.method_bx a.method01.active,.method_bx a.method01:hover{ background: url(../images/btn-method-01-on.svg) center no-repeat;}
.method_bx a.method02{ background: url(../images/btn-method-02.svg) center no-repeat;}
.method_bx a.method02.active,.method_bx a.method02:hover{ background: url(../images/btn-method-02-on.svg) center no-repeat;}
.method_bx a.method03{ background: url(../images/btn-method-03.svg) center no-repeat;}
.method_bx a.method03.active,.method_bx a.method03:hover{ background: url(../images/btn-method-03-on.svg) center no-repeat;}
.method_bx a.method04{ background: url(../images/btn-method-04.svg) center no-repeat;}
.method_bx a.method04.active,.method_bx a.method04:hover{ background: url(../images/btn-method-04-on.svg) center no-repeat;}
.method_bx a.method05{ background: url(../images/btn-method-05.svg) center no-repeat;}
.method_bx a.method05.active,.method_bx a.method05:hover{ background: url(../images/btn-method-05-on.svg) center no-repeat;}
.method_bx a.method06{ background: url(../images/btn-method-06.svg) center no-repeat;}
.method_bx a.method06.active,.method_bx a.method06:hover{ background: url(../images/btn-method-06-on.svg) center no-repeat;}

/*planManage_bx*/
.planManage_bx{ display: flex; align-items: stretch; flex-wrap: wrap; }
.planManage_bx li{ width: calc((100% - 2rem)/3);margin:0 1rem 1rem 0; padding: .5rem; border-radius: 1rem; border: 2px solid #dddddd;}
.planManage_bx li:nth-child(3n + 3){ margin-right: 0;}
.planManage_bx li .fl_bx{margin-bottom: .2rem;}
.planManage_bx a[class|="btn"]{ font-size: .8rem;}
.planManage_bx h5{ color: #4f61b0; padding: .2rem; border-bottom: 2px solid #dddddd;}
.planManage_bx p{ margin: .5rem 0;}

/*order_bx*/
.order_bx{ border: 2px solid #e8e8e8; border-radius:0.5rem; padding: 1.5rem 1rem; margin-bottom: 1rem; }
.order_bx [class*="color_"]{padding-left: .3rem;}
.order_bx a.toogle{ display: flex; align-items: center;color:#222222; }
.order_bx a.toogle::before{content: ''; width:.5rem; height: 8px; display: block;background:#fff url("../images/ar_gry_deep.svg") center left no-repeat; background-size: 0.5rem auto; margin-right:0.3rem; }
.order_bx a.toogle::after{content: '展開訂單'; }
.order_bx.open{ border: 2px solid #cbafdd; }
.order_bx.open a.toogle::before{transform: scaleY(-1);}
.order_bx.open a.toogle::after{content: '收合訂單'; }
.order_bx .top_bx{}
.order_bx .top_bx ul li{display: flex; align-items: center;}
.order_bx .top_bx ul li::after{content: ''; width: 2px; height: 1rem; display: block; background: #aaaaaa; margin: 0 1rem;}
.order_bx .top_bx ul li:nth-child(4){margin-left: auto;}
.order_bx .top_bx ul li:nth-child(5),.order_bx .top_bx ul li:last-child{margin-left: 1rem;}
.order_bx .top_bx ul li:nth-child(3)::after,.order_bx .top_bx ul li:nth-child(4)::after,.order_bx .top_bx ul li:nth-child(5)::after, .order_bx .top_bx ul li:last-child::after{display: none;}
.order_bx .but_bx{border-top:2px solid #dfcfe9; padding-top: 1rem; display:none;}
.order_bx .top_bx + .but_bx{ margin-top: 1.5rem;}
.order_bx table{font-size: 0.9rem; width:100%; margin-top: 1.2rem;}
.order_bx th, .order_bx td{ text-align: left;padding: 0.65rem;font-weight: normal; color:#333333;}
.order_bx th.tC, .order_bx td.tC{text-align: center;}
.order_bx th.tR, .order_bx td.tR{text-align: right;}
.order_bx th{background:#f9f9f9 ;}
.order_bx .pay_code{ display: flex; flex-direction: column; align-items: center; font-size:1.2rem;  font-weight: bolder;}
.order_bx .pay_code li{display: flex; align-items: center;}
.order_bx .copy{width:1.5rem; height: 1.5rem; display: inline-block; background: url("../images/bt-copy.svg") center no-repeat;background-size:auto 100%; vertical-align: middle;}
/*分頁樣式 */
.pagination { display: flex; justify-content: center;  margin:0 0 2rem;}
.pagination li {position: relative; width: 2rem; height: 2rem; margin: 0 .3rem; }
.pagination .alink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.pagination li::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid #cccccc; width: 100%; height: 100%;}
.pagination li span { position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); font-size: 1.2rem;}
.pagination li.arrow span { width: 20px;}
.pagination li.arrow img {width: 100%;}
.pagination li.pre img { transform: rotate(180deg);}
.pagination li:hover::before {  background-image: linear-gradient(to right, #5083d5, #9493f1 );}
.pagination li:hover span {  color: #fff;}
.pagination li.arrow:hover img {
  -webkit-filter: invert(99%) sepia(200%) saturate(0%) hue-rotate(171deg) brightness(101%) contrast(102%);
  filter: invert(99%) sepia(1200) saturate(0%) hue-rotate(171deg) brightness(101%) contrast(102%);
}
.pagination li.active::before {   background-image: linear-gradient(to right, #5083d5, #9493f1 );}
.pagination li.active span {  color: #fff;}

/*faq_wrap*/
.faq_wrap{ display: flex; justify-content: space-between;margin-bottom: 2rem;counter-reset: num;}
.faq_wrap .Lset{ width: 12.5rem;}
.faq_wrap .Rset{ width: calc(100% - 14.5rem);}
.faq_wrap .Lset ul a{display: flex;align-items: center; padding: .3rem 0;}
.faq_wrap .Lset ul a::before{content: ''; width:.333rem ; height:.333rem ; margin-right: .3rem; display: block; background: #4f61b0; transform: rotate(-45deg);}
.faq_wrap .Lset ul a.active{color:#4f61b0;}
/*faq_bx */
.faq_block {max-width: 1200px;  counter-reset: num;  padding-top: 0;}
.faq_item {  border: 1px solid #dddddd;  background: #f8f8f8; border-radius: 1rem; padding: 1rem 1.5rem;  position: relative;}
.faq_item+.faq_item {  margin-top: 1.25rem;}
.q_bx {  position: relative;  font-size: 1.25rem;  font-weight: bold;  cursor: pointer;  transition: 0.2s opacity ease-in-out;  padding-right: 50px;}
.q_bx:hover {  opacity: .8;}
.q_bx .icon-ar {  width: 1.5rem;  height:  1.5rem;  display: block;  position: absolute;  right: 0;  top: 0;  background: url(../images/ar_gry_deep.svg)no-repeat center center / .5rem; transform: rotate(0); }
.faq_item.open .icon-ar { transform: rotate(180deg);}
.q_bx::before {  counter-increment: num;  content: 'Q' counter(num) '. ';}
.a_bx {  display: none;}
.a_bx p {  margin: 1rem 0 0.5rem;}
.a_bx ol li{margin-bottom: .3rem;}
.faq_item.open .a_bx {  display: block;}
 
/*msg_bx*/
.msg_bx{display: flex; flex-direction: column; align-items: center; padding:1rem 2rem; text-align: center; color: #aaaaaa; font-size: 1.2rem; letter-spacing: 2px;}
.msg_bx::before{ content: " "; width:10rem ; height:9.5rem; display: block; background: url(../images/ico-caution.svg) no-repeat; background-size:100% auto;}
.warn{font-size: 14px; color:#f03a61;}


.style-check p{ background:url("../images/ico-check-sty.svg") left center no-repeat; background-size:1rem auto; padding-left: 1.2rem;margin-bottom: .5rem;}
.style-check .fl_bx{ margin-top: 1.5em;}



/*loading*/
.loading01{text-align: center;}
.loading01 span {	 animation: loading01 1.6s infinite alternate;font-size: 1.2rem;  font-weight:300;}
.loading01 span:nth-child(1) {	 animation-delay: 0s;}
.loading01 span:nth-child(2) {	 animation-delay: 0.1s;}
.loading01 span:nth-child(3) {	 animation-delay: 0.2s;}
.loading01 span:nth-child(4) {	 animation-delay: 0.3s;}
.loading01 span:nth-child(5) {	 animation-delay: 0.4s;}
.loading01 span:nth-child(6) {	 animation-delay: 0.5s;}
.loading01 span:nth-child(7) {	 animation-delay: 0.6s;}
.loading01 span:nth-child(8) {	 animation-delay: 0.7s;}
.loading01 span:nth-child(9) {	 animation-delay: 0.8s;}
 @keyframes loading01 {	 0% {opacity: 1;}	 100% {opacity: 0;}}
.logo{ width: 3rem; height:3rem; display: block;margin: .5rem auto; background: url("../images/logo_ft.png") no-repeat;}
/*popupbox*/
.popupbox {  position: fixed;  top: 0;  left: 0;  width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6);   z-index: 9999;}
.popupbox .in_bx{ width: 30rem; background-color: #fff;  padding: 1rem 2rem 1.5rem;  border-radius: .75rem;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); display: block; }
.popupbox.Long_ver{  position: absolute ;height: 100%; }
.popupbox.Long_ver .in_bx{  transform:none; top:60px; margin: 0 -15rem; }
.popupbox .in_bx.scrl_wrap{padding: 2rem 0 1.5rem;  }
.popupbox .in_bx.scrl_wrap .scrl_bx{ padding: 0 2rem; height: 50vh;overflow-y: scroll; }
.popupbox h4 {text-align: center;   width: 100%;  margin-bottom:.5rem ;  }
.popupbox .close_btn {width: 1.6rem;  position: absolute;  right: -.8rem;  top: -.8rem;  transition: opacity 0.3s;}
.popupbox .close_btn:hover img {
  -webkit-filter: invert(10%) sepia(52%) saturate(0%) hue-rotate(166deg) brightness(95%) contrast(102%);
  filter: invert(10%) sepia(52%) saturate(0%) hue-rotate(166deg) brightness(95%) contrast(102%);}
.popupbox p{ margin:0; }
.popupbox p a{color: #4f61b0;}
.popupbox p a:hover{text-decoration: underline;}
.popupbox p + p,.popupbox p + div{ margin-top: 1rem; }
.popupbox .fl_bx{ margin-top:1rem;}
.popupbox .fl_bx a[class|="btn"]{width: auto;}
.popupbox [class*="status-exclam"]{width:4rem; height: 4rem;}
.popupbox a[class|="ico-btn"]{width: 2rem; height: 2rem;}

@media screen and (max-width: 1439px){
	/*in_bx*/
	.in_bx{width:100%; }
	
	/*main_bx*/
	.main_bx{width:100%; }
}
/*字級&間距更動*/
@media screen and (max-width: 1023px){
	/*advisor_set*/
	.advisor_set li{;width: calc((100% - 2rem)/3); }
	.advisor_set li:nth-child(4n + 4){ margin-right: 1rem;}
	.advisor_set li:nth-child(3n + 3){ margin-right: 0;}
	/*course_bx*/
	.course_bx li{position: relative; width: calc((100% - 1rem)/2); }
	.course_bx li:nth-child(3n + 3){ margin-right: 1rem;}
	.course_bx li:nth-child(2n + 2){ margin-right: 0;}

	.course_bx.tit_style li{position: relative; width: calc((100% - 3rem)/3);margin-right: 1.5rem; margin-bottom: ; }
	.course_bx li:nth-child(2n + 2){margin-right: 1.5rem;}
	.course_bx.tit_style li:nth-child(3n + 3){ margin-right: 0;}

	/*order_bx*/
	.order_bx .top_bx ul li::after{margin: 0 .5rem;}
	/*footer*/
	footer{font-size: 16px; }
	footer .in_bx{ padding: 1rem; align-items: center; }
	footer .in_bx ul:first-child{ justify-content: flex-start;}
}
@media screen and (max-width: 999px){
	/*all*/
	html, body,input,select {font-size: 16px;}
	/*header*/
	header{}
	h1,a.logo{}
	ul.nav a{margin: 0 .3rem;}
	ul.func_bx li{margin-left: .5rem;}
	ul.func_bx li:first-child{margin-left:0;}
	/*all btn*/
	a[class|="btn"]{padding: 0 .8rem; }
	a.btn-query{padding: 0;}

	/*wrapper*/
	.wrapper{padding-top: 3.75rem; }

	/*analyst_bx*/
	.analyst_bx{width:100%;}
	/*order_bx*/
	.order_bx .top_bx ul li::after{margin: 0 .3rem;}
	.order_bx .top_bx ul li:nth-child(5),.order_bx .top_bx ul li:last-child{margin-left: .5rem;}
}
@media screen and (max-width: 860px){
	/*plan_wrap*/
	.plan_wrap .plan_bx{ width:calc((100% - 1.666rem)/2);  }
	.plan_wrap .plan_bx:nth-child(3n + 3){margin-right: 1.666rem;}
	.plan_wrap .plan_bx:nth-child(2n + 2){margin-right: 0;}
	.plan_bx h3 span{ display: inline;}
}
@media screen and (max-width: 767px){
	h2{font-size:1.6rem; line-height: 1.2; display: flex;  align-items: center; }
	h3{font-size:1.4rem;}
	h4{font-size:1.2rem;}
	h5{font-size:1rem;}
	p a{}
	p img{}
	/*m_block*/
	.m_block{display:block ;}
	.m_hide{display:none ;}
	/*all btn height*/
	header a[class|="btn"]{padding: 0 0.2rem;}
	
	a[class*="query"]{padding:0;}	
	a[class*="query"]::before, a[class*="query"]:hover::before{ width: 100%; height: 100%; background: url("../images/ico-query.svg") center no-repeat; background-size: 1rem auto; }
	/*ico-btn-*/
	a[class|="ico-btn"]{ width:2rem; height:2rem; }

	a[class*="downLoad"]::before{ width: 2rem; height:2rem; margin-right: 0;}
	a[class*="downLoad"]{ height: auto; line-height: 1.2; flex-direction: column; align-items: center; text-align: center; padding: .5rem 1.5rem;}
	a[class*="downLoad"][class*="a_txt"]{ margin: 0.5rem auto ;}

	/*tag*/
	[class|="tag"]{height:2rem; padding:.1rem .5rem; font-size:1rem; }
	
	/*fl_bx*/
	.m_alitem_tp{align-items: flex-start;}
	.m_alitem_tp label{padding-top: 0;}
	.fl_wrap_bx{flex-direction: column;align-items: flex-start;}
	.fl_bx p a, .fl_bx label + input.size_L{ width:200px;}
	.m_just_ce{justify-content: center;}
	/*gry_bx*/
	.gry_bx table{}
	.gry_bx th{display: none;}
	.gry_bx td{ width: 100%; display:block; text-align: left; word-break: break-all; overflow: hidden;}
	.gry_bx table td:last-child{text-align: left;}
	.gry_bx table .fl_bx.just_en{ justify-content: flex-start; display: inline-flex;}
	.gry_bx td::before{content: attr(data-title);display:block;color:#000; font-weight: bold;}
	/*header*/
	/*.pageMenu-btn{display: block; position: relative; top:0; right: .625rem;}*/
	.page_cover{display: block;}
	header{height: 60px; padding: 0;}
	ul.nav{display:none;}
	ul.func_bx li{margin-left: .3rem;}
	ul.func_bx li:first-child{margin-left:0;}
	ul.func_bx li:nth-child(2){margin-left:0;}
	/*wrapper*/
	.wrapper{padding-top: 60px; }
	/*main_bx*/
	.main_bx{ padding:0;  }
	/*form_bx寬度盒子 表單*/
	.form_bx ul{flex-direction: column;}
	.form_bx li + li{margin-left: 0;margin-top: 0.5rem;}
	.form_bx ul.mutiSet{align-items: flex-start;}
	.form_bx .ulSty-dot.with_input li{flex-wrap: wrap;}
	.form_bx .ulSty-dot input{width: 100%; margin-left: 0;}
	/*switch_Tag_bx*/
	.switch_Tag_bx ul{flex-direction:row;margin-bottom: 0;}
	.switch_Tag_bx li + li{margin-left: 0;margin-top: 0;}
	
	.mid_bx{ width:100%;}
	/*.in_bx*/
	.in_bx{padding: 0 .625rem;}
	/*footer*/
	footer{padding:.5rem; } 
	footer .in_bx{display: none;}
	
	/*kv_bx*/
	.kv_bx .info_bx{ padding-left: 1.25rem;}
	.kv_bx h2 + span{font-size: .8rem; padding:0.666rem 0 0 .666rem; }
	/*subject-01_bx*/
	[class|="subject"]{flex-wrap: wrap;}
	[class|="subject"] span{font-size: .8rem;  margin:0 auto 0 .5rem;}
	[class*="subject-01"]{margin-bottom:1.25rem;}
	[class*="subject-01"] h3::before{content: '';width: .4rem; height:1.25rem; display: inline-block; vertical-align: middle; margin-right:.25rem;  border-radius: 99rem;background-image: linear-gradient(  #ea93a5, #a072c0 );}
	[class*="subject-02"]{margin-bottom:.5rem;}
	
	div[class*="discount"]{width: 100%; }
	/*advisor_bx*/
	.advisor_bx{flex-direction: column; align-items: center;}
	.advisor_bx .Lset{width: 8rem; margin-right: 0;}
	.advisor_bx .Rset{width: 100%;}
	/*advisor_set*/
	.advisor_set li{margin: 0 0 1rem;}
	.advisor_set li .Lset{  margin: 0 auto .5rem;}
	.advisor_set li .Rset{text-align: center;}
	.advisor_set li{width: calc((100% - 1rem)/2);  margin-right:1rem; flex-direction: column;}
	.advisor_set li:nth-child(4n + 4){ margin-right: 1rem;}
	.advisor_set li:nth-child(3n + 3){ margin-right: 1rem;}
	.advisor_set li:nth-child(2n + 2){ margin-right: 0;}
	/*plan_wrap*/
	.plan_wrap .plan_bx{width:100%; margin:0 0 1rem 0;}
	.plan_wrap .plan_bx:nth-child(3n + 3){margin-right:0;}
	.popupbox .plan_wrap .plan_bx{width:100%; margin:0 0 1rem; padding: .5rem; font-size: 16px; }
	.popupbox .plan_wrap .plan_bx .fl_bx{ margin-top: 0; padding-bottom: 0rem;}
	/*line_bx*/
	/*.line_bx .pic_bx{width:90%; }*/
	.line_bx .pic_bx.tC img{ max-width: 100%; height: auto;}
	.cover_bx img{width:100%; }
	/*analyst_bx*/
	.analyst_bx .title{font-size: 1.5em;}
	.analyst_bx .title_sub{text-align: center; font-size: 1.2rem; }
	.analyst_bx .title::before, .analyst_bx .title::after{ width: 3rem; height: 3rem; flex: 0 0 3rem;}
	.analyst_profile { flex-direction: column;}
	.analyst_profile .pic_bx{width:140px; height:168px;  flex: 0 0 140px; margin: 0 auto;}
	
	/*alter_items_bx*/
	.alter_items_bx .fl_bx{flex-wrap: wrap;}
	.alter_items_bx .fl_bx [class|="tag"]{margin-bottom: .5rem;}
	
	/*course_bx*/
	.course_bx{ display: block;}
	.course_bx li{ width:100%; margin:0 0 1rem;}

	
	.course_bx.tit_style{ display: flex;align-items: center; flex-wrap: wrap;}
	.course_bx.tit_style{ display: flex;align-items: center; flex-wrap: wrap;}
	.course_bx.tit_style li{position: relative; width: calc((100% - 1rem)/2);margin-right: 1rem; margin-bottom: 1rem; }
	.course_bx.tit_style li:nth-child(3n + 3){ margin-right: 1rem;}
	.course_bx li:nth-child(2n + 2),.course_bx.tit_style li:nth-child(2n + 2){ margin-right: 0;}
	.course_bx.tit_style li .info_bx{ width: 100%;}
	/*steps_bx*/
	.steps_bx li{margin-right:2.5rem;}
	.steps_bx li:last-child{margin-right: 0;}
	/*upLoad_bx*/
	.upLoad_bx{flex-direction: column;}
	.upLoad_bx li, .upLoad_bx li + li{width: 100%; margin: 0 auto 1rem;}
	/*result_bx*/
	.result_bx{width: 100%; padding: 0; margin: 0 auto 1rem; }
	/*detailT_bx*/
	.detailT_bx{ flex-direction: column}
	.detailT_bx .Rset{ width: 100%; }
	.detailT_bx .Lset{  margin: 0  auto .5rem;}
	
	/*upLoad_bx*/
	.upLoad_bx a[class|="btn"]{ font-size: 1rem; }
	.upLoad_bx a[class|="btn"] +  a[class|="btn"]{ margin-top: .5rem;}
	.upLoad_bx .fl_bx{flex-direction: column;}
	
	.put_img_bx{ position: relative;width:18.57rem; height:11.6rem; background: #efefef;display: block; overflow: hidden;}
	/*faq_wrap*/
	.faq_wrap{ flex-direction: column; }
	.faq_wrap .line_bx{ margin-bottom: 1rem;}
	.faq_wrap .Lset,.faq_wrap .Rset{ width:100%;}
	/*  faq_bx */
	.q_bx {font-size: 1rem; }
	.q_bx .icon-ar { width: 30px;height: 30px;top: -2px;}
	.faq_item {padding: 0.7rem; }
	
	/*load_bx*/
	.load_bx{position: fixed; top:0; left: 0; width: 100vw; height: 100vh; display: flex;flex-direction: column; justify-content: center; align-items: center;background: rgba(0,0,0,0.5); z-index: 9999;font-size:1.5rem;}
	.load_bx .white_bx{padding:  1rem; }
	/*popupbox*/
	.popupbox .close_btn {width:2rem; }
	.popupbox .in_bx { padding: 1rem; width: 90%;}
	.popupbox.Long_ver .in_bx{  transform:none; top:40px; margin: 0 -45%; }
	/*card_bx*/
	.card_bx{width:100%; }
	/*method_bx*/
	.method_bx{ flex-wrap: wrap; gap: 0 1rem;}
	.method_bx a{ margin: 0 auto 1rem; width: 9rem; height: 9rem; }
	/*planManage_bx*/
	.planManage_bx li{ width:100%; margin:0 0 1rem ; text-align: center;}
	
	/*order_bx*/
	.order_bx a.toogle{font-size: 1.2rem;font-weight: bold;}
	.order_bx .top_bx ul{display: block; position: relative;}
	.order_bx .top_bx ul li{display: inline-flex; width: 100%;}
	.order_bx .top_bx ul li::after{display: none;}
	.order_bx .top_bx ul li:nth-child(5){position: absolute; top:0; right: 0;width:auto;font-size: 1.2rem; font-weight: bold;}
	.order_bx .top_bx ul li:last-child{margin: 0 auto;justify-content: center;}
	.order_bx .but_bx .fl_bx{display: block;}
	.order_bx table{ font-size: 1rem;}
	.order_bx th{display: none; }
	.order_bx td{padding: 0.65rem 0.2rem; display: inline-flex;justify-content: space-between; width: 100%;}
	.order_bx td::before{content: attr(data-title);display: inline-block;color:#000; font-weight: bold;}
	.order_bx td:nth-child(odd){background: #f9f9f9;}
	.order_bx .pay_code, .order_bx .pay_code li,.order_bx .pay_code li span{display: block; text-align: center;}


	.style-check .fl_bx{ margin-top: 1rem; justify-content: center;}

}