/* ---reset.css--- */
body{font-family:"微軟正黑體","sans-serif",Helvetica;color:#444;font-size:20px;box-sizing: border-box;margin:0;border:0;padding:0;}
ul, ol{display:block;padding-inline-start: 35px;}
.fontlage{font-size: large;}
.th{background: goldenrod;color: #fff;font-weight: bold;}
.org{color:#fc7802;font-weight: bold;}
.org.o2{margin-top: 3rem;}
.red{color:#E10012;font-weight: bold;}
.blue{color:#254a91;font-weight: bold;}
.highlight{color: #E10012;}
.highlight2{color: #EC6C00;}
.highlight3{color:#254a91;font-weight: bold;line-height: 2em;}
.highlight4{color: #707070;}
.tableblank{background:linear-gradient(45deg, transparent 49.5%, #ffffff 49.5%, #fffff 50.5%, transparent 50.5%);}
.t_line{text-decoration:underline;}


/* --電腦版型------------------------------------- */
.m{display:none;}
.floating{display:block;position: fixed;z-index: 999;cursor:pointer;top:20%;right:18%}
a.floating01{display: block;padding-bottom:10px;}
a.floating02{display: block;padding-bottom:10px;}
a.floating01 img,a.floating02 img{width:100%;height:auto;}
a.open_btn{display: inline-block;}
a.open_btn:hover,a.save_btn:hover,a.change_btn:hover,a.look_btn:hover{filter: brightness(1.2);transform: scale(1.1);transition: transform .2s;}
a.floating01:hover,a.floating02:hover{filter: brightness(1.2);transform: scale(1.1);transition: transform .2s;}
.wrapper{width: 1140px;margin:0 auto;position:relative;}
.wrapper_1170{width: 1170px;margin:0 auto;position:relative;}
.title{display: block;}
.main_title{color:#1D2082;font-weight:bolder;font-size:39px;padding: 25px 130px 25px 130px;letter-spacing: 0.15rem;}
.main_title img{padding:0px 5px;}
.main_title .text_small{font-size:28px;}
.text_con{width:77%;margin:0px auto;}
.sub_text{letter-spacing:0.1rem;margin-top:10px;color:#E10012;font-weight:bold;font-size:33px;}
.sub_text_small{padding:0px 5px;font-size:29px;font-weight:bold;}
.sub_text_grey{margin-top:15px;font-size:29px;font-weight: 500;color: #363636;}
span.space_sub{padding-left:15px;padding-right:15px;}
.ps {font-weight: bold;color: #E75C00;line-height:1.4em;margin-top:15px;font-size: 24px;padding-bottom: 2rem;}
.ps_one{font-weight: bold;color: #E75C00;margin-top: 10px;font-size: 24px;padding-left: 1.6em;text-indent: -1.5em;}
span.right_space{padding-right:13px;}
.ps .hh{padding-bottom:1em;}
ul.ps_top{padding-inline-start: 37px;margin-block-start: 0.8em;margin-block-end: 0.8em;}
ul.ps_top li.li_top{font-weight:600;color:#7A7A7A;font-size:22px;list-style-type: none;text-indent: -38px;padding: 5px 0px;}
ul.ps_top li.li_top:before {content: '';display: inline-block;height: 18px;width: 18px;background-size: 18px;background-image: url(../img/list_dot.png);background-repeat: no-repeat;background-position: center center;margin-right: 20px;}
ul.ps_second li.li_second{font-weight:600;color:#7A7A7A;font-size:20px;list-style-type: none;padding: 3px 0px;text-indent: -30px;}
ul.ps_second li.li_second:before {content: '';display: inline-block;height: 18px;width: 14px;background-size: 14px;background-image: url(../img/list_arrow.png);background-repeat: no-repeat;background-position: center center;margin-right: 16px;}
.hint_text_con{width:100%;position:relative;display:inline-block;}
.hint_big_con{width:100%;position:relative;margin-top:60px;margin-bottom:60px;display:inline-block;}
.hint_big_con img{width:100%;position:relative;display: block;}
.hint_text{font-size:32px;color:#1D2082;font-weight:bold;display: block;border-left: 2pt solid #1D2082;border-right: 1pt solid #1D2082;}
.ul_hint_con{margin-left: 37px;}
.hint_main_title{font-size: 1em;text-indent: 1em;display:inline-block;margin-top:20px;}
ul.ps_hint{padding-inline-start: 37px;margin-block-start: 0em;margin-block-end: 0em;margin-right: 30px;display:inline-block;margin-top:20px;margin-bottom:20px;}
ul.ps_hint li.li_hint{font-weight:600;color:#7A7A7A;font-size:22px;list-style-type: none;text-indent: -38px;padding: 3px 0px;}
ul.ps_hint li.li_hint:before {content: '';display: inline-block;height: 18px;width: 18px;background-size: 18px;background-image: url(../img/list_dot.png);background-repeat: no-repeat;background-position: center center;margin-right: 20px;}
img.hint_pic{position:absolute;right:-33px;width:22%;bottom:-49px;}
.SPtimeBox.middle_second{background-image:url(../img/middle_second_bg.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;width:100%;display:block;}
.SPtimeBox.middle_third{background-image:url(../img/middle_third_bg.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;width:100%;display:block;}
.center_btn{text-align:center;width:100%;display:block;}
.center_btn a{text-align:center;display:inline-block;width:calc(98%/3);height:auto;}
.center_btn a img{width:100%;}
.equal_btn{text-align:center;width:100%;display:inline-block;height:auto;}
.equal_btn a{text-align:center;display:inline-block;width:calc(98%/3);height:auto;}
.equal_btn a img{width:100%;}
.m_bt{margin-bottom:4em;}
.wrapper .panel{width: 78%;margin: 0px auto;}
ul li{list-style:disc;line-height: 1.5em;}
ol li{list-style:decimal;font-size: 1rem;line-height:1.8em;margin-top: 0;padding-top: 0;}
ul.checked li{list-style:url(../img/checked.gif);width: 95%;}
h1{font-size: 3em;font-weight: bold;line-height: 1.6em;color: #af1d3c;padding: 0;}
h1.re{font-size: 2.5em;font-weight: bold;line-height: 2.5em;text-shadow: 4px 4px 0 white;color:#f00d6e;padding: 0;margin-top: -40px;margin-bottom: 0;}
h1.title span.ss{font-size: 1.8rem;}
h1.re2{font-size: 2.5rem;font-weight: bold;line-height: 2.5em;color:#444;padding: 0;margin-top:0;margin-bottom: 0;}
h1.re3{font-size: 1.8em;font-weight: bold;line-height: 1.5em;padding: 0;margin-top: -0.5em;margin-bottom: 0;color: #254a91;}
.info_h2{display: block;width: 100%;height: 40px;margin: 0;padding: .5em 0;background: #5CC4C3;border-bottom: 3px solid #fff;text-align: center;line-height: 50px;}
h2.re{font-size: 2.5em;font-weight: normal;margin: 0;padding:0;border:0;letter-spacing: 0px;line-height: 1em;}
h2.re span.ss{font-size: 1.8rem;}
h3{font-size:0.9em;line-height:1.2em;}
h4{font-size:0.8em;font-weight: normal;color:#b41f29;line-height:0em;text-indent: 1em;padding:0;margin:0;}
#q3_table {border-collapse: collapse;width: 100%;margin-top:15px;}
#q3_table td, #q3_table th {border: 1px solid #E75C00;padding: 8px;}
#q3_table th {padding-top: 12px;padding-bottom: 12px;text-align: center;background-color: #E75C00;color: white;width:calc(100%/4);text-indent: 0px;}
#q3_table td {padding-top: 12px;padding-bottom: 12px;text-align: center;color: #5d5d5d;width:calc(100%/4);text-indent: 0px;}
ol.ol_ex{text-indent: -20px;padding-inline-start: 22px;}
li.space_li{padding-left:8px;font-weight: bold;}
ol.ol_ex li{list-style-type: none;letter-spacing: -0.02rem;}
ol.ol_ex li.black:before{content: '';display: inline-block;height: 9px;width: 9px;background-size: 9px;background-image: url(../img/black_dot.png);background-repeat: no-repeat;background-position: center center;margin-right: 10px;}
ol.ol_ex li.red:before{content: '';display: inline-block;height: 9px;width: 9px;background-size: 9px;background-image: url(../img/red_dot.png);background-repeat: no-repeat;background-position: center center;margin-right: 10px;}
p{font-size:1em;line-height: 1.2em;text-indent: 1em;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #fc7802;margin: 1em 0;padding: 0;}
.sFont{font-size: small;}
.one{width: 100%;position:relative;overflow: hidden;padding-bottom:60px;padding-top:40px;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,250,253,1) 52%, rgba(255,255,255,1) 100%);}
.two{width: 100%;position:relative;overflow: hidden;background: #fffad4;padding:0 0 1em 0;}
.three{width: 100%;position:relative;overflow: hidden;background: #F2FAFA;padding:0 0 4em 0;}
.bannerBox{position:relative;width:100%;height: auto;}
.bannerBox a{position: absolute;z-index: 15;top: 3%;left: 27%;}
.banner{position:relative;width: 100%;height: 665px;background-image:url(../img/kv_main.png);background-position: center top;background-size: cover;background-repeat: no-repeat;}
.banner_inside{position:relative;width: 100%;height: 700px;background-image:url(../img/kv.png);background-position: center top;background-size: cover;background-repeat: no-repeat;}
.banner_640,.banner_960{display:none;}
.banner_640 img,.banner_960 img{width:100%;height:auto;}
img.img_banner{display:block;}
img.img_banner_mb{display:none;}
.soldout_info{text-align: center;line-height: 2.2rem;}
.soldout_info .soldout_h1{margin-bottom: 1em;} 
.soldout_info {text-align: center;}
.soldout.on{display:block;max-width: 432px;width: 100%;height: 0;padding-bottom: 59%;background-image: url(../img/soldout-btn.png);background-position: center center;background-size: cover;background-repeat: no-repeat;cursor:default;border-radius: 20px;}
.soldout{display:none;}
.soldout_h1 {padding-bottom: 20px;}
.timeBox{text-align:right;font-size:1.6rem;font-weight:bold;display: block;position: absolute;right: 0;}
.SPtimeBox{padding-bottom: 40px;background: #fff;}
.zoomin{animation: zoomin .8s cubic-bezier(0.01, 0.97, 0.72, 1) 0s;-webkit-animation: zoomin .8s cubic-bezier(0.01, 0.97, 0.72, 1) 0s;}
	@-webkit-keyframes zoomin
	{
		0% {opacity: 0;transform:translate(0) scale(.6);}
	  100%  {opacity: 1;transform:translate(0) scale(1);}
	}	
h2 > img{width: 85%;height:auto;text-align:center;}
.box_l > h2 > img{width: 100%;max-width: 408px;height:auto;text-align:center;}
.box_r > h2 > img{width: 100%;max-width: 367px;height:auto;text-align:center;}
.box{display:block;width: 100%;position:relative;margin: 0 auto;padding-right: 0px;padding-left: 0px;overflow: hidden;}
.SPtimeBox .title{margin: 0 auto;position: relative;display: block;}
.box_r{text-align: center;padding-left: 5%;display: inline-block;}
.box_l{text-align: center;padding-left: 5%;display: inline-block;}
.box a{display: block;width: 432px;height: 254px;background-repeat: no-repeat;background-size: contain;margin: 0 auto 20px;}
a.btn-o1{background-image: url(../img/btn-o1.png);}
a.btn-b1{background-image: url(../img/btn-b1.png);}
a.btn-o1:hover,a.btn-b1:hover{opacity: .8;filter:Alpha(opacity=80);}
.btn05{text-align: center;display: block;text-indent: -100px;padding-bottom: 2%;}
/**faq*/
.faq{background: #FEFAE8;width:100%;}
.faq a{display:block;margin:1.5em 0 1.5em 0;}
.faq a.red{color:#c31826;font-weight: bold;margin: 0;display: inline-block;}
.step{display:inline-block;width: 150px;height: 40px;line-height: 40px;text-decoration: none;background: #254a91;color: white;font-weight: bold;border-radius: 8px;text-align: center;margin-left:0.5em;margin-top:0.5em;}
/**btn**/
.banner_btn{display: block;width:100%;padding-top:28%;}
.banner_btn:hover{opacity: .8;filter:Alpha(opacity=80);}
.btnbox{text-align: center;padding-top: 30px;padding-bottom: 30px;}
.btn{text-align: left;margin-left: 150px;margin-top: 1em;}
.soldout_info .btn{text-align:center;margin:1em auto}
.btn a.AA {margin-right: 1em;}
.btn a:hover{opacity: .8;filter:Alpha(opacity=80);}
.gogogo{position:relative;width: 100%;height:auto;text-align: left;margin-left: 150px;margin-top: 20px;}
.gogogo span{position:absolute;width: 207px;height: 129px;margin-top:-6px;margin-left:10px;}
.ready{display:inline-block;width: 200px;height:60px;line-height: 60px;text-decoration: none;background: #999;color: white;font-weight: bold;border-radius: 8px;margin-right: 40px;}
a.cloudy:hover,a.step:hover,a.gogogo:hover,a.stepBtn{opacity: .8;filter:Alpha(opacity=80);}
.stepBtngoindex{display:inline-block;width: 231px;height: 66px;background-image: url(../img/btn-03.png);background-size: contain;background-repeat: no-repeat;vertical-align: middle;margin-top: 2%;}
.stepBtngoindex_B{display:inline-block;width: 107px;height: 36px;background-image: url(../img/btn-05.png);background-size: auto 97%;background-repeat: no-repeat;vertical-align: middle;margin-top: 2%;margin-right: 2%;}
.stepBtngoindex2{display:inline-block;width: 86px;height: 72px;background-image: url(../img/floating-btn.png);background-size: contain;background-position: 0 0;background-repeat: no-repeat;vertical-align: middle;}
.stepFlow{display:block;vertical-align: top;text-align: center;margin:0 auto;}
.stepNum{color: #1D2082;font-weight: bold;font-size: 2rem;text-indent: -1rem;line-height: 2rem;text-align: center;}
.stepNum.one{background:transparent;}
.stepBox{margin:0 auto 90px auto;padding:0;}
.stepBox p{line-height:2.5rem;font-size: 1.8rem;}
.stepBox .BB{text-indent:-1rem}
.stepBox img.pic{display:block;width: 100%;height:auto;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);border: 1px solid rgba(0, 0, 0, 0.15);max-width:900px;margin: 0 auto;}
#mb .stepBox img{display:block;width: 100%;height:auto;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);border: 1px solid rgba(0, 0, 0, 0.15);max-width:520px;margin:0 auto;}
.stepBox.one{padding-top: 0;background: none;}
a.stepNum.one{padding: 1rem 0;}
.stepBox.one a{text-decoration: none;margin:0 auto;}
.stepBox.one .AA{font-size: 1.8rem;color:#254a91;font-weight: bold;vertical-align: baseline;}
.clicked{font-family:arial,"sans-serif", "微軟正黑體", Helvetica}
.flowchart{margin-top: 0em;padding-left: 15%;background:url(../img/followchart.gif) no-repeat;font-size: 1.2em;line-height: 1.5em;}
.linklink{color:#254a91;font-weight: bold;text-decoration: none;}
.chartStart{padding-top: 1.2em;text-indent:0px;}
.chartOne{width: 790px;text-indent: 0px;background: #ffe9ab;padding: 2rem 2rem 2rem 2rem;margin-bottom: 2rem;border-radius: 10px;margin-left: -2rem;}
.chartOne .org {margin-bottom:1.2rem}
.chartTwo{padding-top: 4.5em;text-indent:0px;}
.chartThree{padding-top: 8.5em;text-indent:0px;padding-bottom: 2em;}
.flowchart ul{display:block;padding: 0px .9em 0 1.2em;margin: 0;width: 90%;}
.flowchart div.org, .flowchart div.red,.flowchart div.blue{font-size: 2.5rem;line-height: 1.5em;}
.flowchart .highlight2{font-weight:bold;}
.h5{font-weight:bold;font-size:0.8em;}
.h5.red{font-weight:bold;font-size:0.8em;color: #a97e07;}
.infops{font-size: 1rem;color: #E75C00;text-indent: -1.7rem;margin-block-start: 0.5em;margin-block-end: 0.5em;font-weight: bold;padding-left: 2.8rem;line-height: 22px;}.who{font-size:1.2em;margin-left: 1.6em;margin-top: 0em;}
.tabbtn_con{display:block;width:100%;text-align: center;}
.tabBox{position:relative;text-align: center;}
.tabBtn{border-bottom: 2px solid #1D2082;display: inline-block;width: 75%;margin: 0 auto;padding-inline-start: 0px;}
.tabBtn li {list-style-type: none;display:inline-block;text-align: center;background-color:#5D5D5D;border-radius: 8px 8px 8px 8px;transition: all .3s;padding: 1em 2.6em 1em 2.6em;margin-right: 0.8em;font-size: 1.5rem;margin-left: 0.8em;}
.tabBtn li a{display:block;font-size:1.4em;font-weight: bold; color:#fff;text-decoration: none;}
.tabBtn li:hover {background-color: #1D2082;}
.tabBtn li.active{background: #1D2082;}
.tabBtn li.active a:hover {opacity: .8;filter:Alpha(opacity=80);}
#mb {margin: 0 auto;text-align: center;}
.WH{font-size:2.5rem;font-weight: bold;line-height:2em;margin-top: 1em;color: #254a91;margin-bottom: 0.5em;}
.WH.first{margin-top:-10px;margin-bottom: 0.5em;}
.WH::before { content: url(../img/flower.png);padding-right:0.2em; }
.WH.checked li{list-style:url(../img/checked.gif);padding-left:1em}
/**----QA----------*/
.QAbox{padding-top:2.2em;padding-bottom:2.2em;width: 80%; margin-left: auto;margin-right:auto;letter-spacing: -0.06rem;}
.QABtn{display: block;width: 100%;height: 45px;font-size:1.2rem;font-weight: bold;margin: 0;padding: .5% 0;background: #FAE582;border-bottom: 3px solid #fff;text-align: center;line-height: 56px;}
.QA{margin-top:1em;width: 100%;}
.QA img.line{width: 100%; position: relative; display: block;padding-top: 8px;padding-bottom: 8px;}
.QQ span.bubble_blue{font-weight: bold;font-family: arial, helvetica, sans-serif;margin-right:0.7em;font-size:0.8em;color:#fff;background:url(../img/bubble_blue.png) center center no-repeat;background-size:contain;padding:12px 12px 9px 12px;}
.QQ {font-size:24px;color: #1D2082;font-weight: bold;line-height:1.6em;text-indent: -2.6em;padding-left: 2.5em;margin-bottom:1em;}
.Ans{font-weight: bold;color:#5D5D5D;line-height:1.6em;padding-bottom:2em;padding-left: 3.2em;text-indent: -2.8em;font-size: 0.98em;padding-right: 15px;}
.Ans span.bubble_grey{font-size: 0.8em;font-weight: bold;font-family: arial, helvetica, sans-serif;margin-right: 1em;color:#fff;background:url(../img/bubble_grey.png) center center no-repeat;background-size:contain;padding: 9px 9px 7px 9px;}
/*-----footer------*/
.footer-container {text-align: center;font-size: .7em;background: #254a91;padding: 15px 0px;color:#FFF;letter-spacing: 1px;}
.view-on-mobile {display: none;}
.view-on-destop{display: inline-block;width: 40px;}
/*----漸層-------*/
.timebg{
	  background : -moz-radial-gradient(10.32% 8.31%, circle farthest-corner, rgba(173, 30, 58, 1) 0%, rgba(182, 28, 65, 1) 14.74%, rgba(208, 21, 85, 1) 39.23%, rgba(240, 13, 110, 1) 64.01%, rgba(178, 49, 25, 1) 100%);
	  background : -webkit-radial-gradient(10.32% 8.31%, circle farthest-corner, rgba(173, 30, 58, 1) 0%, rgba(182, 28, 65, 1) 14.74%, rgba(208, 21, 85, 1) 39.23%, rgba(240, 13, 110, 1) 64.01%, rgba(178, 49, 25, 1) 100%);
	  background : -webkit-gradient(radial,10.32% 8.31% ,0 , 10.32% 8.31%, 63.03 ,color-stop(0,rgba(173, 30, 58, 1) ),color-stop(0.1474,rgba(182, 28, 65, 1) ),color-stop(0.3923,rgba(208, 21, 85, 1) ),color-stop(0.6401,rgba(240, 13, 110, 1) ),color-stop(1,rgba(178, 49, 25, 1) ));
	  background : -o-radial-gradient(10.32% 8.31%, circle farthest-corner, rgba(173, 30, 58, 1) 0%, rgba(182, 28, 65, 1) 14.74%, rgba(208, 21, 85, 1) 39.23%, rgba(240, 13, 110, 1) 64.01%, rgba(178, 49, 25, 1) 100%);
	  background : -ms-radial-gradient(10.32% 8.31%, circle farthest-corner, rgba(173, 30, 58, 1) 0%, rgba(182, 28, 65, 1) 14.74%, rgba(208, 21, 85, 1) 39.23%, rgba(240, 13, 110, 1) 64.01%, rgba(178, 49, 25, 1) 100%);
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
	  background : radial-gradient(10.32% 8.31%, circle farthest-corner, rgba(173, 30, 58, 1) 0%, rgba(182, 28, 65, 1) 14.74%, rgba(208, 21, 85, 1) 39.23%, rgba(240, 13, 110, 1) 64.01%, rgba(178, 49, 25, 1) 100%);
	  border-radius : 6px;
	  -moz-border-radius : 6px;
	  -webkit-border-radius : 6px;
	  filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
	  display:inline-block;
	  padding: 2px 10px;
	  margin: 0 6px;
	  color:#fff;
	  font-size: 2.5rem;
	  font-family: Helvetica, Arial, "sans-serif", "微軟正黑體";
}
ol li ul li ul li {list-style-type: disc;list-style-position: outside;margin: 0 0 0 1rem;}
ol li ol li {list-style-type: disc;font-size: 1rem;}
ol li ul li {list-style: none;margin-left: -1rem;font-size: 1rem;}
/*-----注意事項-----------*/
div.three, .Ans, .QAbox{display:none;}
div.panel>ol{padding: 0 4rem 0 2rem;color: #707070;}
/*----教學頁-----*/
.teach_title{width:100%;display:block;position:relative;text-align:center;margin-bottom:40px;}
.teach_title img{display:inline-block;}
p.teach_font{font-weight:bold;color:#5D5D5D;}
p.hint_main_title.teach{font-size: 1em;line-height: 0.5em;text-indent: 1em;margin-block-start: 0em;margin-block-end: 0em;padding-top: 0.8em;padding-bottom: 0.8em;margin-top:0px;margin-bottom:0px;}
.pd_15{padding-bottom: 15px;}
p.teach_font a.highlight:hover{text-decoration:underline;}
.teach_hint{width:100%;position:relative;display:block;text-align: center;margin: 20px auto 0px auto;}
.hint_big_con.teach{width: 75%;text-align:center;margin:0 auto;}
p.hint_main_title span.hint_subtitle{color:#E75C00;font-size:26px;}
.bg_cloud{background-image: url(../img/teach_bg.png);background-position: center center;background-size: cover;background-repeat: no-repeat;width: 100%;height: 388px;display: block;}
.st{width: 99%;height:80px;margin-top:40px;margin-bottom:25px;}
.st1{background-image: url(../img/st1.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
.st1:hover{background-image: url(../img/st1_hover.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
.st2_web{background-image: url(../img/st2_web.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
.st2_mobile{background-image: url(../img/st2_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
.st3{background-image: url(../img/st3.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
.st4{background-image: url(../img/st4.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
.st5{background-image: url(../img/st5.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
.st6{background-image: url(../img/st6.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
/*----結束頁-----*/
.end_top_reduce{margin-top:-80px;}
.hint_text.end{text-align:center;padding-top:10px;padding-bottom:10px;}
img.end_text{display:inline-block;width:42%;}
img.b_b{display:inline-block;position:absolute;left: 21%;top: -24%;width: 6%;}
img.b_r{display:inline-block;position:absolute;right: 16%;top: 20%;width: 3%;}
img.b_g{display:inline-block;position:absolute;right: 19%;bottom: -13%;width:6%;}
/*----other-----*/
hint_big_con_out{display:block;width:100%;}
span.break{display:none;}
#myBtn {
	display: none;
    position: fixed;
    border-radius: 50%;
    right: 19%;
    bottom: 3%;
    text-align: center;
    padding: 10px 15px 14px 15px;
    background: hsla(0, 0%, 52%, 0.5);
    color: #FAFCFD;
    cursor: pointer;
    z-index: 1000;
	border: none;
	font-weight:bolder;
}
#myBtn:hover {
	background-color: #22e7ed; 
	color: #e54f51;
}
@media screen and (max-width: 1780px) {
	.floating{top:20%;right:5%;}
	#myBtn {
		right: 6%;
	}
	.bannerBox a{left: 24%;}
}
@media screen and (max-width: 1480px) {
	.bannerBox a{left: 18%;}
}

@media screen and (max-width: 1366px) {
	.bannerBox a{left: 16%;}
}

@media screen and (max-width: 1160px) {
	.bannerBox a{left: 8%;}
	.floating{top:20%;right:0%}
	#myBtn {
		right: 3%;
	}
	.SPtimeBox .title {width:100%;}
	.wrapper_1170 .title img{width:100%;height:auto;}
	.wrapper{width:100%;margin:0 auto;}
	.hint_big_con.teach{width:85%;margin:0 auto;}
	.tabBtn{width:85%;}
}

@media screen and (max-width: 1024px) {
	h2.re{font-size: 2.1em;font-weight: bold;letter-spacing: 0;line-height: 1.2em;}
	h2.re span.ss{font-size: 1.8rem;letter-spacing: 0;}
	.btn05{text-align: center;padding-left: 0;}
	.wrapper{width: 100%;margin:0;}
	.wrapper_1170{width: 100%;margin:0;}
	.bannerBox a{left: 7%;}	
	.banner,.banner_inside{display:none;}
	.banner_960{display:block;width:100%;height:auto;position:relative;}
	.banner_640{display:none;}
	.box{padding: 0;overflow: auto;margin: 0 auto;}
	.box_l > h2 > img{width: 100%;max-width: 408px;height:auto;text-align:center;}
	.box_r > h2 > img{width: 100%;max-width: 367px;height: auto;text-align:center;}
	.box_r{padding-left: 2%;}
	.box_l{padding-left: 3%;padding-right: 0;}
	.box a{display: block;max-width: 432px;height: 0;padding-bottom: 59%;background-repeat: no-repeat;background-size: contain;background-position: center top;margin: 0 auto 2%;}
	/**btn**/
	.banner_btn{padding-top: 28%;text-align: center;width: 90%;}
	.banner_btn img {width:28%;}
	/**----QA----------*/
	.QAbox{padding:1em;}
	.QA{margin-top:1em;width: 95%;}
	.QQ span{font-weight: bold;font-family: arial, helvetica, sans-serif;color:#fff;margin-right:0.7em;padding:4px 6px;font-size:0.8em;border-radius:8px;}
	.QQ {font-size:1.2em;font-weight: bold;line-height:1.6em;}
	.Ans{padding-left:3.2em;font-weight: bold;color:#333;line-height:1.4em;margin-top:1em;padding-bottom:2em;}
	.Ans>.ps{padding-left: 1.2em;line-height:1.4em;margin: 0;padding-bottom:0;padding-top: .5em;text-indent: 0;}
	/**----other----------*/
}
@media screen and (max-width: 960px) {
	.wrapper_1170{width: 100%;margin:0;}
	.wrapper{width: 96%;padding: 0;margin:0 auto;}
	h2.re{font-size: 1.6em;margin-left: 2%;text-indent: -1.5%;}
	.m{display: block}
	.soldout_info{text-align: center;width: 90%;}
	.SPBtn a:hover{opacity: .8;filter:Alpha(opacity=80);}
	.Ans table{margin:0.5em 0;width: 100%;font-size:.8em;}
	.Ans th{color:#fff;font-weight:bold;text-indent: initial;}
	.Ans td{width:25%;font-weight:bold;font-size: 1em;text-indent: initial;line-height: 1.5em;padding: .5em;}
	#pc .stepBox img.pic{max-width: none;width: 80%;margin:0 auto;}
	#mb .stepBox img.pic{max-width: none;width: 60%;margin:0 auto;}
	span.hint_subtitle{display:block;padding-top:30px;}
}
@media screen and (max-width: 880px) {
	img.hint_pic{position:absolute;right:-33px;width:18%;bottom:-49px;}
	.center_btn a img,.equal_btn a img{width: 115%;}
	.hint_text { border-left: 1.5pt solid #1d2082b8;}
	.wrapper img.hint_pic{display:none;}
}

@media screen and (max-width: 768px) {
	.bannerBox a img{width:80%;}
	img.end_text{display:inline-block;width:50%;}
	.tabBtn li {list-style-type: none;display:inline-block;text-align: center;background-color:#5D5D5D;border-radius: 8px 8px 8px 8px;transition: all .3s;padding: 0.8em 1.8em 0.8em 1.8em;margin-right: 0.8em;font-size: 1.2rem;margin-left: 0.8em;}
}
@media screen and (max-width: 700px) {
	.center_btn{text-align:center;width:100%;display:block;}
	.center_btn a{text-align:center;display:inline-block;width:50%;height:auto;margin:0 auto;}
	.center_btn a img{width:100%;}
	.equal_btn{text-align:center;width:100%;display:inline-block;height:auto;}
	.equal_btn a{text-align:center;display:inline-block;width:50%;height:auto;margin:0 auto;}
	.equal_btn a img{width:100%;}
}


/* --手機版型------------------------------------- */
@media screen and (max-width: 640px) {
	.center_btn a,.equal_btn a{text-align:center;display:inline-block;width:60%;height:auto;margin:0 auto;}
	.bannerBox a{left: 6%;}
	.bannerBox a img{width:80%;}
	.banner,.banner_inside{display:none;}
	.banner_960{display:none;}
	.banner_640{display:block;width:100%;height:auto;position:relative;}
	img.img_banner{display:none;}
	img.img_banner_mb{display:block;}
	.floating{bottom: 8%;right:2%;width: 60px;top: unset;}
	h1.title span.ss{font-size: 1.2rem;}
	.m{display: block;}
	div.panel>ol{padding: 0 1rem 0 2rem;}
	html,body{-webkit-text-size-adjust:none;}
	.soldout_h1>img{width: 100%;max-width: 368px;}
	.wrapper_1170{width: 93%;margin:0;}
	.wrapper{width: 93%;margin:0;}
	a.logo{ display: inline-block;background: url(../img/logo.png) no-repeat;vertical-align: text-bottom;background-size: contain;width: 120px;height: 40px;margin: 10px;}
	ul li{list-style:disc;line-height: 2rem;}
	ol li{list-style:decimal;font-size:0.8em;line-height:1.8em;margin: 0;}
	ul.checked li{list-style:url(../img/checked.gif);width: 100%;}
	h1{font-size: 1.7em;font-weight: bold;text-align: left;}
	h2.re{font-size: 1.3em;letter-spacing: 0;line-height: 38px;text-indent: -0.4em;padding-left: 0em;}
	h2.re span.ss{font-size: 1.2rem;}
	h3{font-size:0.9em;line-height:1.2em;}
	h4{font-size:0.8em;font-weight: normal;color:#b41f29;line-height: 2.8em;text-indent: 1em;padding:0;margin:0;}
	table{text-align: center;font-size:0.9em;line-height: 2em;margin:0.5em auto;width: 100%;text-indent: 0;}
	td{width:50%;border: 1px solid #fff;color: #000;font-weight: bold;}
	p{font-size:1em;line-height: 1.2em;text-indent: 1em;}
	hr {display: block;height: 1px;border: 0;border-top: 1px solid #cf64b3;margin: 1em 0;padding: 0;}
	.one{width: 100%;position:relative;overflow: auto;}
	.two{width: 100%;position:relative;overflow: auto;background: #fffad4;padding:0 0 1em 0;}
	.three{width: 100%;position:relative;overflow: auto;padding: 1em 0 2em 0;}
	.faq a{display:block;margin:1.5em 0 1.5em 0;text-align: center;}
	.faq a.red{color:#c31826;font-weight: bold;}
	.step{display:inline-block;width: 150px;height: 40px;line-height: 40px;text-decoration: none;background: #254a91;color: white;font-weight: bold;border-radius: 8px;text-align: center;margin-left:0.5em;margin-top:0.5em;}
	.SPtimeBox{padding-bottom: 40px;padding-top:20px;}
	.box{display:block;width: 90%;position:relative;margin: -3em auto 0 auto;padding-top: 20px;padding-bottom: 0;padding-right: 10px;padding-left: 10px;overflow: hidden;}
	.soldout_info{text-align: center;line-height: 2.2rem;}
	.soldout_info .soldout_h1{margin-bottom: 1em;} 
	.soldout_info {text-align: center;padding: 0 5%;}
	.soldout_h1 {padding-bottom: 20px;}
	.SPtimeBox .title{font-size: 1.9rem;}
	/**faq*/
	.btnbox{text-align: center;padding-top: 30px;padding-bottom: 30px;}
	.btn{text-align: center;margin-top: 1rem;margin-left: 0;}
	.chartOne .btn {margin-left: 0px;}
	.btn05{max-width: 354px;width: 66%;padding-bottom: 2rem;padding-left: 0;padding-top: 2rem;text-align: center;margin: 0 auto;text-indent: 0;}
	.btn img,.QABtn img{width:initial;padding-top: 11px;}
	.btn a.AA {margin-right: 1em;}
	.btn a:hover{opacity: .8;filter:Alpha(opacity=80);}
	.gogogo{position:relative;width: 100%;height:auto;text-align: center;margin-left: 0px;margin-top: 1rem;margin-bottom: 1em;}
	.gogogo span{position: relative;margin-top:-6px;margin-left:10px;margin-bottom: 1rem;}
	.stepBtn{display:inline-block;min-width:50px;height:1.5em;line-height: 1.5em;text-decoration: none;background: #c31826;color: white;font-weight: bold;border-radius: 8px;padding: 0 1em;text-align: center;text-indent: 0;}
	.ready{display:inline-block;width: 200px;height:60px;line-height: 60px;text-decoration: none;background: #999;color: white;font-weight: bold;border-radius: 8px;margin-right: 40px;}
	a.cloudy:hover,a.step:hover,a.gogogo:hover,a.stepBtn{opacity: .8;filter:Alpha(opacity=80);}
	.stepFlow{display:block;vertical-align: top;text-align: center;margin:0 auto;}
	.stepNum{padding-right: 0;font-size: 2rem;text-indent: -2rem;line-height: 1rem;display: inline-block;margin-bottom: 2rem;display: inline-block;}
	.stepNum.one{background:transparent;line-height: initial;display: inline-block;text-indent: -3rem;}
	.stepNum.one > a{margin:0 auto;}
	.stepBox{width:90%;}
	.stepBox img{display:block;margin:0 auto 40px auto;width:100%;height:auto;max-width:520px;}
	.stepBox .org{text-indent:-1.8rem}
	.stepBox p{line-height: 2rem;font-size: 1.8rem;}
	.clicked{font-family:arial,"sans-serif", "微軟正黑體", Helvetica}
	.h5{font-weight:bold;font-size:0.8em;}
	.h5.red{font-weight:bold;font-size: 1rem;text-indent: -.9rem;padding-left: 2.4rem;display: block;}
	.info_h2{padding-top: 10px;display: block;width: 100%;height: 8px;padding-bottom: 10%;margin: 0;;text-align: center;line-height: 45px;}
	.info_h2 img{width:initial;padding-top: 11px;}
	.QABtn{display: block;width: 100%;height: 8px;font-size:1.2rem;font-weight: bold;margin: 0;padding: 0 0 10% 0;text-align: center;line-height: 50px;}
	.infops{font-size: 1rem;font-weight: normal;text-indent: -1.5rem;margin: 0;padding: 0 0 1rem 2rem;}
	.who{font-size: 1.2rem;margin-left: 0rem;width: 100%;display: block;padding-left: 2rem;}
	.tabBox{position:relative;text-align: center;margin: 0;padding: 1rem 0 0 0;}
	.tabBtn{border-bottom: 3px solid #1D2082;}
	.tabBtn li {list-style-type: none;display:inline-block;text-align: center;background-color: #5D5D5D;border-radius: 8px 8px 8px 8px;transition: all .3s;padding: 0.8rem 1.2rem;margin-right: 0.5rem;margin-left: 0.5rem;}
	.tabBtn li a{font-size: 1.4rem;font-weight: bold;color:#fff;text-decoration: none;}
	.tabBtn li:hover {background-color: #1D2082;}
	.tabBtn li.active{background: #1D2082;}
	.tabBtn li.active a:hover {opacity: .8;filter:Alpha(opacity=80);}
	.timeBox{text-align: center;margin-top: 2rem;margin-bottom: 2rem;}
	.timeBox{text-align: center;margin-top: 2rem;margin-bottom: 2rem;}
	#mb {margin: 0 auto;text-align: center;width: 100%;max-width:640px;}
	.WH{font-size: 2rem;font-weight: bold;line-height: 2rem;margin-top: 0rem;color:#254a91;padding-left: 0;text-align: left;}
	.WH.first{margin-top: 2rem;}
	.WH::before { content: url(../img/flower.png);padding-right:0.2em; }
	.WH.checked li{list-style:url(../img/checked.gif);padding-left:1em}
	/**----QA----------*/
	.QAbox{margin-top: 0;margin-bottom: 0;padding: 1em;}
	.QA{width: 100%;margin: 1em auto;}
	.QQ span{font-weight: bold;font-family: arial, helvetica, sans-serif;color:#fff;margin-right:0.7em;padding:4px 6px;font-size:0.8em;border-radius:8px;}
	.QQ {font-size: 1.2rem;font-weight: bold;line-height: 1.2em;text-indent: -2.8em;margin-left: 0;padding-bottom: 0;padding-left: 2.3em;}
	.QQ.t{font-size: 1.2rem;font-weight: bold;line-height: 2rem;text-indent: -3.2rem;margin-left: 0;padding-bottom: 0;padding-left: 3.2rem;}
	.Ans{padding-left: 2.7rem;font-weight: normal;color:#333;line-height:1.4em;padding-bottom:2em;font-size: 1rem;}
	.Ans.t{padding-left: 3rem;font-weight: normal;color:#333;line-height: 1.8rem;padding-bottom: 2em;width: 90%;font-size: 1.2rem;}
	footermargin:0 auto 20px auto;.footer-container {padding: 10px 0px;line-height: 20px;letter-spacing: 0;}
	.view-on-mobile {display: inline-block;width: 40px;}
	.view-on-destop,.view-on-destop2{display: none;}
	.ps {padding-top: 1rem;padding-left: .8em;font-weight: bold;line-height: 1.6rem;text-indent:-0.5em;padding-bottom: 0;font-size: 1rem;}
	.Ans>.ps{padding-left: 1.4em;line-height: 0;margin: 0;padding-bottom:0;padding-top: .5em;text-indent: 0;font-size: 1rem;width: 96%;}
	/**----other----------*/	
	span.break{display:block;}
	.sub_text{font-size: 30px;text-align: center;margin-top: 20px;}
	.space_sub{padding-right: 0px}
	.sub_text_small{font-size: 26px;}
	.sub_text_grey{font-size:26px;text-align:center;}
	.ps.top{text-align:center;font-size:26px;padding-left: 0em;}
	ul.ps_top li.li_top:before {height: 15px;width: 15px;background-size: 15px;}
	ul.ps_hint li.li_hint:before {height: 15px;width: 15px;background-size: 15px;}
	p.hint_main_title{font-size: 0.85em;}
	ul.ps_hint li.li_hint{font-size: 18px;line-height: 1.8rem;text-indent:-34px;}
	ul.ps_hint{padding-inline-start: 28px;}
	.ps_one{font-size: 20px;}
	.wrapper .panel {width: 85%;margin: 0px auto;}
	.SPtimeBox.middle_third{padding-bottom:0px;}
	.ps_one.first{padding-top:20px;}
	.end_top_reduce{margin-top: 0px;}
	img.end_text{display:inline-block;width:70%;}
	img.b_b{display:inline-block;position:absolute;left: 5%;top: -24%;width: 10%;}
	img.b_r{display:inline-block;position:absolute;right: -9px;top: 2%;width: 7%;}
	img.b_g{display:inline-block;position:absolute;right: 0%;bottom: 10%;width: 10%;z-index: 1;}
	.end_top_reduce .hint_big_con{margin-top:40px;margin-bottom:40px;}
	.hint_text.end{padding-top: 20px;padding-bottom: 20px;}
	p.hint_main_title.teach{font-size:0.85em;text-indent: 0em;padding-left: 15px;padding-right: 15px;}
	p.hint_main_title.teach span.hint_subtitle{font-size:22px;line-height:28px;padding-top:20px;}
	.st1{margin-top:20px;}
	#pc .stepBox img.pic {width: 90%;}
	#mb .stepBox img.pic {width: 70%;}
	.one .wrapper{margin:0 auto;}
	.pd_15{display:none;}
	.stepBox{margin: 0 auto 50px auto;}
	.st1{background-image: url(../img/st1_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	.st1:hover{background-image: url(../img/st1_hover_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	.st2_web{background-image: url(../img/st2_web_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	.st2_mobile{background-image: url(../img/st2_mb_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	.st3{background-image: url(../img/st3_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	.st4{background-image: url(../img/st4_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	.st5{background-image: url(../img/st5_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	.st6{background-image: url(../img/st6_mb.png);background-position: center center;background-size: contain;background-repeat: no-repeat;}
	#q3_table{border-collapse: collapse;width: 123%;margin-top:15px;margin-left:-46px;}
}
@media screen and (max-width: 580px) {
	.teach_title{ width:100%;margin:0 auto;padding-bottom:20px;}
	.teach_title img{width:78%;}
	.st1 { margin-top: 0px;}
}
@media screen and (max-width: 540px) {
	.btn img,.QABtn img{width:initial;padding-top: 9px;}
	.info_h2 img{width:initial;padding-top: 9px;}
}
@media screen and (max-width: 500px) {
	.text_con{width:82%;}
	.sub_text{font-size: 28px;}
	.sub_text_small{font-size: 23px;}
	.sub_text_grey{font-size:23px;}
	.ps.top{font-size:23px;padding-top: 0.5rem;}
	ul.ps_top li.li_top{font-size: 20px;}
	ul.ps_second li.li_second{font-size: 18px;}
	.center_btn a, .equal_btn a{width: 70%;}
}
@media screen and (max-width: 480px) {
	.btn img,.QABtn img{width:initial;padding-top: 7px;}
	.info_h2 img{width:initial;padding-top: 7px;}
	#mb .stepBox img.pic {width: 85%;}
	p.hint_main_title.teach span.hint_subtitle {font-size: 24px;}
}
@media screen and (max-width: 430px) {
	.sub_text{font-size: 26px;}
	.sub_text_small{font-size: 21px;}
	.sub_text_grey{font-size:21px;}
	.ps.top{font-size:21px;}
	.btn img,.QABtn img{width:initial;padding-top: 5px;}
	.info_h2 img{width:initial;padding-top: 5px;}
	.info_h2,.QABtn{height: 12px;}
	#q3_table span.break{display:none;}
}
@media screen and (max-width: 400px) {
	span.space_sub{display:block;padding-top: 5px;}
	.center_btn a, .equal_btn a{width: 75%;}
	img.end_text{display:inline-block;width:85%;}
	img.b_b{display:inline-block;position:absolute;left: 3%;top: -18%;width: 12%;}
	img.b_r{display:inline-block;position:absolute;right: -12px;top: 38%;width: 10%;}
	img.b_g{display:inline-block;position:absolute;right: 0%;bottom: -29%;width: 12%;z-index: 1;}
}
@media screen and (max-width: 380px) {
	.btn img,.QABtn img{width:initial;padding-top: 5px;}
	.info_h2 img{width:initial;padding-top: 5px;}
	.info_h2,.QABtn{height: 15px;}
}
@media screen and (max-width: 370px) {
	p.hint_main_title.teach{font-size:0.75em;}
	p.hint_main_title.teach span.hint_subtitle{font-size:20px;}
	.tabBtn{border-bottom:none;}
	.tabBtn li {margin-bottom: 20px;width: calc(50%/2);}
	.stepFlow{padding-top:20px;}
	.tabBtn li.pc_tab{margin-left:0rem;}
	.tabBtn li.mb_tab{margin-right:0rem;}
	span.br_btn{display:block;}
	
}
@media screen and (max-width: 330px) {
	.btn img,.QABtn img{width:initial;padding-top: 2px;}
	.info_h2 img{width:initial;padding-top: 2px;}
}