@charset "utf-8";
*{ padding:0; margin:0; font-family:"微軟正黑體", "新細明體"; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.scope{ max-width:1280px; margin:0 auto; }
.htop{ background:#eed7df; padding:40px 10px; text-align:center; }
.htop .h1{ font-size:96px; color:#b70867; font-weight:bold; }
.htop .ps{ font-size:66px; color:#b70867; font-weight:bold; }

.htops{ position:fixed; width:60px; height:60px; background:#42569f; right:10px; bottom:10px; z-index:999999; cursor:pointer; opacity: 0; transition-duration: .5s; }
.htops:before{ content:""; display:block; width:30px; height:5px; background:#fff; transform:rotate(-45deg); position:absolute; top:0px; bottom:0px; left:6px; margin:auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.htops:after{ content:""; display:block; width:30px; height:5px; background:#fff; transform:rotate(45deg); position:absolute; top:0px; bottom:0px; right:6px; margin:auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

/*01*/
.block01{ font-size:0px; }
.block01 .grids{ display:inline-block; vertical-align:top; width:50%; height:906px; position:relative; padding:30px 0 0 0; }
.block01 .grids.bg01{ background-image:url(../images/bg_left.jpg); }
.block01 .grids.bg02{ background-image:url(../images/bg_right.jpg); }
.block01 .grids .p1{ background:url(../images/img_p1.png); width:160px; height:549px; position:absolute; left:77px; bottom:3px; }
.block01 .grids .p2{ background:url(../images/img_p2.png); width:165px; height:545px; position:absolute; right:55px; bottom:3px; }
.block01 .grids .speak{ width:85%; border:4px solid #006632; background:#cfd1ac; padding:25px 15px; border-radius:20px; margin:0 auto; text-align:center; position:relative; }
.block01 .grids .speak .sfont01{ color:#333; font-size:44px; }
.block01 .grids .speak .sfont02{ color:#016934; font-size:44px; font-weight:bold; }
.block01 .grids .speak .sfont03{ color:#a20d23; font-size:44px; font-weight:bold; }
.block01 .grids .speak:before{ content:""; display:block; width:81px; height:79px; background-image:url(../images/img_bubble_01.png); position:absolute; bottom:-100px; left:0px; right:0px; margin:auto; }
.block01 .grids.bg02 .speak:before{ background-image:url(../images/img_bubble_02.png); }
.block01 .grids.bg02 .speak{ border:4px solid #c63425; background:#f4c8bb; }
.block01 .grids.bg02 .speak .sfont02{ color:#c63425; }

/*02*/
.block02{ font-size:0px; position:relative; z-index:10; background:#fff; }
.block02:after{ content:""; display:block; width:100%; height:168px; background:url(../images/bg_arrow_01.png) no-repeat; background-position:center; position:absolute; bottom:-168px; }
.block02.pads{ padding:40px 0 20px 0; }
.block02 .arrowbox{ background:#eed7df; height:34px; position:relative; }
.block02 .arrowbox:after{ content:""; width:0px; height:0px; border-width:40px; border-style:solid; border-color:#eed7df transparent transparent transparent ; position:absolute; bottom:-80px; right:0; left:0; margin:auto; }
.block02 .titleBox{ width:90%; max-width:1000px; background:#fedde4; border:5px solid #b70867; padding:20px 80px; margin:100px auto 0 auto; text-align:center; border-radius:30px; }
.block02 .titleBox .s1{ color:#6b3906; font-size:50px; font-weight:bold; line-height: 100%; }
.block02 .titleBox .s2{ color:#6b3906; font-size:66px; font-weight:bold; line-height: 100%; }
.block02 .titleBox .s3{ color:#b70867; font-size:50px; font-weight:bold; line-height: 100%; margin:15px 0 0 0; }
.block02 .shops{ width:90%; max-width:1000px; border:2px solid #b70867; margin:60px auto 0 auto; }
.block02 .shops .roofs{ height:60px; background-image:url(../images/img_roof.png); background-size:auto 60px; margin: -20px -43px 0 -42px; }
.block02 .shops .shoptab{ padding:60px 40px 15px 40px; display:table; width:100%; }
.block02 .shops .shoptab .tds-left{ display:table-cell; vertical-align:middle; position:relative; padding:0 20px 0 0; text-align:center; }
.block02 .shops .shoptab .tds-right{ display:table-cell; vertical-align:middle; width:323px; }
.block02 .shops .shoptab .tbtns{ display:block; padding:5px 0; width:100%; }
.block02 .shops .shoptab .tbtns img{ width:100%; }
.block02 .shops .shoptab .progrids{ display:inline-block; vertical-align:middle; max-width:260px; width:50%; }
.block02 .shops .shoptab .progrids .imgs{ width:100%; }
.block02 .shops .shoptab .progrids .imgs img{ width:100%; }
.block02 .shops .shoptab .progrids .texts{ display:block; margin:0 auto; border:2px solid #888; color:#888; font-size:16px; width:105px; border-radius: 30px; text-align: center; }
.block02 .shops .shoptab .jpicon{ width:160px; display:inline-block; vertical-align:top; margin:-40px 0 0 20px; }
.block02 .shops .shoptab .jpicon img{ width:100%; }

/*03*/
.block03{ font-size:0; background:url(../images/pinkbg.jpg); min-height:700px; position:relative; padding-top:230px; padding-bottom:170px; }
.block03:after{ content:""; display:block; width:100%; height:167px; background:url(../images/bg_arrow_02.png) no-repeat; background-position:center; position:absolute; bottom:0px; left:0px; z-index:100; }
.block03 .people_01{ position:absolute; bottom:0px; left:20px; overflow:hidden; height:500px; }
.block03 .people_02{ position:absolute; bottom:0px; right:20px; overflow:hidden; height:500px; }
.block03 .dialogue{ margin:0 255px; text-align:right; }
.block03 .dialogue .twords{ display:inline-block; padding:10px 25px; background:#fff; border:2px solid #b70867; color:#6d2426; font-size:40px; font-weight:bold; text-align:center; margin-right:45px; border-radius:30px; margin-bottom: 20px; position:relative; }
.block03 .dialogue .twords .part{ position:absolute; right:-37px; top:0; bottom:0; margin:auto; width:37px; height:47px; background-image:url(../images/dialogue_part.png); }
.block03 .ptext{ margin:0 255px; font-size:50px; font-weight:bold; color:#b70867; text-align: center; }
.block03 .ptext .lines{ display:inline-block; padding:0 0 25px 0; background-image:url(../images/divider_01.png); background-repeat:repeat-x; background-position:bottom center; }

/*04*/
.block04{ font-size:0; background:#fff; padding:60px 0; position:relative; }
.block04:after{ content:""; display:block; width:100%; height:168px; background:url(../images/bg_arrow_01.png) no-repeat; background-position:center; position:absolute; z-index:1; bottom:-168px; }
.block04 .titles{ position:relative; font-size:48px; color:#6c2425; font-weight:bold; text-align:center; padding:32px 0; margin:0 0 50px 0; }
.block04 .titles:before{ content:""; display:block; position:absolute; top:0px; left:0px; right:0px; margin:auto; width:209px; height:32px; background: url(../images/symbol_top.png); }
.block04 .titles:after{ content:""; display:block; position:absolute; bottom:0px; left:0px; right:0px; margin:auto; width:209px; height:32px; background: url(../images/symbol_bottom.png); }
.block04 .tabs{ display:table; width:100%; }
.block04 .tabs .tdleft{ display:table-cell; vertical-align:top; width:55%; padding: 0 0 0 10px; }
.block04 .tabs .tdright{ display:table-cell; vertical-align:top; width:45%; padding:0 10px 0 0; }
.block04 .lists{ padding:0 0 30px 0; }
.block04 .lists .fourTitle{ padding:0 0 0 64px; font-size:38px; font-weight:bold; color:#6c2425; position:relative; }
.block04 .lists .fourTitle sup{ font-size:16px; }
.block04 .lists .fourTitle .icons{ position:absolute; width:50px; left:0px; top:5px; }
.block04 .lists .fourTitle .icons img{ width:50px; }
.block04 .lists .fourTxt{ padding:0 0 0 64px; font-size:32px; color:#6c2425; }
.block04 .notes{ font-size:12px; margin:10px 0 0 0; color:#888; line-height:18px; }
.block04 .fimg{ margin:60px 0 0 0; }
.block04 .fimg img{ max-width:530px; width:100%; }
.block04 .btn_mores{ display:block; margin-top:40px; }
.block04 .btn_mores img{ max-width:530px; width:100%; }

.block04 .timebox{ margin:90px 0 0 0; text-align:center; }
.block04 .timebox .ttitles{ text-align:center; padding:0 0 40px 0; }
.block04 .timebox .ttitles .text{ display:inline-block; background:#b70867; padding:5px 20px; font-size:42px; color:#fff; font-weight:bold; border-radius:20px; }
.block04 .timebox .grids{ background:url(../images/bg_times.jpg); width:258px; height:258px; display:inline-block; vertical-align:middle; padding: 40px 0 0 0; margin:5px; }
.block04 .timebox .grids .imgs{ text-align:center; }
.block04 .timebox .grids .imgs img{ width:138px; }
.block04 .timebox .grids .txt{ color:#671e1e; font-size:32px; text-align:center; margin:15px 0 0 0; }

/*05*/
.block05{ font-size:0; background:url(../images/pinkbg.jpg); position:relative; padding-top:120px; }
.block05:after{ content:""; display:block; width:100%; height:167px; background:url(../images/bg_arrow_03.png) no-repeat; background-position:center; position:absolute; bottom:0px; left:0px; z-index:100; }
.block05 .tab{ display:table; width:100%; }
.block05 .tab .rightimg{ display:table-cell; vertical-align:top; width:357px; padding:0 85px 0 0; }
.block05 .tab .rightimg .imgs{ height:500px; overflow:hidden; }
.block05 .tab .rightimg .imgs img{ width:100%; }
.block05 .tab .leftTxt{ display:table-cell; vertical-align: middle; text-align:right; padding:0 0 0 10px; }
.block05 .tab .leftTxt .txts{ font-size: 50px; font-weight: bold; color: #b70867; text-align: center; padding: 0 0 25px 0; background-image: url(../images/divider_01.png); background-repeat: repeat-x; background-position: bottom center; display:inline-block; text-align:center; }

/*06*/
.block06{ background:#f4b4cf; padding:50px 20px; }
.block06 .ranges{ background:#fff; border-radius:20px; padding:40px; }
.block06 .ranges .alistbox{ margin-bottom:50px; }
.block06 .ranges .alistbox:last-child{ margin:0; }
.block06 .ranges .alistbox{ background:url(../images/img_image01.png) no-repeat left bottom; text-align:right; }
.block06 .ranges .alistbox .textbox{ display:inline-block; border-bottom:1px dashed #b70867; position:relative; text-align:right; margin:260px 0 40px 0; }
.block06 .ranges .alistbox .textbox:after{ content:""; position:absolute; left:0px; bottom:-13px; width:34px; height:26px; background:url(../images/img_s_arrow_left.jpg); }
.block06 .ranges .alistbox .textbox .text{ display:inline-block; vertical-align:bottom; font-size:30px; color:#6c2425; font-weight:bold; width:350px; text-align:left; margin:0 0 5px 0; }
.block06 .ranges .alistbox .textbox .users{ display:inline-block; vertical-align:bottom; padding: 0 10px 0 60px; font-weight: bold; }
.block06 .ranges .alistbox .textbox .users .s1{ display:inline-block; vertical-align:bottom; font-size:20px; color: #6c2425; }
.block06 .ranges .alistbox .textbox .users .s2{ display:inline-block; vertical-align:bottom; font-size:16px; color: #6c2425; background-image:url(../images/bg_radius.png); background-size:100%; background-position:bottom; background-repeat:no-repeat; padding: 0 10px; }
.block06 .ranges .alistbox .textbox .users .s2 .s2_1{ font-size:36px; line-height: 100%; font-family:Arial, Helvetica, sans-serif; }

.block06 .ranges .sty01{ background:url(../images/img_image02.png) no-repeat right bottom; text-align:left; }
.block06 .ranges .sty01 .textbox:after{ left:auto; right:0; background:url(../images/img_s_arrow_right.jpg); }
.block06 .ranges .sty01 .textbox .users{ padding: 0 60px 0 10px; }
.block06 .ranges .sty02{ background:url(../images/img_image03.png) no-repeat left bottom; text-align:right; }

/*08*/
.block08{ background:#ffdee5; padding: 240px 20px 20px 20px; position:relative; }
.block08:after{ content: ""; display: block; width: 100%; height: 168px; background: url(../images/bg_arrow_04.png) no-repeat; background-position: center; position: absolute; left:0; bottom: -168px; }
.block08 .titles{ position:relative; font-size:48px; color:#6c2425; font-weight:bold; text-align:center; padding:24px 0; margin:0 0 50px 0; }
.block08 .titles:before{ content:""; display:block; position:absolute; top:0px; left:0px; right:0px; margin:auto; width:160px; height:24px; background: url(../images/symbol_top.png); background-size:160px; }
.block08 .titles:after{ content:""; display:block; position:absolute; bottom:0px; left:0px; right:0px; margin:auto; width:160px; height:24px; background: url(../images/symbol_bottom.png); background-size:160px; }
.block08 .titles.mar{ margin:80px 0 30px 0; }
.block08 .pros{ text-align:center; padding:30px 10px; font-size:0; }
.block08 .pros .grids{ display:inline-block; vertical-align:top; max-width:438px; width:50%; }
.block08 .pros .grids img{ width:100%; }
.block08 .pros .gtxt{ display:inline-block; border: 2px solid #888; color: #888;  font-size: 16px; width: 180px; border-radius: 30px; text-align: center; margin: 0 0 20px 0; }
.block08 .tab{ display:table; margin:0 auto; border-collapse:collapse; }
.block08 .tab .trs{ display:table-row; }
.block08 .tab .ths{ display:table-cell; vertical-align:middle; background:#b70867; color:#fff; font-size:34px; text-align:center; padding:20px 15px; border:2px solid #fff; }
.block08 .tab .tds{ display:table-cell; vertical-align:middle; background:#f2e9cc; color:#642021; font-size:30px; text-align:center; padding:20px 15px; border:2px solid #fff; }

.block08 .mvbox{ max-width:970px; background:#fff; padding:20px; margin:0 auto; }
.block08 .mvs{ width:100%; height:0; padding-bottom:56%; position:relative; }
.block08 .mvs iframe{ width:100%; height:100%; position:absolute; top:0px; left:0px; }

/*09*/
.block09{ padding:200px 20px 20px 20px; }
.block09 .imgtitle{ width:90%; margin:0 auto; padding:0 260px; height:368px; position:relative; }
.block09 .imgtitle .p1{ position:absolute; bottom:0px; left:0px; font-size:0px; }
.block09 .imgtitle .p1 img{ display:block; }
.block09 .imgtitle .p2{ position:absolute; bottom:0px; right:0px; font-size:0px; }
.block09 .imgtitle .p2 img{ display:block; }
.block09 .imgtitle .titles{ font-size:38px; color: #6c2425; padding:120px 0 0 0; text-align:center; font-weight:bold; }
.block09 .imgtitle .titles span{ font-size:46px; color:#b70867; }

.block09 .listke{ width:90%; border-radius:20px; overflow:hidden; margin:0 auto 20px auto; box-shadow: 0 0 5px rgba(0,0,0,0.4); position:relative; z-index:1; }
.block09 .listke .disnone{ display:none; }
.block09 .listke .ltitle{ position:relative; background:#ffdde3; line-height:104px; font-size:46px; font-weight:bold; color:#b70867; text-align:center; }
.block09 .listke .ltitle .icon{ position:absolute; right:30px; top:0; bottom:0; margin:auto; width:45px; height:45px; background:#f37173; cursor:pointer; }
.block09 .listke .ltitle .icon:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:30px; height:4px; background:#fff; }
.block09 .listke .ltitle .icon:after{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:4px; height:30px; background:#fff; }
.block09 .listke .ltitle.open .icon:after{ display:none; }
.block09 .listke .lcont{ padding:20px; display:table; width:100%; }
.block09 .listke .lcont .td-left{ display:table-cell; vertical-align:top; width:55%; }
.block09 .listke .lcont .td-right{ display:table-cell; vertical-align:top; width:45%; padding:0 0 0 20px; }
.block09 .listke .uls{ margin:0 0 0 25px; }
.block09 .listke .uls li{ font-size:28px; margin:0 0 20px 0; color:#333; }
.block09 .listke .imgs{ width:100%; }
.block09 .listke .imgs img{ max-width:460px; width:100%; }
.block09 .listke .t_s{ font-size:20px; color:#777; }
.block09 .listke .r_s{ font-size:16px; color:#777; margin:40px 0 0 0; }

/*10*/
.block10{ background:#d3ebeb; padding:180px 20px 20px 20px; position:relative; }
.block10:after{ content: ""; display: block; width: 100%; height: 168px; background: url(../images/bg_arrow_05.png) no-repeat; background-position: center; position: absolute; left: 0; bottom: -168px; }
.block10 .tentitles{ font-size:60px; text-align:center; color:#6c2425; font-weight:bold; }
.block10 .tentitles span{ color:#b70867; }
.block10 .tentitles .lines{ display:inline-block; padding: 0 0 25px 0; background-image: url(../images/divider_01.png); background-repeat: repeat-x; background-position: bottom center; }
.block10 .ttimg{ text-align:center; margin:65px 0 0 0; }
.block10 .ttimg img{ max-width:100%; width:auto; }

/*11*/
.block11{ background:#fff; padding:180px 20px 20px 20px; }
.block11 .btitle{ display:table; margin:0 auto; }
.block11 .btitle .psimg{ display: table-cell; vertical-align:middle; font-size:0; }
.block11 .btitle .tTitle{ display: table-cell; vertical-align:middle; color: #b70867; font-size:60px; font-weight:bold; }
.block11 .bTable{ display:table; width:100%; }
.block11 .bTable .trs{ display:table-row; }
.block11 .bTable .ths{ display:table-cell; background:#c1e0fb; vertical-align:top; font-size:32px; color:#333; padding:20px; width:260px; border-bottom:4px solid #fff; }
.block11 .bTable .ths .re{ color: #e53081; }
.block11 .bTable .tds{ display:table-cell; background:#e9f2f7; vertical-align:top; font-size:28px; color:#333; padding:20px; border-bottom:4px solid #fff; }
.block11 .bTable .grids{ display:inline-block; vertical-align:middle; padding:5px 0; }
.block11 .bTable .grids.maright{ margin:0 30px 10px 0; }
.block11 .bTable .grids .input,.block11 .bTable .grids .select{ border:1px solid #ccc; font-size:30px; width:100%; padding:0 10px; }
.block11 .bTable .grids.wh0{ width:100%; }
.block11 .bTable .grids.wh1{ width:60%; }
.block11 .bTable .grids.wh2{ width:30%; }
.block11 .bTable .imgbox{ width:240px; }
.block11 .bTable .imgbox img{ width:100%; }
.block11 .bTable .otxt{ font-size:24px; color: #363535; }
.block11 .bTable .ops{ font-size:24px; }
.block11 .bTable .ops .radio { display: inline-block;  padding-right: 20px; font-size: 23px; line-height: 49px; cursor: pointer;  color: #363535;  white-space: nowrap;}
.block11 .bTable .ops input { display:none; }
.block11 .bTable .ops input[type="radio"] { display: none; }
.block11 .bTable .ops .outer { height: 20px; width: 20px; display: inline-block; vertical-align: middle; border: 2px solid #333; border-radius: 50%; }
.block11 .bTable .ops .inner { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 12px; width: 12px; -webkit-transform: scale(0); transform: scale(0); display: block; margin: 2px; border-radius: 50%; background-color: #36a1ff; }
.block11 .bTable .ops input:checked + .outer { border: 2px solid #36a1ff; }
.block11 .bTable .ops input:checked + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
.block11 .bTable .ops .texts{ display:inline-block; vertical-align:middle; }


.block11 .codes{ padding:40px 0 0 0; text-align:center; }
.block11 .codes .t1{ display:inline-block; vertical-align:middle; font-size:24px; }
.block11 .codes .t2{ display:inline-block; vertical-align:middle; }
.block11 .codes .t2 input{ border: 1px solid #ccc; font-size: 30px; }
.block11 .codes .t3{ display:inline-block; vertical-align:middle; }
.block11 .codes .t4{ display:inline-block; vertical-align:middle; }
.block11 .txts{ font-size:24px; text-align:center; padding:40px 0 0 0; }
.block11 .txts a{ color: #003399; }
.block11 .btn{ text-align:center; padding:40px 0 0 0; }
.block11 .btn button{ background-color: #42569f; text-decoration: none; padding: 10px 30px; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: none; font-size:28px; cursor: pointer; }

.block11 .stxt{ background:#fadbea; font-size:24px; color:#333; padding:5px 10px; margin:70px 0 0 0; }
.block11 .buybtn{ text-align:center; padding:70px 0 0 0; }
.block11 .buybtn .btns{ display:inline-block; }
.block11 .buybtn .btns img{ width:560px; }

.block11 .bannerBox{ text-align:center; }
.block11 .bannerBox img{ max-width:100%; }
.block11 .bannerBox .title{ margin-bottom:20px; }


/*12*/
.block12{ background:#fff; padding:180px 0 20px 0; }
.block12 .imgtitle{ padding:0 260px 20px 260px; position:relative; }
.block12 .imgtitle .p1{ position:absolute; bottom:0px; left:0px; font-size:0px; }
.block12 .imgtitle .p1 img{ display:block; }
.block12 .imgtitle .p2{ position:absolute; bottom:0px; right:0px; font-size:0px; }
.block12 .imgtitle .p2 img{ display:block; }
.block12 .imgtitle .titles{ font-size:38px; color: #6c2425; padding:120px 0 0 0; text-align:center; font-weight:bold; }
.block12 .imgtitle .titles span{ font-size:46px; color:#b70867; }
.block12 .imgtitle .txts{ color:#333; font-size:26px; text-align:center; padding:25px 0 0 0; }

.block12 .grbox{ background:#f3f2ed; padding:30px 0; }
.block12 .grbox .listke{ width:90%; border-radius:20px; overflow:hidden; margin:0 auto 20px auto; box-shadow: 0 0 5px rgba(0,0,0,0.4); position:relative; z-index:1; background:#fff; }
.block12 .grbox .listke .disnone{ display:none; }
.block12 .grbox .listke .ltitle{ position:relative; line-height:104px; font-size:46px; font-weight:bold; color:#b70867; text-align:center; }
.block12 .grbox .listke .ltitle .icon{ position:absolute; right:30px; top:0; bottom:0; margin:auto; width:45px; height:45px; background:#f37173; cursor:pointer; }
.block12 .grbox .listke .ltitle .icon:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:30px; height:4px; background:#fff; }
.block12 .grbox .listke .ltitle .icon:after{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:4px; height:30px; background:#fff; }
.block12 .grbox .listke .ltitle.open .icon:after{ display:none; }

.block12 .grbox .listke .ltxt{ font-size:28px; color:#333; border-top:1px solid #b70867; padding:20px 45px; }
.block12 .grbox .listke .mtitle{ text-align:center; padding:20px 0; }
.block12 .grbox .listke .mtitle .titles{ background:url(../images/bg_qa01.png); background-size:100% 100%; display:inline-block; vertical-align:middle; max-width:640px; width:100%; padding: 7px 0; font-size:30px; color:#fff; }

.block12 .grbox .listke .lcont{ padding:20px; display:table; width:100%; }
.block12 .grbox .listke .lcont .td-left{ display:table-cell; vertical-align:top; width:30%; }
.block12 .grbox .listke .lcont .td-right{ display:table-cell; vertical-align:top; width:70%; padding:0 0 0 20px; }
.block12 .grbox .listke .lcont .td-left .td_img{ width:100%; }
.block12 .grbox .listke .lcont .td-left .td_img img{ width:100%; }
.block12 .grbox .listke .lcont .td-right .lis{ padding:0 0 20px 40px; position:relative; font-size:24px; color:#333; }
.block12 .grbox .listke .lcont .td-right .lis .ts{ position:absolute; font-size:24px; font-weight:bold; color:#b70867; top:0px; left:0px; }

.block12 .grbox .listke.sty02 .ltitle{ color:#7e3080; }
.block12 .grbox .listke.sty02 .mtitle .titles{ background: url(../images/bg_qa02.png); background-size: 100% 100%; }
.block12 .grbox .listke.sty02 .lcont .td-right .lis .ts{ color:#7e3080; }
.block12 .grbox .listke.sty02 .ltxt{ border-top: 1px solid #7e3080; }

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
.htop .h1{ font-size:48px; }	
.htop .ps{ font-size:36px; }

/*01*/
.block01 .grids .speak .sfont01{ font-size:36px; }
.block01 .grids .speak .sfont02{ font-size:36px; }

/*02*/
.block02 .titleBox{ padding:20px 40px; }
.block02 .titleBox .s1{ font-size:36px; }
.block02 .titleBox .s2{ font-size:48px; }
.block02 .titleBox .s3{ font-size:36px; }
.block02 .shops .roofs{ position:absolute; left:0; right:0; margin:auto; margin-top: -2px; }
.block02 .shops .shoptab{ display:block; margin-top: 70px; }
.block02 .shops .shoptab .tds-left{ padding:0; display:block; text-align:center; }
.block02 .shops .shoptab .tds-right{ padding:20px 0 0 0; display:block; width:auto; }
.block02 .shops .shoptab .tbtns{ width:323px; margin:10px auto 0 auto; }

/*03*/
.block03{ min-height:600px; padding-top: 200px; padding-bottom: 150px; }
.block03 .dialogue{ margin:0 120px; text-align: center; }
.block03 .dialogue .twords{ font-size:30px; }
.block03 .ptext{ margin:0 120px; font-size:32px; }
.block03 .people_01{ height:auto; }
.block03 .people_01 img{ width:120px; }
.block03 .people_02{ height:auto; }
.block03 .people_02 img{ width:120px; }

/*04*/
.block04 .titles{ font-size:36px; }
.block04 .lists .fourTitle{ font-size: 28px; }
.block04 .lists .fourTxt{ font-size:24px; }

/*05*/
.block05 .tab{ width:auto; margin:0 auto; }
.block05 .tab .rightimg{ width:130px; padding:0 10px 0 0; }
.block05 .tab .rightimg .imgs{ height:320px; }
.block05 .tab .leftTxt .txts{ font-size:32px; }

/*06*/
.block06 .ranges .alistbox{ background-size:300px; }
.block06 .ranges .alistbox .textbox{ margin:110px 0 0 0; }
.block06 .ranges .alistbox .textbox .text{ font-size: 26px; }
.block06 .ranges .alistbox .textbox .users .s1{ font-size:16px; }

/*08*/
.block08 .titles{ font-size:36px; }
.block08 .tab .ths{ font-size:26px; }
.block08 .tab .tds{ font-size:22px; }

/*09*/
.block09{ padding:200px 0 20px 0; }
.block09 .imgtitle{ padding:0 180px; height: 228px; }
.block09 .imgtitle .p1 img{ width:180px; }
.block09 .imgtitle .p2 img{ width:180px; }
.block09 .imgtitle .titles{ font-size:26px; padding: 60px 0 0 0; }
.block09 .imgtitle .titles span{ font-size:32px; }

.block09 .listke .ltitle{ font-size:36px; line-height: 90px; }
.block09 .listke .uls li{ font-size:24px; }
.block09 .listke .t_s{ font-size:18px; }
.block09 .listke .r_s{ font-size:14px; }

/*10*/
.block10{ padding:80px 20px 20px 20px; }
.block10 .tentitles{ font-size:32px; }

/*11*/
.block11 .btitle .tTitle{ font-size:32px; }
.block11 .btitle .psimg img{ width:180px; }
.block11 .bTable .ths{ font-size:26px; }
.block11 .bTable .grids .input, .block11 .bTable .grids .select{ font-size:24px; }
.block11 .bTable .ops{ font-size:20px; }
.block11 .codes .t1{ font-size:20px; }
.block11 .codes .t2 input{ font-size:24px; }
.block11 .txts{ font-size:20px; }
.block11 .btn button{ font-size:22px; }
.block11 .stxt{ font-size:20px; }

/*12*/
.block12 .imgtitle{ padding:0 160px; height: 228px; }
.block12 .imgtitle .p1 img{ width:180px; }
.block12 .imgtitle .p2 img{ width:180px; }
.block12 .imgtitle .titles{ font-size:26px; padding:50px 0 0 0; }
.block12 .imgtitle .titles span{ font-size:32px; }
.block12 .imgtitle .txts{ font-size:16px; padding: 10px 0 0 0; }

.block12 .grbox .listke .ltitle{ font-size:36px; line-height: 90px; }
.block12 .grbox .listke .ltxt{ font-size:24px; }
.block12 .grbox .listke .lcont .td-right .lis{ font-size:20px; padding: 0 0 20px 30px; }
.block12 .grbox .listke .lcont .td-right .lis .ts{ font-size:20px; }

}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.htop{ padding: 20px 10px; }
.htop .h1{ font-size:30px; }	
.htop .ps{ font-size:24px; }

.htops{ width:40px; height:40px; }
.htops:before{ content:""; width:20px; height:3px; left:4px; }
.htops:after{ content:""; width:20px; height:3px; right:4px; }

/*01*/
.block01 .grids{ height:505px; }
.block01 .grids .speak{ width:90%; padding:15px 10px; border:2px solid #006632; }
.block01 .grids.bg01{ background: #aeb373; }
.block01 .grids.bg02{ background: #eca48e; }
.block01 .grids .speak .sfont01{ font-size:16px; margin: 0 0 5px 0; }
.block01 .grids .speak .sfont02{ font-size:16px; }
.block01 .grids .speak:before{ width:40px; height:39px; background-size:40px; bottom: -55px; }
.block01 .grids .p1{ width: 80px; height: 275px; background-size: 80px; left:0; right:0; margin:auto; background-repeat:no-repeat; }
.block01 .grids .p2{ width: 83px; height: 273px; background-size: 83px; left:0; right:0; margin:auto; background-repeat:no-repeat; }
.block01 .grids.bg02 .speak{ border:2px solid #c63425; }

/*02*/
.block02:after{ height:100px; background-position:bottom center; bottom: -100px; }
.block02 .arrowbox:after{ border-width: 20px; bottom: -40px; }
.block02 .titleBox{ padding:20px 10px; border:2px solid #b70867; margin:60px auto 0 auto; }
.block02 .titleBox .s1{ font-size:20px; }
.block02 .titleBox .s2{ font-size:26px; }
.block02 .titleBox .s3{ font-size:20px; }
.block02 .shops{ margin:25px auto 0 auto; }
.block02 .shops .roofs{ position:absolute; left:0; right:0; margin:auto; margin-top: -2px; }
.block02 .shops .shoptab{ margin-top:0; }
.block02 .shops .shoptab .tds-left{ padding:0; display:block; text-align:center; }
.block02 .shops .shoptab .tds-right{ padding:20px 0 0 0; display:block; width:auto; }
.block02 .shops .shoptab .tbtns{ width:323px; margin:10px auto 0 auto; }
.block02 .shops .shoptab .jpicon{ position: static; margin:15px auto; }
.block02 .shops .shoptab .tbtns{ max-width:323px; width:100%; }
.block02 .shops .shoptab .progrids{ display:block; margin:0 auto; width:100%; }

/*03*/
.block03{ min-height:530px; padding-top:130px; padding-bottom: 150px; }
.block03 .dialogue{ margin:0 10px; text-align: center; }
.block03 .dialogue .twords{ font-size:20px; margin-right:0; border-radius: 15px; }
.block03 .dialogue .twords .part{ display:none; }
.block03 .ptext{ margin:0 10px; font-size:20px; }
.block03 .ptext .lines{ background-size:auto 10px; padding: 0 0 15px 0; }
.block03 .people_01{ height:auto; }
.block03 .people_01 img{ width:80px; }
.block03 .people_02{ height:auto; }
.block03 .people_02 img{ width:80px; }

/*04*/
.block04{ padding:60px 0 0 0; }
.block04:after { height: 100px; background-position: bottom center; bottom: -100px; }
.block04 .titles{ font-size:24px; padding:16px 0; margin: 0 0 25px 0; }
.block04 .titles:before{ background-size:104px; background-repeat:no-repeat; width:104px; height:16px; }
.block04 .titles:after{ background-size:104px; background-repeat:no-repeat; width:104px; height:16px; }

.block04 .tabs{ display:block; }
.block04 .tabs .tdleft{ display:block; width:auto; padding:0 10px; }
.block04 .tabs .tdright{ display:block; width:auto; padding:0 10px; }
.block04 .lists{ padding:0 0 16px 0; }
.block04 .lists .fourTitle{ padding:0 0 0 32px;  font-size:20px; }
.block04 .lists .fourTitle .icons{ width:25px; }
.block04 .lists .fourTitle .icons img{ width:25px; }
.block04 .lists .fourTxt{ padding:0 0 0 32px; font-size:18px; }

.block04 .timebox .ttitles{ padding:0 0 20px 0; }
.block04 .timebox .ttitles .text{ font-size:24px; }
.block04 .timebox .grids{ width:129px; height:129px; padding: 15px 0 0 0; }
.block04 .timebox .grids .imgs img{ width:69px; }
.block04 .timebox .grids .txt{ font-size:20px; }

/*05*/
.block05{ padding-top: 90px; }
.block05 .tab{ width:auto; margin:0 auto; }
.block05 .tab .rightimg{ width:90px; padding:0 10px 0 0; }
.block05 .tab .rightimg .imgs{ height:180px; }
.block05 .tab .leftTxt .txts{ margin: 0 10px; font-size: 20px; background-size: auto 10px; padding: 0 0 15px 0; }

/*06*/
.block06 .ranges{ padding:20px; }
.block06 .ranges .alistbox{ background-size:225px; padding:160px 0 0 0; background-position: top center; }
.block06 .ranges .alistbox .textbox{ margin:0; text-align: left; display:table; padding: 0 0 10px 0; }
.block06 .ranges .alistbox .textbox:after{ display:none; }
.block06 .ranges .alistbox .textbox .text{ font-size: 20px; display:table-footer-group; }
.block06 .ranges .alistbox .textbox .users{ padding:0 0 5px 0; }
.block06 .ranges .alistbox .textbox .users .s1{ font-size:16px; }
.block06 .ranges .alistbox .textbox .users .s2{ padding: 10px 10px 0 10px; }
.block06 .ranges .alistbox .textbox .users .s2 .s2_1{ font-size:30px; }

/*08*/
.block08{ padding:120px 20px 20px 20px; }
.block08:after { height: 100px; background-position: bottom center; bottom: -100px; }
.block08 .titles { font-size: 24px; padding: 16px 0; margin:0; }
.block08 .titles:before { background-size: 104px; background-repeat: no-repeat; width: 104px; height: 16px; }
.block08 .titles:after { background-size: 104px; background-repeat: no-repeat; width: 104px; height: 16px; }

.block08 .tab{ display:block; }
.block08 .tab .trs{ display:block; margin: 0 0 20px 0; }
.block08 .tab .trs.none{ display:none; }
.block08 .tab .ths{ display:block; font-size:22px; padding: 10px; }
.block08 .tab .tds{ display:block; font-size:20px; padding: 10px 10px 10px 80px; border-top:none; position:relative; text-align:left; }
.block08 .tab .tds:after{ content:attr(data-title); position:absolute; top:13px; left:15px; font-size:18px; color:#923d00; font-weight:bold; }

.block08 .mvbox{ padding:10px; }
.block08 .pros .grids{ width:100%; max-width:260px; }
.block08 .pros .gtxt{ width:105px; }

/*09*/
.block09{ padding:160px 0 20px 0; }
.block09 .imgtitle{ padding:0; height:auto; }
.block09 .imgtitle .p1 img{ width:80px; }
.block09 .imgtitle .p2 img{ width:80px; }
.block09 .imgtitle .titles{ font-size:18px; padding:0 0 110px 0; }
.block09 .imgtitle .titles span{ font-size:22px; }

.block09 .listke .ltitle{ font-size: 24px; line-height: 60px; text-align: left; padding: 0 15px; }
.block09 .listke .ltitle .icon{ width:30px; height:30px; right: 15px; }
.block09 .listke .ltitle .icon:before{ width:20px; height:3px; }
.block09 .listke .ltitle .icon:after{ width:3px; height:20px; }
.block09 .listke .uls li{ font-size:18px; }
.block09 .listke .t_s{ font-size:16px; margin:10px 0 0 0; }
.block09 .listke .r_s{ font-size:12px; }
.block09 .listke .lcont .td-left{ display:block; width:auto; }
.block09 .listke .lcont .td-right{ display:block; width:auto; padding:0; }

/*10*/
.block10{ padding: 50px 20px 20px 20px; }
.block10:after { height: 100px; background-position: bottom center; bottom: -100px; }
.block10 .tentitles{ font-size:20px; }
.block10 .tentitles .lines{ background-size: auto 10px; padding: 0 0 15px 0; }
 
/*11*/
.block11{ padding: 120px 20px 20px 20px; }
.block11 .btitle .psimg img{ width:80px; }
.block11 .btitle .tTitle{ font-size:20px; }
.block11 .bTable{ display:block; }
.block11 .bTable .trs{ display:block; }
.block11 .bTable .ths{ display: block; width: auto; background-color: #eef7fd; padding: 10px 10px 0 10px; border-bottom: none; color: #42569f; font-weight: bold; font-size:20px; }
.block11 .bTable .tds{ display: block; padding:0 10px 10px 10px; background-color: #eef7fd; border-bottom: 2px solid #fff; font-size:0; }
.block11 .bTable .grids .input, .block11 .bTable .grids .select{ font-size:18px; } 
.block11 .bTable .grids.wh1{ width:100%; }
.block11 .bTable .grids.wh3{ width:50%; padding-right:10px; }
.block11 .bTable .otxt{ font-size:16px; color: #363535; }
.block11 .bTable .ops{ font-size:16px; }
.block11 .bTable .ops .radio{ font-size:16px; line-height: 30px; }
.block11 .bTable .ops .outer{ border:1px solid #333; width:16px; height:16px; }
.block11 .bTable .ops .inner{ width:8px; height:8px; }

.block11 .codes .t1{ font-size:16px; display:block; text-align:center; padding:0 0 5px 0; }
.block11 .codes .t2 input{ font-size:18px; }
.block11 .txts{ font-size:16px; text-align:left; padding: 20px 0 0 0; }
.block11 .bTable .imgbox{ width:160px; }
.block11 .btn{ padding:20px 0 0 0; }
.block11 .btn button{ font-size:18px; }
.block11 .stxt{ margin:40px 0 0 0; font-size:18px; }
.block11 .buybtn{ padding:40px 0 0 0; }
.block11 .buybtn .btns img{ max-width:320px; width:100%; }

/*12*/
.block12{ padding:80px 20px 20px 20px; }
.block12 .imgtitle{ padding:0; height:auto; }
.block12 .imgtitle .p1 img{ width:80px; }
.block12 .imgtitle .p2 img{ width:80px; }
.block12 .imgtitle .titles{ font-size:18px; padding:0; }
.block12 .imgtitle .titles span{ font-size:22px; }
.block12 .imgtitle .txts{ font-size: 14px; padding: 5px 0 100px 0; }

.block12 .grbox .listke .ltitle { font-size: 24px; line-height: 60px; text-align: left; padding: 0 15px; }
.block12 .grbox .listke .ltitle .icon{ width:30px; height:30px; right: 15px; }
.block12 .grbox .listke .ltitle .icon:before{ width:20px; height:3px; }
.block12 .grbox .listke .ltitle .icon:after{ width:3px; height:20px; }
.block12 .grbox .listke .ltxt{ font-size:18px; padding:15px; }
.block12 .grbox .listke .mtitle .titles{ font-size:16px; max-width: 220px; background: url(../images/bg_qa01_1.png); background-size: 100% 100%; }
.block12 .grbox .listke .lcont{ display:block; padding: 0 20px 20px 20px; }
.block12 .grbox .listke .lcont .td-left{ display:block; margin:0 auto; width:160px; }
.block12 .grbox .listke .lcont .td-right{ display:block; padding:0; width:auto; }
.block12 .grbox .listke .lcont .td-right .lis{ font-size:16px; padding: 0 0 10px 20px; }
.block12 .grbox .listke .lcont .td-right .lis .ts{ font-size:16px; }

.block12 .grbox .listke.sty02 .mtitle .titles{ background:url(../images/bg_qa02_1.png); background-size:100% 100%; }

}