/* CSS Document */

/*==【基本設定】==*/
body{overflow-x:hidden;font-display:swap;}
	
	*{box-sizing:border-box;}
	.title,b{margin:0;padding:0;line-height:1.3;font-weight:700;}
	ul.ulli,.ulli>ul,.ulli>ul>li{margin:0;padding:0;list-style:none;}
	.xxx{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
	.btn,.btn:hover,.owl-dot,.owl-dot.active{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}

	::-webkit-input-placeholder{color:var(--font_placeholder);}::-moz-placeholder{color:var(--font_placeholder);}:-ms-input-placeholder{color:var(--font_placeholder);}option:disabled{color:var(--font_placeholder);}
	::selection{background:var(--font_selection);color:#fff;}
	::-moz-selection{background:var(--font_selection);color:#fff;}

	:root{
		/* --------------------------------------- Body */
		/*主要寬度*/    --inbox:860px;
		/*主要字體*/    --font_family_fst:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;
		/*Icon字體*/    --font_icon:'font_material';
		/* --------------------------------------- Color */
		/*主色*/   	    --clr_main:#44373B;
		/*次色*/   	    --clr_sub:#DAA2B0;
		/* --------------------------------------- Other */
		/*預覽色*/		--font_placeholder:#999;
		/*反白色*/		--font_selection:#44373B;
		/*owl-點點*/	--bg_porint:#44373B;
		/* --------------------------------------- FontSize */
		--font16:1rem;
		--font11:0.6875rem;--font12:0.75rem;--font13:0.8125rem;--font14:0.875rem;--font15:0.9375rem;--font18:1.17rem;
		--font20:1.25rem;--font24:1.5rem;--font25:1.55rem;--font30:1.875rem;--font32:2rem;--font36:2.25rem;--font40:2.5rem;
		--font48:3rem;--font50:3.125rem;--font60:3.75rem;--font64:4rem;--font66:4.125rem;--font80:5rem;--font90:5.625rem;
	}

	body{
		font:400 1em/1.5 var(--font_family_fst);
		color:var(--clr_main);
		background:var(--bg_body);
	}

#wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100vh;}
.inbox{width:var(--inbox);margin:0 auto;position:relative;z-index:2;}

/* Background */
.bgtb{position:fixed;left:0;top:0;width:100%;height:100%;}
.bg svg{width:1920px;height:auto;position:absolute;left:50%;transform:translateX(-50%);z-index:-1;}
.bg svg.bg_t{top:0;}.bg svg.bg_t path{fill:var(--bg_t);}
.bg svg.bg_b{bottom:0;}.bg svg.bg_b path{fill:var(--bg_b);}
.rbitem{width:530px;position:fixed;right:50%;bottom:5%;transform:translateX(770px);pointer-events:none;z-index:10;}
.rbitem img{width:100%;}

#header .logo{width:270px;position:fixed;left:50%;top:9%;;transform:translateX(-780px);z-index:20;}
#header .logo img{width:100%;}

#content{z-index:5;position:relative;flex:1;display:flex;flex-direction:column;align-items:stretch;opacity:0;transform:translateY(5px);}
.webready #content{opacity:1;transform:translateY(0px);-webkit-transition:all .5s linear;transition:all .5s linear;}
	/* Icon */
	iconify-icon{vertical-align:middle;}
	span[class^="material"]{vertical-align:middle;line-height:1;vertical-align:bottom;}
	i[class^="i_"]{display:inline-block;background:no-repeat scroll center;background-size:100% auto;width:30px;height:30px;}
	i.i_eye:before{content:'\f070';font-family:var(--font_icon);text-indent:0;font-size:var(--font20);line-height:1;display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:var(--font_body);}
	i.i_eye.show:before{content:'\f06e';}
	/* Button */
	.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px 13px 20px;position:relative;border:0;outline:none;font-size:var(--font25);gap:15px;line-height:1.4;min-width:185px;}
	.btn:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 rgba(0,0,0,0.2);}
	.btn[type=reset]{background:#efefef;color:#999;border-color:#ccc;}
	.btn[type=reset]:hover{background:#e1e1e1;border-color:#999;box-shadow:none;}
	.btn:disabled,.btn.disabled{cursor:not-allowed;}
	.btns{display:flex;align-items:center;gap:15px;}
	.btn_back::before,.btn_next::after,.btn_line::after{content:'';display:inline-block;background:no-repeat scroll center/100% auto;width:30px;height:15px;}
	.btn_back{background:#fff;color:var(--clr_main);}
	.btn_next{background:var(--clr_main);color:#fff;}
	.btn_line{background:#5AC364;color:#fff;border-radius:5px;height:65px;min-width:350px;}
	.btn_back::before{background-image:url(../images/content/icon_arrow_l.svg);}
	.btn_next::after,.btn_line::after{background-image:url(../images/content/icon_arrow_r.svg);}
	/* Main */
	.mainbnr{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;}
	.mainbnr picture{position:absolute;width:1920px;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);}
	.mainbnr picture *{max-width:100%;max-height:100%;}
	.linebtn{position:absolute;right:50%;bottom:50%;transform:translate(790px,310px);display:flex;flex-direction:column;gap:10px;}
	.linebtn .btn_line{box-shadow:0 4px 14px rgba(0,0,0,.55);display:flex;justify-content:space-between;}
	.linebtn .btn_line:hover{transform:translate(2px,2px);box-shadow:none;}
	/* Cont */
	.cont{display:flex;flex-direction:column;gap:25px;width:860px;margin:0 auto;padding-top:5%;}
	.cont_hd h2.title{color:#44373B;font-size:var(--font40);position:relative;}
	.cont_hd h2.title em{font-size:var(--font20);font-weight:400;position:absolute;left:0;top:-30px;}
	.cont_bd{padding-bottom:180px;}
	/* Formbox */
	.scrollcont{min-height:calc(100vh - 500px);padding-bottom:20px;overflow:auto;}
	.form_b{padding:25px 0 0;width:385px;display:flex;flex-direction:column;gap:30px;}
	/* Questioin */
	.qlist ul{display:flex;flex-direction:column;gap:10px;}
	.qlist li{position:relative;display:flex;flex-wrap:wrap;align-items:center;min-height:70px;}
	.qlist label{padding:0 0 0 30px;display:flex;align-items:stretch;}
	.qlist input{position:absolute;opacity:0;}
	.qlist span{background:#fff;position:absolute;left:0;top:0;width:100%;height:100%;border-left:20px solid #EEB467;}
	.qlist i{font-size:var(--font25);position:relative;z-index:1;padding:15px;font-style:normal;}
	.qlist p{position:relative;width:100px;flex:1;background:#fff no-repeat scroll center/contain;}
	.qlist label:hover span{background:#f9f9f9;}
	.qlist input:checked+span{background:#EAF3F2;border-color:#93C0BB;}
	.qlist input:checked+span+i{color:#10262B;}
	/* Progress */
	.progressbar{background:rgba(71,54,59,.5);width:100%;height:3px;border-radius:5px;display:flex;align-items:center;position:relative;}
	.progressbar span{position:relative;display:flex;align-items:center;transition: width 0.2s linear;}
	.progressbar span::before,.progressbar .airplain::after{content:'';display:inline-block;}
	.progressbar span::before{background:rgba(71,54,59,1);width:100%;height:3px;border-radius:5px;}
	.progressbar .airplain::after{background:url(../images/content/icon_airplane.svg) no-repeat scroll center/100% auto;width:40px;height:32px;position:absolute;right:0;top:50%;transform:translate(10px,-50%);}
	.progressbar em{position:absolute;left:100%;top:50%;font-size:var(--font30);transform:translate(10px,-50%);}
	/* Analyze */
	.bubbox{background:url(../images/content/bg_bubbles.svg) no-repeat scroll center;width:1184px;height:696px;padding:160px 10% 100px 15%;display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-610px,-50%);}
	.bubbox .Txt{text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1;}
	.bubbox .Txt p{font-size:var(--font25);}
	.bubbox .Txt img{max-width:100%;}
	.bubbox .bubbar{width:385px;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;}
	.bubbox .progressbar{height:6px;background:#F1E1CD;}
	.bubbox .progressbar span::before{height:6px;}
	/* cart */
	.detailbox,.cpinfo{background:rgba(255,255,255,0.9);position:relative;width:860px;padding:10px;display:flex;flex-direction:column;gap:15px;margin:4% auto 0;}
	.detailbox::before,.cpinfo::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform:translate(-5px,5px);border:1px solid var(--clr_main);pointer-events:none;}
	.boxwrap{display:flex;gap:15px;}
	.box h2.title{font-size:var(--font25);padding:0 0 5px;}
	.box h3.title,.box h4.title{font-size:var(--font20);font-weight:400;padding:10px 0 5px;}
	.boxwrap .box{flex:1;}
	.box_g{background:#EFEFEF;padding:15px;}
	.boxwrap .box_w{flex:none;width:275px;}
	.bmibox{position:relative;margin:15px 0 0;}
	.bmibar{display:flex;}
	.bmibar span{flex:1;height:20px;display:flex;justify-content:center;align-items:center;font-size:var(--font11);color:#fff;line-height:1;}
	.bmibar span:nth-of-type(1){background:#7A9CDC;border-radius:10px 0 0 10px;}
	.bmibar span:nth-of-type(2){background:#8FC69F;}
	.bmibar span:nth-of-type(3){background:#E6995A;}
	.bmibar span:nth-of-type(4){background:#D55C5A;border-radius:0 10px 10px 0;}
	.bimline{position:absolute;bottom:0;width:2px;height:100%;background:#fff;}
	.bimline::before{content:'';position:absolute;left:calc(50% - 8px);bottom:102%;width:0;height:0;border-style:solid;border-width:6px 8px 0 8px;border-color:var(--clr_main) transparent transparent transparent;}
	.sbox{display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #ccc;padding:20px 0 20px;}
	.sbox:last-child{border-bottom:0;}
	.score b{font-size:var(--font90);color:var(--clr_sub);}
	.score b sub{font-size:var(--font30);color:var(--clr_main);opacity:.4;position:relative;padding-left:10px;}
	.score b sub::before{content:'/';position:absolute;left:-5px;top:10px;}
	.imgtxt{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;}
	.imgtxt h4.title{color:var(--clr_sub);font-size:var(--font25);}
	.imgtxt p{padding:5px 10px;}
	.imgtxt img{max-width:100%;}
	.imgbox_txt a{color:var(--clr_main);}.imgbox_txt a:hover{text-decoration:underline;}
	.imgbox_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.detail_hd{padding:15px 0 5px;text-align:center;font-size:var(--font25);}
	.box .box_hd{min-height:50px;display:flex;align-items:center;padding-left:20px;font-size:var(--font18);}
	.boxwrap .box:nth-of-type(1) .box_hd{background:#E6D6B7;border-left:13px solid #C2A570;color:#6E5A34;}
	.boxwrap .box:nth-of-type(2) .box_hd{background:#E4D4E7;border-left:13px solid #C7AECB;color:#816686;}
	.detailbox .btns{justify-content:center;padding:0 0 15px;}
	.list01 ul{display:flex;flex-direction:column;gap:10px;padding:10px 0 0;}
	.list01 li{display:flex;gap:10px;font-size:var(--font14);}
	.list01 li h4.title{font-size:var(--font16);padding:5px 0 8px;}
	.list01 li span{font-size:var(--font12);color:#454545;}
	/* cpinfo */
	.cpinfo{margin:20px auto 70px;gap:0;}
	.cpinfo.Txt p{padding:0;font-size:var(--font13);}

#footer{z-index:20;}

/* form type */
button,input,textarea,select{font-size:var(--font25);}
.formbox{display:flex;flex-direction:column;gap:15px;font-size:var(--font25);}
.tfbar{display:flex;gap:10px;background:#fff;padding:10px 15px;}
.tfbar>b{display:block;padding:9px 0 0 ;flex-basis:155px;font-size:var(--font25);font-weight:400;position:relative;}
.tfbar>b::after{content:'';position:absolute;right:0px;top:10px;width:1px;height:30px;background:#D9D9D9;}
.tfbar>b label{display:block;}
.tfbar>b i.imp{font-size:var(--font11);position:absolute;transform:translate(-12px,-4px) scale(.7);}
.tfbar .tfcont{flex:1;display:flex;gap:5px;align-items:center;flex-wrap:wrap;width:100%;}
.tfbar .tf{display:flex;flex-flow:column-reverse;position:relative;border:0px;width:100%;padding:7px 10px;height:50px;}
.tfbar .tf:focus{outline:none;}
.tfbar .tf[readonly]{color:#d9d9d9;cursor:not-allowed !important;}
.tfbar .tf[type=password]{font-family:Verdana;letter-spacing:0.125em;font-size:var(--font14);}
.tfbar .tf.err{border-color:#f00;}
.tfbar .tf_s{width:150px;text-align:center;}
.tfbar .tf_year{text-align:center;flex:none !important;width:100px;color:var(--clr_main) !important;}
.tfbar .ps{font-size:var(--font14);padding:1px 0 0 5px;display:block;color:#999;width:100%;}
.tfbar .ps.imp{color:#f00;}
.tfbar.nobg{background:none;padding:5px 0;}
.tfwrap{display:flex;gap:10px;}
.nowrap{flex-direction:row !important;}
.w_flex{flex:1;}
.b_auto>b{flex-basis:auto !important;}
.b_auto>b::after{display:none;}
.tfflex{display:flex;width:100%;gap:10px;align-items:center;}
.tfflex>.tf{flex:1;}
.tfbtns{padding:20px 0 0;display:flex;justify-content:center;gap:15px;}
.tfbtns .btn{min-width:200px;}
.imgcode img{height:40px;}
select.seltype{min-width:100px;max-width:160px;display:inline-block;padding:7px 35px 7px 10px;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--clr_main);}
select.seltype{background:url(../images/content/icon_arrow_sel.svg) no-repeat scroll calc(100% - 5px) center;}
select.seltype:focus{background-image:url(../images/content/icon_arrow_selfocus.svg);}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;}
.ckratype{margin:0;position:relative;cursor:pointer;display:inline-block;vertical-align:baseline;line-height:1.2;}
.ckratype input{position:absolute;opacity:0;}
.ckratype span{position:relative;display:inline-block;width:30px;height:30px;background:#fff;border:1px solid var(--clr_main);vertical-align:bottom;margin:0 5px 0 0;top:-2px;}
.ckratype span:hover{background:rgba(250,250,250,.15)}
.ckratype span::after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background-image:url(../images/content/basic/icon_ckratype.svg);background-size:cover;opacity:0;-webkit-transition:all .15s ease-out;transition:all .15s ease-out;-webkit-transform:scale(.5);transform:scale(.5);border-radius:2px;}
.ckratype input:checked+span::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ckratype input[type="radio"]+span{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.ckratype input[type="radio"]+span:after{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.ckratype input:disabled+span{border-color:#ccc;}.ckratype input:disabled+span+i{color:#999;}
.ckratype i{font-style:normal;}
.ckratype .tf{opacity:1;position:static;}
.ckraflex{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:15px;padding:2px 0 0;}

/* swal */
.swal2-backdrop-show{background:rgba(255,255,255,0.2) !important;}
.swal2-popup.popup .swal2-close{width:1em !important;height:1em !important;line-height:1 !important;position:absolute;right:10px;top:10px;}
.swal2-popup.popup .swal2-close:hover{color:#f2c06e !important;}
.swal2-popup.popup .swal2-actions{width:100%;}
.swal2-popup.popup .swal2-styled{flex:1;font-size:var(--font20);height:50px;padding:10px;}
.swal2-popup.popup .swal2-styled.swal2-confirm{background:var(--clr_main) !important;border-radius:40px !important;color:#fff !important;}
.swal2-popup.popup .swal2-styled.swal2-cancel{background:#777 !important;border-radius:40px !important;color:#fff !important;}
.swal2-popup.popup .swal2-styled:focus{box-shadow:none !important;}
.swal2-popup.popup{padding:1em 2em;color:var(--clr_main);border-radius:0px;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.swal2-popup.popup::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform:translate(-5px,3px);border:1px solid var(--clr_main);pointer-events:none;}
.swal2-popup.popup .swal2-title{padding:0;}
.swal2-popup.popup .swal2-html-container{overflow:hidden;padding:20px 0 0;}
.swal2-popup.popup.popbig{width:auto;max-width:860px;}

/* owl */
.owl-carousel .owl-dots{position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.owl-carousel .owl-dots .owl-dot{background:#eee;width:10px;height:8px;margin:0 3px;border-radius:30px;}
.owl-carousel .owl-dots .owl-dot.active{background:var(--bg_porint);width:20px;}
.owl-carousel .owl-dots .owl-dot span{font-size:0em;}
.owl-carousel .owl-nav button{position:absolute;top:50%;width:60px;height:60px;background:#fff !important;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.owl-carousel .owl-nav button:hover{box-shadow:none;transform:translate(2px,-49%);box-shadow:0 0 2px rgba(0,0,0,.1);}
.owl-carousel .owl-nav button.owl-next{right:0px;}
.owl-carousel .owl-nav button span{line-height:1;text-indent:-9999px;background:no-repeat scroll center;width:30px;height:30px;display:block;}
.owl-carousel .owl-nav button.owl-prev span{background-image:url('../images/content/basic/icon_prev.svg');}
.owl-carousel .owl-nav button.owl-next span{background-image:url('../images/content/basic/icon_next.svg');}
.owl-carousel .owl-nav.disabled button.disabled{opacity:0.1;cursor:default;outline:none;}

/* 動畫進場 */
.anibox{opacity:0;}
.come-in{-webkit-animation:comeinUp 2s ease forwards;animation:comeinUp 2s ease forwards;}
.come-in:nth-child(odd){animation-duration:1.5s;}
.already-visible{-webkit-transform:none;transform:none;animation:none;opacity:1;}
@-webkit-keyframes comeinUp{0%{-webkit-transform:translateY(50px);transform:translateY(50px);}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes comeinUp{0%{-webkit-transform:translateY(50px);transform:translateY(50px);}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@-webkit-keyframes comeinLeft{0%{-webkit-transform:translateX(80px);transform:translateX(80px);}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}
@keyframes comeinLeft{0%{-webkit-transform:translateX(80px);transform:translateX(80px);}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}

@media(max-width:1610px){
	#header .logo{width:200px;transform:translateX(-680px);}
	.mainbnr picture{width:120%;}
	.linebtn{right:2%;transform:translate(0,310px);}
}

@media(max-width:1450px){
	#header .logo{left:2%;top:3%;transform:none;}
	.rbitem{width:450px;transform:translateX(700px);}
}

@media(max-width:1350px){
	#header{position:absolute;left:0;top:0;width:100%;display:flex;justify-content:center;padding:30px 20px 0;}
	#header .logo{position:static;}
	.cont{padding-top:110px;}
	.detailbox{margin-top:110px;}
	.rbitem{width:400px;transform:translateX(670px);}
	.linebtn{transform:translate(0,280px);}
}

@media(max-width:1200px){
	.mainbnr picture{width:100%;}
	.formbox,.tfbar>b,button,input,textarea,select,.btn,.qlist i{font-size:var(--font20);}
	.btn_line{height:60px;min-width:300px;}
	.ckratype span{top:1px;}
	.tfbar{padding:6px 15px;}
	.tfbar>b{padding:12px 0 0;}
	.ckraflex{padding:0;}
	.cont{transform:translateX(-70px);}
	.cont_hd h2.title{font-size:var(--font32);}
	.qlist li{min-height:60px;}
	.qlist i{padding:10px;}
	.rbitem{right:-1%;bottom:3%;width:360px;transform:none;}
	.linebtn{transform:translate(0,200px);}
	.linebtn .btn_line{height:50px;min-width:280px;}
	.linebtn .btn_line img{height:20px;}
}

@media(max-width:1050px){
	.cont{width:83%;margin:0 0 0 25px;transform:none;gap:15px;}
	.tfbar>b{flex-basis:100px;}
	#myChart{max-width:100%;}
	.boxwrap .box_w{width:250px;}
}

@media(max-width:980px){
	.boxwrap .box_w{width:220px;}
	.detailbox,.cpinfo{width:90%;}
}

@media(max-width:780px){
	.formbox,.tfbar>b,button,input,textarea,select,.btn,.qlist i,.bubbox .Txt p{font-size:var(--font18);}
	.formbox{gap:10px;}
	.tfbar{padding:5px 10px;}
	.tfbar>b{flex-basis:90px;}
	.tfbar .tf{height:45px;padding:7px;}
	.tfflex{gap:5px;}
	.tfwrap{flex-direction:column;}
	.tfbar .tf_year{width:70px;}
	.tfbar .tf[id^="Myw"],.tfbar .tf[id^="Myh"]{flex:none;width:65%;}
	.btns{gap:5px;}
	select.seltype{min-width:80px;}
	.ckraflex{gap:10px;}
	.ckratype span{width:25px;height:25px;top:-1px;}
	.boxwrap{flex-direction:column;}
	.boxwrap .box_w{display:flex;flex-direction:row;width:100%;align-items:flex-start;border-bottom:1px solid #ccc;}
	.boxwrap .box_w .sbox{flex:1;border:0;padding-top:0;}
	.boxwrap .box_w .sbox:nth-of-type(1){width:220px;flex:none;}
	.imgtxt{position:relative;padding-left:150px;align-items:flex-start;gap:3px;}
	.imgtxt h4.title{padding:0 10px;}
	.imgtxt img{position:absolute;left:0;top:0;width:150px;}
	.linebtn{right:50%;bottom:3%;transform:translate(50%,0);flex-direction:row-reverse;gap:10px;}
	.rbitem{width:280px;right:-4%;}
	.bubbox{background-size:800px auto;background-position:calc(50% - 30px) center;width:100%;height:470px;left:0;transform:translateY(-50%);padding:120px 50px 70px 50px;}
	.bubbox .bubbar{width:350px;}
}

@media(max-width:630px){
	.boxwrap .box_w{flex-direction:column;}
	.boxwrap .box_w .sbox{width:100% !important;}
	.imgtxt{padding:0;align-items:center;}
	.imgtxt img{position:static;}
	.imgtxt p{text-align:center;}
	.formbox,input,textarea,select{font-size:var(--font16);}
	.formbox,.tfwrap{gap:5px;}
	.tfbar{flex-direction:column;gap:0;}
	.tfbar>b{flex-basis:auto;padding:3px 0 0;font-size:var(--font15);font-weight:700;}
	.tfbar>b::after{display:none;}
	.tfbar .tf{padding:0;height:35px;}
	.ckratype{line-height:1.6;}
	select.seltype{padding-left:0;}
	.btn_line{min-width:auto !important;width:100%;height:55px;}
	.bubbox{padding:70px 20px 70px;}
	.bubbox .bubbar{width:300px;}
	.qlist p{width:70px;}
}

@media(max-width:510px){
	.rbitem{width:230px;}
	.cont_hd h2.title{font-size:var(--font25);}
	.tfbar .tf_year{width:50px;}
	select.seltype{min-width:65px;}
	.form_b{width:300px;}
	.btn{min-width:auto;padding:10px 15px;}
	.progressbar .airplain::after{width:30px;height:23px;}
	.btn_back::before,.btn_next::after,.btn_line::after{width:20px;}
	#content{height:100dvh;}
	.mainbnr{align-items:flex-start;overflow:visible;height:100dvh}
	.linebtn{flex-direction:column;}
	.form_b .progressbar{margin-left:50px;width:calc(100% - 50px);}
	.form_b .progressbar em{left:auto;right:100%;transform:translate(-5px,-50%);font-size:var(--font24);text-align:left;width:45px;}
}

@media(max-width:450px){
	.cont{width:90%;margin:0 auto;}
	.rbitem{width:190px;}
	.form_b{width:270px;}
	.cont_bd{padding-bottom:220px;}
}

@media(max-height:850px) and (min-width:1200px){
	.rbitem{width:450px;}
}

@media(max-height:850px) and (min-width:1000px){
	.bubbox{background-size:1100px auto;height:650px;transform:translate(-610px,-46%);padding:150px 10% 100px 14%;}
}

@media(max-height:780px) and (min-width:1200px){
	.formbox{gap:10px;}
	.mainbnr picture{width:100%;}
	.rbitem{width:330px;}
}

@media(max-height:700px) and (min-width:1100px){
	.cont{padding-top:90px;}
}

@media(max-height:700px) and (max-width:630px){
	#header{padding:20px 20px 0;}
	#header .logo{width:150px;}
	.detailbox{margin-top:80px;}
	.cpinfo{margin:20px auto 50px;}
	.cont{padding-top:80px;}
}

@media(min-height:700px) and (orientation:portrait){
	.cont{margin:0 auto;}
}

/* 專為 Ariel 小筆電優化 */
@media(max-height:650px) and (min-width:1200px) and (orientation:landscape){
	#header{padding-top:20px;}
	.btn_line{height:55px;min-width:300px;}
	.cont{gap:15px;padding-top:80px;}
	.cont_hd h2.title{font-size:var(--font32);}
	.formbox,.tfbar>b,select,.tf,.qlist i{font-size:var(--font20);}
	.formbox{gap:7px;}
	.tfbar>b{flex-basis:120px;}
	.tfbar{padding:5px 10px;}
	.tfbar .tf{height:45px;}
	.btn{font-size:var(--font24);}
	.ckratype span{width:25px;height:25px;}
	.qlist ul{gap:5px;}
	.qlist li{min-height:50px;}
	.qlist i{padding:5px;}
	.scrollcont{padding-bottom:20px;}
	.form_b{padding:15px 0 0;}
}