@charset "utf-8";
*{ padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:Arial, "微軟正黑體", "新細明體"; font-size:16px;  }
a{ text-decoration:none; }

.img_dismob{ display:none; }

/*header*/
.brandHeadAll{ border-bottom: #2f50a5 2px solid; background:#fff; }
.brandHeadAll .brandHead{ max-width:960px; margin:auto; padding:10px; }
.brandHeadAll .brandHead .logos{ display:inline-block; }

.logomar{ max-width:960px; margin:auto; padding:20px 10px; position:relative; }
.logomar .btns{ display:none; }
.logomar .logogrid{ display:inline-block; margin-right:20px; }

.fastblock{ position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:0 10px 0 0; }
.fastblock .fbtns{ display:inline-block; display:none; vertical-align:middle; padding:5px 15px; border-radius:5px; background:#6db5e5; text-align:center; }
.fastblock .nbtns{ display:inline-block; vertical-align:middle; padding:5px 15px; border-radius:5px; background:#fc7188; text-align:center; }
.fastblock .vicon{ display:inline-block; vertical-align:middle; font-size:0; }
.fastblock .vicon img{ width:18px; }
.fastblock .vtxt{ display:inline-block; vertical-align:middle; font-size:18px; color:#fff; }

.menublock{ width:auto; position:relative; margin:auto; }
.menublock:before{ content:""; display:block; position:absolute; height:3px; top:0; left:0; right:0; margin:auto; background: rgb(250,186,0); }
.menubox{ max-width:960px; margin:auto; padding:0 10px; font-size:0; text-align:center; position:relative; z-index:1; }
.menubox .grids{ display:inline-block; vertical-align: middle; padding:5px 15px; height:52px; width:33.3333%; }
.menubox .grids .celltab{ display:table; width:100%; }
.menubox .grids .celltab .tds{ display:table-cell; vertical-align:middle; height:42px; color:#333; font-size:16px; font-weight:bold; }
.menubox .grids .celltab .tds .sizebig{ font-size:16px; }
.menubox .imgbox{ text-align:center; padding: 20px 0; }
.menubox .imgbox img{ max-width:100%; }

.menublock .btns{ display:none; }

/*footer*/
.footer{ padding:20px 0; background: #8CA7DD url(../images/bg_04.png) 0 0 repeat-x; }
.footer .mars{ max-width:940px; margin:auto; padding:0 10px; font-size:0; }
.footer .mars .grids{ display:block; text-align:center;  }
.footer .mars .grids .rightTxt{ color:#fff; font-size:12px; line-height:1.6; }

.funbxs { width: auto; height: 39px; background-color: #fdf0cc; border-bottom: 1px solid #e2d2af; border-top: 1px solid #e2d2af; text-align: center; color: #996600; font-size: 12px; line-height: 39px; word-spacing: 5px; }
.funbxs a { color: #996600; text-decoration: none; font-size:12px; }
.funbxs span { color: #f1e3c0; }
.copybox{ max-width:940px; margin:0 auto; padding: 10px 10px 40px 10px; }
.copybox:after{ content:""; clear:both; display:block; }
.copybox .txts{ color:#666; font-size:12px; float:left; line-height:24px; }
.copybox .logos{ float:right; }


/*index*/
.banner{ width:100%; height:484px; background-image:url(../images/banner.jpg); background-position:center; background-repeat:no-repeat; position:relative; }
.banner img{ display:none; }

.banner .img_s{ position:absolute; top:10px; left:0; right:0; margin:auto; width:327px; }
.banner .img_s img{ display:inline-block; width:100%; }
.banner .img_s .highlight{ position:absolute; width:10%; height:61%; top:13px; left:0; mix-blend-mode:overlay; transform:skewX(-20deg); opacity: 0; animation:move 2.5s infinite;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.94) 50%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.94) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.94) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffffffff',GradientType=1 ); }

@keyframes move{
	0%{ opacity: 0; left:0; }
	5%{ opacity: 1; }
	10%{ opacity: 1; }
	30%{ opacity: 1; }
	50%{ opacity: 0; left:80%; }
	100%{ opacity: 0;  }
}


.block01{ padding:100px 0 45px 0; }
.block01 .mar{ max-width:1180px; margin:auto; padding:0 15px; }
.block01 .mar .listbox{ display:flex; margin-left:-30px; }
.block01 .mar .listbox .grids{ padding:0 0 0 30px; width:33.333334%; display:flex; }
.block01 .mar .list{ width:100%; background:#c1e4e6; padding:20px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; position:relative; background-image:url(../images/bg_s01.svg); background-size:90px; background-position:bottom right; background-repeat:no-repeat; }
.block01 .mar .list .lbg{  } 
.block01 .mar .list .text{ font-size:24px; font-weight:bold; color:#0891a2; padding:20px; border:2px dashed #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height:1.6; }
.block01 .mar .list .imgs{ width:100%; margin:auto; margin-bottom:20px; }
.block01 .mar .list .imgs .ih{ width:100%; padding-bottom:75%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; border-radius:10px; border:5px solid #0891a2; }


.block01 .mar .textbox{ text-align:center; color:#e4017f; font-size:36px; font-weight:bold; padding:50px 0 0 0; }
.block01 .mar .textbox .arrow{ width:50px; display: block; margin:auto; margin-top:15px; }
.block01 .mar .maintitle{ text-align:center; margin-top:100px; }
.block01 .mar .maintitle img{ height:75px; }

.block02{ padding:100px 0; background-size:20px 20px; background-color:#fff1bc; background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);  }
.block02 .mar{ max-width:1180px; margin:auto; padding:0 15px; }
.block02 .mar .maintitle{ text-align:center; margin-bottom:50px; }
.block02 .mar .maintitle img{ height:75px; }
.block02 .mar .flexs{ margin-left:-30px; display:flex; flex-wrap:wrap; }
.block02 .mar .flexs .grids{ width:100%; padding-left:30px; margin-bottom:50px; }
.block02 .mar .flexs .grids.wh2{ width:50%; }
.block02 .mar .flexs .grids .title{ background:rgba(249,190,0,.4); display:flex; padding:20px 30px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; align-items: center; }
.block02 .mar .flexs .grids .title .nums{ background:#090059; line-height:46px; width:46px; height:46px; font-weight:bold; color:#fff; font-size:30px; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.block02 .mar .flexs .grids .title .hts{ font-size:34px; font-weight:bold; color:#090059; padding:0 0 0 20px; }
.block02 .mar .flexs .grids .cont{ padding:30px 0 0 0; display:flex; align-items: center; }
.block02 .mar .flexs .grids .cont .imgs{ width:478px; padding-right:50px; }
.block02 .mar .flexs .grids .cont .imgs img{ width:100%; }
.block02 .mar .flexs .grids .cont .flextxt{ flex:1; }
.block02 .mar .flexs .grids .cont .flextxt .txts{ font-size:24px; color:#090059; line-height:1.6; }
.block02 .mar .flexs .grids .cont .flextxt .simg{ padding:25px 0 0 0; display:flex; }
.block02 .mar .flexs .grids .cont .flextxt .simg .ph{ width:240px; margin:5px; }
.block02 .mar .flexs .grids .cont .flextxt .simg .ph img{ width:100%; }
.block02 .mar .flexs .grids .cont .flex_color{ display:flex; flex-wrap:wrap; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids{ display:flex; align-items: center; margin-right:60px; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids .colorbx{ width:50px; height:50px; border:3px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:20px; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids .colorbx.bg01{ background-color:#daedef; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids .colorbx.bg02{ background-color:#c9b7e8; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids .colorbx.bg03{ background-color:#000; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids .c_txt{ font-size:20px; color:#090059; }

.block02 .mar .flexs .retxt{ font-size:16px; color:#090059; padding-left:30px; }
.block02 .mar .imgbox img{ width:100%; }
.block02 .mar .imgbox .mob{ display:none; }

.block03{ padding:60px 0; }
.block03 .mar{ max-width:1180px; margin:auto; padding:0 15px; }
.block03 .mar .maintitle{ text-align:center; margin-bottom:40px; }
.block03 .mar .maintitle img{ height:54px; }
.block03 .mar .lblock{ margin-bottom:100px; }

.block03 .mar .lblock .list{ background:#c1e4e6; display:flex;  border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; overflow:hidden; margin-bottom:30px; }
.block03 .mar .lblock .list .r1{ width:216px; background:#07b2c5; color:#fff; font-size:30px; font-weight:bold; display:flex; align-items: center;  justify-content:center; }
.block03 .mar .lblock .list .r2:after{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; margin:auto; background-image:url(../images/arrow_bg.svg); background-repeat:no-repeat; background-position:left top; width:64px; }
.block03 .mar .lblock .list .r2{ flex:1; display:flex; align-items: center; padding:0 30px 0 80px; font-size:24px; color:#333; line-height:1.6; position:relative; }
.block03 .mar .lblock .list .r3{ width:148px; height:92px; background:#fff; color:#ff0808; line-height:92px; text-align:center; font-size:48px; font-weight:bold; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; margin:10px; }
.block03 .mar .lblock .list .r3 span{ font-size:26px; color:#ff0808; }
.block03 .mar .lblock .re_txt{ font-size:14px; color:#777; text-align:center; margin-top:-10px; }
.block03 .mar .lblock .list .r4{ width:200px; }
.block03 .mar .lblock .list .r4 .imgs{ width:100%; padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; }

.block03 .mar .methodbox{ display:flex; justify-content: center; margin-bottom:80px; }
.block03 .mar .methodbox .grids{ padding:0 15px; }
.block03 .mar .methodbox .grids img{ width:100%; }

.block03 .mar .sizeWs{ max-width:867px; margin:auto; }
.block03 .mar .sizeTab{ display:table; width:100%; border-collapse:collapse; }
.block03 .mar .sizeTab .trs{ display:table-row; }
.block03 .mar .sizeTab .ths{ display:table-cell; vertical-align:middle; border: 2px #f1c227 solid; background:#faf5b8; text-align:center; color: #1e2585; font-weight:bold; padding:10px 1px; font-size:20px; }
.block03 .mar .sizeTab .tds{ display:table-cell; vertical-align:middle; border: 2px #f1c227 solid; background:#fff; text-align:center; color:#555; padding:10px 1px; font-size:20px; }

.block04{ background:#8CA7DD; padding:80px 0; }
.block04 .mar{ max-width:1180px; margin:auto; padding:0 15px; }
.block04 .mar .flexs{ display:flex; }
.block04 .mar .flexs .leftbox{ width:25%; border-right: 1px solid rgba(255,255,255,.3);}
.block04 .mar .flexs .rightbox{ width:75%;}
.block04 .mar .flexs .title{ text-align:center; margin-bottom:40px; }
.block04 .mar .flexs .title img { height:54px; }
.block04 .mar .flexs .cert{ width:100%; margin:auto; padding:0 20px 0 0;}

.block04 .mar .flexs .cert img{ width:100%; }
.block04 .mar .flexs .txts{ text-align:center; font-size:24px; color:#fff; margin-bottom:20px; }
.block04 .mar .flexs .chs{ display:flex;}
.block04 .mar .flexs .chs .c_grids{ width:33.33334%; padding:0 0 0 20px;}
.block04 .mar .flexs .chs .c_grids .c_img{ width:100%; margin:auto; font-size:0;}
.block04 .mar .flexs .chs .c_grids .c_img img{ width:100%; }
.block04 .mar .flexs .chs .c_grids .c_txt{ text-align:center; font-size:16px; color:#fff; padding:5px 0; background:rgba(255,255,255,0.2);}
.block04 .mar .flexs .b_img{ padding:40px 0 0 0; }
.block04 .mar .flexs .b_img img{ width:100%; }

/*超快適*/
.pageblock{ max-width:960px; padding:0 10px; margin:auto; }
.navs{ padding:10px 0; font-size:14px; color:#333; }
.navs a{ font-size:14px; color: #5658C1; }

.mainNews{ background:#faf5b8; padding:10px; margin-bottom:60px; }
.mainNews .tabs{ display:table; width:100%; }
.mainNews .tabs .td-left{ display:table-cell; vertical-align:middle; width:55%; background:#fff; padding:40px 20px; text-align:center; }
.mainNews .tabs .td-right{ display:table-cell; vertical-align:middle; padding-left:35px; position:relative; padding-bottom:50px; }
.mainNews .tabs .td-right:before{ content:""; display:block; width:0; height:0; border-color:transparent transparent transparent #fff; border-width:16px 0 16px 20px; border-style:solid; position:absolute; top:50%; margin-top:-16px; left:0; }
.mainNews .cshort{ display: inline-block; color: #333; font-size:16px; background:#faba00; padding: 3px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin: 0 0 15px 0; font-weight: bold; }
.mainNews .h1{ font-size:30px; color:#1e2585; margin:0 0 5px 0; font-weight:bold; line-height: 100%; }
.mainNews .h2{ font-size:12px; color:#333; position:absolute; bottom:0; right:0; text-align:right; }
.mainNews .h3{ font-size:20px; color:#1e2585; margin: 0 0 5px 0; font-weight: bold; }
.mainNews .imggrids{ display:inline-block; vertical-align: bottom; margin:0 15px; text-align:center; }
.mainNews .imggrids .imgs{ width:120px; margin:auto; }
.mainNews .imggrids .imgs img{ max-width:100%; }
.mainNews .imggrids .txts{ margin-top:10px; background:#eee; font-size:18px; color:#666; padding:5px 20px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; }

.blocklist01{ margin:0 0 80px 0; }
.blocklist01 .titles{ font-size:24px; color:#1e2585; margin:0 0 20px 0; text-align: center; background:#f6e088; padding:10px 0; font-weight:bold; }
.blocklist01 .titles .bigsize{ font-size:30px; }
.blocklist01 .simg img{ max-width:100%; }
.blocklist01 .mimg{ margin:0 0 20px 0; }
.blocklist01 .mimg img{ max-width:100%; margin:auto; }
.blocklist01 .mvs{ width:76%; margin:auto; }
.blocklist01 .smvs{ margin:20px 0 0 0; width:100%; height:0; padding-bottom:56%; position:relative; }
.blocklist01 .smvs iframe{ width:100%; height:100%; position:absolute; left:0; top:0; }

.blocklist01 .exblock{ text-align:center; font-size:0; }
.blocklist01 .exgrids{ display:inline-block; vertical-align:top; width:50%; padding:0 10px; }
.blocklist01 .exgrids .bgs{ border: 1px solid #f6e088; }
.blocklist01 .exgrids img{ max-width:100%; margin:auto; }
.blocklist01 .exgrids .text{ color:#666; font-size:16px; margin:10px 0 0 0; }
.blocklist01 .exgrids .text span{ color:#1e2585; font-weight:bold; }
.blocklist01 .exgrids.longs{ width:100%; }

.blocklist01 .assess{ display:table; width:100%; table-layout:fixed; }
.blocklist01 .assess .grids{ display:table-cell; vertical-align:top; padding: 20px; border: 2px dashed #f6e088; border-radius: 20px; }
.blocklist01 .assess .space{ display:table-cell; vertical-align:top; width:20px; }
.blocklist01 .assess .grids .imgs{ width:100%; text-align:center; }
.blocklist01 .assess .grids .imgs img{ max-width:100%; }
.blocklist01 .assess .grids .text{ color:#666; font-size:16px; margin:10px 0 0 0; }
.blocklist01 .assess .grids .text span{ color:#1e2585; font-weight:bold; }
.blocklist01 .assess .grids .aright{ text-align:right; padding:10px 0 0 0; }
.blocklist01 .assess .grids .aright .txt{display:inline-block; background-color:#eee; color:#36C; font-weight:bold; font-size:16px; }

.blocklist01 .methodTab{ display:table; width:100%; margin:0 0 15px 0; }
.blocklist01 .methodTab .mtd-img{ display:table-cell; vertical-align:top; width:220px; border:1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden; }
.blocklist01 .methodTab .mtd-img img{ max-width:100%; }
.blocklist01 .methodTab .mtd-text{ display:table-cell; vertical-align:top; padding:0 0 0 20px; font-size:16px; color:#333; }
.blocklist01 .methodTab .mtd-text .spans{     background-color: #fff5cb; color: #ecbd00; font-weight: bold; padding: 0 15px; line-height: 36px; margin: 0 0 10px 0; font-size: 20px; }

.blocklist01 .sizeWs{ max-width:520px; margin:auto; }
.blocklist01 .sizeTitles{ font-size:20px; color: #1e2585; font-weight:bold; margin: 0 0 10px 0; }
.blocklist01 .sizeTab{ display:table; width:100%; border-collapse:collapse; }
.blocklist01 .sizeTab .trs{ display:table-row; }
.blocklist01 .sizeTab .ths{ display:table-cell; vertical-align:middle; border: 2px #f1c227 solid; background:#faf5b8; text-align:center; color: #1e2585; font-weight:bold; padding:10px 1px; }
.blocklist01 .sizeTab .tds{ display:table-cell; vertical-align:middle; border: 2px #f1c227 solid; background:#fff; text-align:center; color:#555; padding:10px 1px; }

/*小兒*/
.pageblock.blue .mainNews{ background:#E2F4FF; }
.pageblock.blue .mainNews .imggrids .imgs.wh02{ width:130px; }
.pageblock.blue .mainNews .cshort{ background: #6db5e5; }
.pageblock.blue .mainNews .h1{ color:#0082d2; }
.pageblock.blue .mainNews .h3{ color:#0082d2; }
.pageblock.blue .blocklist01 .titles{ color:#fff; background:#65A5FC; }
.pageblock.blue .blocklist01 .assess{ margin:0 0 20px 0; }
.pageblock.blue .blocklist01 .assess:last-child{ margin:0; }
.pageblock.blue .blocklist01 .assess .grids{ border: 2px dashed #7fdcff; width:49%; }
.pageblock.blue .blocklist01 .assess .space{ width:2%; }
.pageblock.blue .blocklist01 .assess .grids .text{ margin:0 0 10px 0; }

.exblcok{ margin-left:-20px; font-size:0; margin-bottom:35px; }
.exblcok:last-child{ margin-bottom:0px; }
.exblcok .exTitle{ background: #c8f1ff; padding: 10px; text-align: center; font-size: 18px; color: #09C; margin-left: 20px; font-weight: bold; margin-bottom: 10px; }
.exblcok .exgrids{ display:inline-block; vertical-align:top; width:50%; padding-left:20px; }
.exblcok .exTxts{ margin-left:20px; font-size:14px; color:#aaa; }

/*小顏*/
.sbanner{ width:100%; font-size:0; margin:0 0 80px 0; }
.sbanner img{ width:100%; }
.sbanner_sp{ display:none; }
.pagebigblock{ max-width:1420px; margin:auto; padding:0 10px; }
.pagebigblock .gimgs{ background-color:#fef0f2; padding:60px 20px 20px 20px; text-align:center; margin-bottom:80px; }
.pagebigblock .gimgs img{ max-width:100%; }

.pageblock.pink .mainNews{ background:#ffe2e6; }
.pageblock.pink .mainNews .cshort{ background:#fc7189; }
.pageblock.pink .mainNews .h1{ color:#333; }
.pageblock.pink .mainNews .h3{ color:#333; }
.pageblock.pink .blocklist01 .titles{ color:#333333; background: #fef0f2; }
.pageblock.pink .blocklist01 .titles .bigsize{ color: #fe6f87; }
.pageblock.pink .blocklist01 .assess .grids{ border: 2px dashed #ffadba; }
.pageblock.pink .blocklist01 .assess .grids .text span{ color: #fe6f87; }
.pageblock.pink .blocklist01 .assess .grids .aright .txt{ color:#333; }

.kotitle{ text-align:center; font-weight:bold; margin-bottom:25px; }
.kotitle span{ display:inline-block; vertical-align:middle; }
.kotitle .red{ color: #fe6f87; font-size:32px; }
.kotitle .black{ color:#333; font-size:32px; }
.kotitle img{ vertical-align:middle; }

.koblock{ font-size:0; margin-left:-20px; padding-bottom:40px; }
.koblock .grids{ display:inline-block; vertical-align:top; width:33.333%; padding-left:20px; }
.koblock .grids .imgs{ width:100%; text-align:center; }
.koblock .grids .imgs img{ max-width:100%; }
.koblock .grids .txts{ padding:15px 0 0 0; font-size:16px; color:#333; line-height:1.6; }

/*問卷*/
.qtitle{ text-align:center; padding:40px 0;  }
.qtitle .re{ color:#fc7188; font-size:32px; }
.qtitle .txt{ font-size:32px; color:#333; font-weight:bold; display:inline-block; vertical-align:middle; }
.qtitle .qimg{ display:inline-block; vertical-align:middle; font-size:0; }
.qtitle .qimg img{ width:26px; }

.qboxs{ font-size:0; margin-left:-20px; padding: 0 0 40px 0; }
.qboxs .qgrids{ display:block; width:100%; vertical-align:top; padding-left:20px; padding-bottom:20px; }
.qboxs .qgrids .links{ width:100%; background-image:url(../images/bg_img01.jpg); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; overflow:hidden; display:block; position:relative; }
.qboxs .qgrids .links .titles{ background:rgba(255,215,71,0.75); padding:0 10px; height:94px; width:100%; position:relative; }
.qboxs .qgrids .links .titles .pa{ position:absolute; width:100%; color:#fff; font-size:22px; font-weight:bold; text-align:center; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); display:block; }
.qboxs .qgrids .links .imgsbox{ display:flex; padding:20px 0 40px 0; justify-content: center; }
.qboxs .qgrids .links .imgs{ max-width:145px; width:33.333334%; }
.qboxs .qgrids .links .imgs img{ max-width:100%; }
.qboxs .qgrids .links .btns{ position: absolute; bottom: 20px; left: 20px; right: 20px; height: 60px; line-height: 60px; background: rgba(255,255,255,0.8); text-align: center; border-radius: 5px;  }
.qboxs .qgrids .links .btns .wtxt{ display:inline-block; vertical-align:middle; color: #fba400; font-size: 20px; font-weight: bold; }
.qboxs .qgrids .links .btns .fa{ display:inline-block; vertical-align:middle; color: #fba400; font-size:22px; margin-right:2px; }

.qboxs .qgrids.blue .links{ background-image:url(../images/bg_img02.jpg); }
.qboxs .qgrids.blue .links .titles{ background:rgba(108,181,229,0.75) }
.qboxs .qgrids.blue .links .btns .wtxt{ color:#26a3f7; }
.qboxs .qgrids.blue .links .btns .fa{ color:#26a3f7; }

.qboxs .qgrids.green .links{ background-image:url(../images/bg_img03.jpg); }
.qboxs .qgrids.green .links .titles{ background:rgba(126,189,38,0.75) }
.qboxs .qgrids.green .links .btns .wtxt{ color:#569200; }
.qboxs .qgrids.green .links .btns .fa{ color:#569200; }

.qboxs .qgrids.pink .links{ background-image:url(../images/bg_img04.jpg); }
.qboxs .qgrids.pink .links .titles{ background:rgba(252,113,137,0.75) }
.qboxs .qgrids.pink .links .btns .wtxt{ color:#ff4766; }
.qboxs .qgrids.pink .links .btns .fa{ color:#ff4766; }

.qwinninglist{ display:block; margin:0 0 60px 0; }
.qwinninglist .wTitle{ font-size:20px; font-weight:bold; color:#b86100; margin:0 0 15px 0; }
.qwinninglist .wtext{ line-height:1.6; }
.qwinninglist .wtext span{ color:#fba400; font-weight:bold; }
.qwinninglist .flexbox{ display:flex; flex-wrap:wrap; margin-top:10px; margin-left:-10px; }
.qwinninglist .flexbox .grids{ width:50%;  margin:0 0 10px 0; padding-left:10px; }
.qwinninglist .flexbox .grids .gs{ display:flex; align-items: center; background:#fff9db; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.qwinninglist .flexbox .grids .g1{ width:8px; height:8px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fba400; }
.qwinninglist .flexbox .grids .g2{ color:#b86100; font-size:14px; padding:0 0 0 10px; }

/*光箱*/
.lightbox{ display:none; position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background:rgba(0,0,0,0.5); z-index:9999; }
.lightbox .bgs{ position:absolute; top:50px; left:50px; right:50px; bottom:50px; margin:auto; background:#fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; }
.lightbox .bgs .lgridbox{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); font-size:0; text-align:center; }
.lightbox .bgs .lgridbox .lgrids{ display:inline-block; vertical-align:middle; width:20%; text-decoration:none; margin-bottom:20px; }
.lightbox .bgs .lgridbox .lgrids img{ max-width:100%; }
.lightbox .bgs .lgridbox .closesblock{ text-align:center; padding:20px 0 0 0; }
.lightbox .bgs .lgridbox .closesblock .btns{ padding-right:20px; color:#4d4d4d; font-size:20px; position:relative; }
.lightbox .bgs .lgridbox .closesblock .btns:after{ content:""; display:block; width:14px; height:14px; background-image:url(../images/close-04-pc.png); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-7px; }

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
/*footer*/
.footer .mars .grids .list-area .links:hover{ text-decoration:underline;  }
.funbxs a:hover{ opacity:0.7; text-decoration:underline; }

/*index*/
.item:hover{ opacity:0.7; }


}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/*index*/
.banner{ height: 368px; background-size: 1440px; }	
.banner .img_s{ top:14px; }

.block01 .mar .listbox{ margin-left:-20px; }
.block01 .mar .listbox .grids{ padding:0 0 0 20px; }
.block01 .mar .list{ padding:15px; background-size: 50px; }
.block01 .mar .list .text{ font-size:18px; padding: 15px; }
.block01 .mar .list .imgs{ margin-bottom:10px; }
.block01 .mar .list .imgs .ih{ border-width:3px; }

.block02 .mar .flexs .grids.wh2{ width:100%; }
.block02 .mar .flexs .grids .cont .flextxt .simg .ph{ max-width:240px; width:50%; }
.block02 .mar .flexs .grids .cont .imgs{ width:385px; }

.block03 .mar .lblock{ padding: 25px 40px; }
.block03 .mar .lblock .list .r1{ font-size:24px; width: 140px; }
.block03 .mar .lblock .list .r2{ font-size:20px; line-height: 1.4; }
.block03 .mar .lblock .list .r3{ height:76px; line-height:76px; font-size: 40px; }
.block03 .mar .lblock .list .r4{ width:160px; }
}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.img_dismob{ display:block; }
.img_dispc{ display:none; }

/*header*/
.brandHeadAll{ display:none; }

.logomar{ margin:0; font-size:0; padding: 15px 10px; position:relative; }
.logomar .btns{ display:none; position:absolute; right:10px; top:50%; margin-top:-14px; width:70px; height:28px; background:#5554c4; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center; cursor:pointer; }
.logomar .btns .txt{ color:#fff; font-size:14px; display:inline-block; vertical-align:middle; line-height:28px; }
.logomar .btns .icon{ display:inline-block; vertical-align:middle; font-size:0; width:12px; }
.logomar .btns .icon span{ width:100%; background:#fff; height:2px; display:block; margin:2px 0; }
.logomar .logogrid{ width:62px; margin:auto; display:block; }
.logomar .logogrid img{ width:100%; }
.fastblock{ position:fixed; bottom:0; top:auto; left:0; transform:none; -webkit-transform:none; -moz-transform:none; font-size:0; z-index:100; padding:0; }
.fastblock .fbtns{ width:45%; border-radius:0; }
.fastblock .nbtns{ width:55%; border-radius:0; }
.fastblock .vtxt{ font-size:16px; }

/*.menublock{ position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; background:rgba(0,0,0,0.5); z-index:9999; display:none; }*/
.menublock:before{ height:2px; }
.menublock .btns{ display: block; position:absolute; right:10px; top:13px; width:70px; height:28px; background:#5554c4; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; text-align:center; cursor:pointer; }
.menublock .btns:after{ content:""; display:block; background: #5554c4; left:0; right:0; margin:auto; bottom:-12px; height:12px; }
.menublock .btns .txt{ color:#fff; font-size:14px; display:inline-block; vertical-align:middle; line-height:28px; }
.menublock .btns .icon{ display:inline-block; vertical-align:middle; font-size:0; width:12px; position:relative; }
.menublock .btns .icon span{ width:100%; background:#fff; height:2px; display:block; margin:2px 0; }
.menublock .btns .icon span:nth-child(1){ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); }
.menublock .btns .icon span:nth-child(2){ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); }
.menubox{ padding:0;  }
@keyframes talls{
  0%   { top:70px; }
  100%  { top:53px; }
}

.menubox .grids{ width:100%; display:block; height:auto; background:#fff; border-left:none; position:relative; padding:10px 15px; }
.menubox .grids:nth-child(2){ width:100%; }
.menubox .grids:after{ content:""; display:block; position:absolute; right:10px; top:50%; margin-top:-6px; width:8px; height:8px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); border-top: 2px solid #ffd747; border-right: 2px solid #ffd747; }
.menubox .grids:last-child{ border-right: none; }
.menubox .grids .celltab .tds br{ display:none; }
.menubox .grids .celltab .tds{ height:auto; color:#ffd747; font-size: 16px; }
.menubox .grids:nth-child(2) .celltab .tds{ color:#6db5e5; }
.menubox .grids:nth-child(2):after{ border-top: 2px solid #6db5e5; border-right: 2px solid #6db5e5; }
.menubox .grids:nth-child(3) .celltab .tds{ color:#fc7189; }
.menubox .grids:nth-child(3):after{ border-top: 2px solid #fc7189; border-right: 2px solid #fc7189; }


.footer{ background:#fff; padding:0; }
.footer .mars{ padding:0; }
.footer .mars .grids{ display:block; width:auto; margin:0; }
.footer .mars .grids.gtxt{ display:block; width:auto; }
.footer .mars .grids.gtxt .rightTxt{ color:#666; text-align:center; padding:15px 0; }
.footer .mars .grids .title{ display:none; }
.footer .mars .grids .list-area{ border-top:#5554c4 solid 6px; padding:0; }
.footer .mars .grids .list-area .links{ color:#ffca00; padding:10px 25px 10px 10px; margin:0; font-size:16px; border-bottom:1px solid #999; position:relative; }
.footer .mars .grids .list-area .links:last-child{ border:none; }
.footer .mars .grids .list-area .links:before{ display:none; }
.footer .mars .grids .list-area .links:after{ content:""; display:block; position:absolute; right:10px; top:50%; margin-top:-6px; width:8px; height:8px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); border-top: 2px solid #ffca00; border-right: 2px solid #ffca00; }

.footer .mars .grids .list-area .colorsty01{ color:#6db5e5; }
.footer .mars .grids .list-area .colorsty01:after{ border-top: 2px solid #6db5e5; border-right: 2px solid #6db5e5; }
.footer .mars .grids .list-area .colorsty02{ color:#fc7189; }
.footer .mars .grids .list-area .colorsty02:after{ border-top: 2px solid #f38e00; border-right: 2px solid #fc7189; }

.copybox .txts{ float:none; text-align:center; }
.copybox .logos{ float:none; text-align:center; }

/*index*/
.banner{ height:auto; }
.banner img{ display:block; width:100%; }

.banner .img_s{ width:100%; max-width:220px; left:10%;}
.banner .img_s .highlight{ top:15%; }

.block01{ padding:40px 0 30px 0; }
.block01 .mar .listbox{ display:block; }
.block01 .mar .listbox .grids{ width:100%; margin-bottom:20px; }
.block01 .mar .list{ padding: 15px; background-size:50px; width:100%; }
.block01 .mar .list .lbg{ padding:160px 20px 30px 20px; }
.block01 .mar .list .imgs{ width:240px; margin-bottom:15px; }
.block01 .mar .list .text{ font-size:16px; }
.block01 .mar .list:nth-child(even) .lbg{ padding:160px 20px 30px 20px; }
.block01 .mar .list:nth-child(even) .imgs { left:0; right:0;}
.block01 .mar .textbox{ font-size:22px; padding:0; }
.block01 .mar .textbox .arrow{ width:40px; }
.block01 .mar .maintitle img{ height:65px;}


.block02{ padding:50px 0; }
.block02 .mar{ padding:0; }
.block02 .mar .maintitle{ margin-bottom:30px; }
.block02 .mar .maintitle img{ height:65px; }
.block02 .mar .flexs .grids.wh2{ width:100%; }
.block02 .mar .flexs .grids .title{ padding:15px 20px; }
.block02 .mar .flexs .grids .title .nums{ line-height: 30px; width: 30px; height: 30px; font-size:18px; }
.block02 .mar .flexs .grids .title .hts{ font-size:20px; padding: 0 0 0 10px; }
.block02 .mar .flexs .grids .cont{ display:block; }
.block02 .mar .flexs .grids .cont .imgs{ width:240px; padding:0 0 15px 0; margin:auto; }
.block02 .mar .flexs .grids .cont .flextxt .txts{ font-size:16px; }

.block02 .mar .flexs .grids .cont .flex_color .c_grids{ margin:0 0 15px 0; width:100%; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids .colorbx{ width:30px; height:30px; margin-right: 10px; }
.block02 .mar .flexs .grids .cont .flex_color .c_grids .c_txt{ font-size:16px; }
.block02 .mar .flexs .retxt{ font-size:14px; }

.block02 .mar .imgbox .pc{ display:none; }
.block02 .mar .imgbox .mob{ display:inline-block; }

.block03 .mar .maintitle{ margin-bottom:30px; }
.block03 .mar .maintitle img{ height:46px; }
.block03 .mar .lblock{ margin-bottom:80px; }
.block03 .mar .lblock .list{ flex-wrap:wrap; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom: 15px; }
.block03 .mar .lblock .list .r1{ width:100%; line-height:36px; height:36px; font-size:18px; margin:0; }
.block03 .mar .lblock .list .r2:after{ display:none; }
.block03 .mar .lblock .list .r2{ font-size:16px; padding:15px; }
.block03 .mar .lblock .list .r3{ width:56px; height:56px; line-height:56px; font-size: 22px; }
.block03 .mar .lblock .list .r3 span{ font-size:12px; }
.block03 .mar .lblock .re_txt{ margin:auto; }

.block03 .mar .methodbox{ display:block; }
.block03 .mar .methodbox .grids{ max-width:269px; padding:0; margin:auto; margin-bottom:15px; }

.block03 .mar .sizeTab .ths{ font-size:16px; }
.block03 .mar .sizeTab .tds{ font-size:16px; }

.block03 .mar .lblock .list .r4{ width: 100px; margin: 15px; }

.block04 .mar .flexs{ display:block; }
.block04 .mar .flexs .leftbox{ width:auto; border:0;}
.block04 .mar .flexs .rightbox{ width:auto; padding:40px 0 0 0; }
.block04 .mar .flexs .title{ margin-bottom:30px; }
.block04 .mar .flexs .title img{ height:46px; }
.block04 .mar .flexs .txts{ font-size:16px; }
.block04 .mar .flexs .chs .c_grids .c_txt{ font-size:12px; }
.block04 .mar .flexs .b_img{ width:80%; margin:auto; }
.block04 .mar .flexs .cert{ width:50%;}

.block04 .mar .flexs .chs{ margin-left:-20px; }

/*超快適*/
.pageblock{ padding:0; }

.navs{ padding:10px; }
.navs.color01{ background:#faf5b8; }

.mainNews{ margin-bottom: 25px; }
.mainNews .h1{ font-size:24px; }
.mainNews .tabs .td-left{ display:table-footer-group; padding:0; }
.mainNews .tabs .td-right{ display:block; padding:10px 0 40px 0; }
.mainNews .tabs .td-right:before{ border-color: transparent transparent #fff transparent ; border-width:0 16px 20px 16px; top:auto; bottom:0; left:50%; margin:0 0 0 -16px; }
.mainNews .imggrids{ padding:25px 0; }
.mainNews .h2{ position:relative; padding-top:10px; }

.blocklist01{ margin:0 0 40px 0; }
.blocklist01 .titles{ font-size:20px; text-align:left; padding:10px; }
.blocklist01 .titles .bigsize{ font-size:24px; }
.blocklist01 .simg{ padding:0 10px; }

.blocklist01 .assess{ display:block; padding:0 10px; }
.blocklist01 .assess .grids{ display:block; width:auto; }
.blocklist01 .assess .space{ display:block; height:10px; }

.blocklist01 .methodTab{ display:block; border-bottom:1px dashed #ccc; margin: 0 0 25px 0; }
.blocklist01 .methodTab .mtd-img{ display:block; margin:auto; }
.blocklist01 .methodTab .mtd-text{ display:block; padding: 15px 15px 25px 15px; }

.blocklist01 .sizeWs{ padding:0 10px; }
.blocklist01 .sizeTitles{ font-size:16px; }

.blocklist01 .exgrids{ display:block; width:auto; padding:0; margin:0 15px; margin-bottom:20px; }

/*小兒*/
.pageblock.blue .blocklist01 .assess{ margin:0 0 10px 0; }
.pageblock.blue .blocklist01 .assess .grids{ width:auto; }
.blocklist01 .mimg{ padding:0 10px; }
.exblcok{ margin:0 0 20px 0; }
.exblcok .exTitle{ margin:0 0 10px 0; }
.exblcok .exgrids{ display:block; width:auto; padding:0 10px; }
.exblcok .exTxts{ margin:0; padding:0 10px; font-size:12px; }



/*小顏*/
.sbanner{ display:none; }
.sbanner_sp{ display:block; font-size:0; width:100%; }
.sbanner_sp img{ width:100%; }
.pagebigblock{ padding:0; }
.koblock{ padding-left:10px; padding-right:10px; margin:0; }
.koblock .grids{ width:auto; display:block; padding:0 0 20px 0; }
.koblock .grids .txts{ padding:0; }

/*問卷*/
.qtitle .txt{ font-size:24px; }
.qtitle .re{ font-size:24px; }
.qboxs{ margin:auto; padding:0 10px; }
.qboxs .qgrids{ display:block; width:auto; padding-left:0; }
.qboxs .qgrids .links .titles{ height:auto; padding:10px 0; }
.qboxs .qgrids .links .titles .pa{ font-size:18px; position:static; transform:none; -webkit-transform:none; -moz-transform:none; }

.qwinninglist{ padding:0 15px; }
.qwinninglist .flexbox .grids{ width:100%; }

/*光箱*/
.lightbox .bgs{ left:25px; right:25px; bottom:25px; top:25px; }
.lightbox .bgs .lgridbox .lgrids{ width:50%; }

}