@charset "utf-8";
/* CSS Document */

/* 重設
--------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;background: transparent;/*vertical-align: baseline;*/}
ol, ul, li{list-style: none;}

/*以下為針對HTML5,暫時不開放----------------*/  
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*/
fieldset,img { border: none; }

/*-------------------基本-----------------------------*/
*, ::after, ::before{box-sizing: content-box}
a{ font-size:15px; text-decoration:none;outline:none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); color:#000 /* for IE */;transition:all 0.3s}
a:hover{ font-size:15px; text-decoration:none;color:#000;outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());transition:all 0.3s}
a:focus{outline: none;hlbr:expression(this.onFocus=this.blur());text-decoration:none;transition:all 0.3s;color:#111}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ line-height:0px; /*min-width:1200px;*/
min-height:100vh; display:flex; flex-direction:column;background: #fff}
input:focus{outline:none}
/*TOP整體下滑介面設定*/
.m0{ width:100%; height:auto; overflow:hidden; }
.m0-2{box-shadow:0 1px 3px rgba(0,0,0,0.1); height:0;overflow:hidden;position:relative; z-index:0;opacity:0;}
.top-bar{position:fixed;top:0px; z-index:100; height:172px;transition:all 0.3s; background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;}



.dwbt1{width:50px; height:50px;overflow:hidden;display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;position:fixed; bottom:20px; right:2%;z-index:99;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.dwbt1 a img{width:100%;height:auto;transition:all 0.3s}
.dwbt1 a img:hover {transform:rotate(0deg) scale(.95); transition:all 0.3s;}

.bg1{background-attachment:fixed;background:url("../../images/bg1.jpg") no-repeat right bottom/cover}


.m1{width:100%;height:auto;overflow:hidden;}
.m1 .a1{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:150px 0 20px }

.m1 .a1 .b1{width:600px;min-height:200px; height:auto;overflow:hidden;background:#fff;border:4px solid rgba(265,65,45,1);border-radius:20px;margin:0 auto;box-shadow:0 3px 12px rgba(0,0,0,.25);padding:0;box-sizing: border-box;position:relative;display:block}

.m1 .a1 .b1 .c1{width:100%;height:auto;overflow:hidden;background:#f7422f;padding:20px 0;position:relative}
.m1 .a1 .b1 .c1 .lg1{width:280px;height:auto;overflow:hidden;margin:0 auto 6px;text-align:center}
.m1 .a1 .b1 .c1 .lg1 img{width:100%;height:auto;}

.m1 .a1 .b1 .c1 .t1{width:100%;height:40px;overflow:hidden;font:400 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;background:
linear-gradient(-90deg,#fff 0%,#f7422f 80%) no-repeat left center/34% 1px,
linear-gradient(90deg,#fff 0%,#f7422f 80%) no-repeat right center/34% 1px}

.m1 .a1 .b1 .c2{width:100%;height:auto;overflow:hidden;padding:30px 50px 20px;box-sizing: border-box;border-bottom:1px solid #ddd;margin:0 0 10px}
.ls1{width:100%;height:auto;overflow:hidden;margin-bottom:12px}
.ls1 .t2{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#666;margin-bottom:6px}
.ls1 input{width:100%;height:60px;overflow:hidden;font:500 20px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;border:1px solid #ccc
;border-radius:6px;display:block;padding:0 14px;box-sizing: border-box;box-shadow:0px 0 10px rgba(0,0,0,.0) inset;background:#feecea}
.bt1{width:100%; height:60px;font:500 22px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:center;padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:20px auto 10px;border-radius:100px;background:#f7422f}
.bt1:hover{ background:#f56152; transition:all 0.3s;}
.bt1 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt1 a{width:100%; height:60px;font:500 22px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:4px;box-sizing: border-box;background:#f7422f}
.bt1 a:hover{ background:#f56152; transition:all 0.3s;}


.m1 .a1 .b1 .c3{width:100%;height:auto;overflow:hidden;padding:10px 0;box-sizing: border-box;border-bottom:0px solid #ccc;margin:0 0 10px;background:linear-gradient(90deg,#aaa 50%,#ccc 50%) no-repeat center/1px 50%}
.m1 .a1 .b1 .c3 .bt2{width:50%;height:auto;overflow:hidden;text-align:center;float:left}
.m1 .a1 .b1 .c3 .bt2 a{font:500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#333;margin-bottom:6px}
.m1 .a1 .b1 .c3 .bt2 a img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
.m1 .a1 .b1 .c3 .bt2 a:hover{color:#f7422f;text-align:center}



.bt3{width:134px; height:auto;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:center;padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:20px auto 10px; position:absolute;left:0px;top:-20px;z-index:9px}
.bt3 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt3 a{width:100%; height:44px;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#f7422f; display:block;border-radius:16px 100px 100px 0;box-sizing: border-box;background:#fff;letter-spacing:-.5px}
.bt3 a:hover{ background:#feecea; transition:all 0.3s;}