:root{--primary:#02cb89;--primary-rgb:2,203,137;--secondary:#283a5e;--secondary-rgb:40,58,94;--complement:#cb0244;--complement-rgb:203,2,68;--triadic1:#cb8902;--triadic1-rgb:203,137,2;--triadic2:#8902cb;--triadic2-rgb:137,2,203;--info:#687693;--info-rgb:104,118,147;--white:#fff;--white-rgb:255,255,255;--black:#000;--black-rgb:0,0,0;--gray:#666;--gray-rgb:102,102,102;--width-xs:550px;--width-sm:640px;--width-md:760px;--width-lg:1024px;--width-xl:1280px;--width-xxl:1440px;--font-family:'Noto Sans TC','Noto Sans SC'}.txt_complement_1,.txt_complement_2,.txt_gray_1,.txt_gray_2,.txt_info_1,.txt_info_2,.txt_primary_1,.txt_primary_2,.txt_secondary_1,.txt_triadic1_1,.txt_triadic1_2,.txt_triadic2_1,.txt_triadic2_2,.txt_white_1,.txt_white_2,.txt_white_3,.txt_white_4,.txt_white_5{color:#fff}.bg_complement_1,.bg_complement_2,.bg_gray_1,.bg_gray_2,.bg_info_1,.bg_info_2,.bg_primary_1,.bg_primary_2,.bg_secondary_1,.bg_triadic1_1,.bg_triadic1_2,.bg_triadic2_1,.bg_triadic2_2,.bg_white_1,.bg_white_2,.bg_white_3,.bg_white_4,.bg_white_5{background:#fff}.svg_complement_1,.svg_complement_2,.svg_gray_1,.svg_gray_2,.svg_info_1,.svg_info_2,.svg_primary_1,.svg_primary_2,.svg_secondary_1,.svg_triadic1_1,.svg_triadic1_2,.svg_triadic2_1,.svg_triadic2_2,.svg_white_1,.svg_white_2,.svg_white_3,.svg_white_4{fill:#ffffff}.txt_primary_3{color:#9bfedd}.bg_primary_3{background:#9bfedd}.svg_primary_3{fill:#9bfedd}.txt_primary_4{color:#36fdbc}.bg_primary_4{background:#36fdbc}.svg_primary_4{fill:#36fdbc}.txt_primary_5{color:#02cb89}.bg_primary_5{background:#02cb89}.svg_primary_5{fill:#02cb89}.txt_primary_6{color:#016645}.bg_primary_6{background:#016645}.svg_primary_6{fill:#016645}.txt_primary_7{color:#000101}.bg_primary_7{background:#000101}.svg_primary_7{fill:#000101}.txt_black_5,.txt_black_6,.txt_black_7,.txt_black_8,.txt_black_9,.txt_complement_8,.txt_complement_9,.txt_gray_7,.txt_gray_8,.txt_gray_9,.txt_info_8,.txt_info_9,.txt_primary_8,.txt_primary_9,.txt_secondary_7,.txt_secondary_8,.txt_secondary_9,.txt_triadic1_8,.txt_triadic1_9,.txt_triadic2_8,.txt_triadic2_9{color:#000}.bg_black_5,.bg_black_6,.bg_black_7,.bg_black_8,.bg_black_9,.bg_complement_8,.bg_complement_9,.bg_gray_7,.bg_gray_8,.bg_gray_9,.bg_info_8,.bg_info_9,.bg_primary_8,.bg_primary_9,.bg_secondary_7,.bg_secondary_8,.bg_secondary_9,.bg_triadic1_8,.bg_triadic1_9,.bg_triadic2_8,.bg_triadic2_9{background:#000}.svg_black_6,.svg_black_7,.svg_black_8,.svg_black_9,.svg_complement_8,.svg_complement_9,.svg_gray_7,.svg_gray_8,.svg_gray_9,.svg_info_8,.svg_info_9,.svg_primary_8,.svg_primary_9,.svg_secondary_7,.svg_secondary_8,.svg_secondary_9,.svg_triadic1_8,.svg_triadic1_9,.svg_triadic2_8,.svg_triadic2_9{fill:#000000}.txt_secondary_2{color:#ced7ea}.bg_secondary_2{background:#ced7ea}.svg_secondary_2{fill:#ced7ea}.txt_secondary_3{color:#869dcc}.bg_secondary_3{background:#869dcc}.svg_secondary_3{fill:#869dcc}.txt_secondary_4{color:#4666a6}.bg_secondary_4{background:#4666a6}.svg_secondary_4{fill:#4666a6}.txt_secondary_5{color:#283a5e}.bg_secondary_5{background:#283a5e}.svg_secondary_5{fill:#283a5e}.txt_secondary_6{color:#0a0e16}.bg_secondary_6{background:#0a0e16}.svg_secondary_6{fill:#0a0e16}.txt_complement_3{color:#fe9bbc}.bg_complement_3{background:#fe9bbc}.svg_complement_3{fill:#fe9bbc}.txt_complement_4{color:#fd3677}.bg_complement_4{background:#fd3677}.svg_complement_4{fill:#fd3677}.txt_complement_5,.webBox #SeoStarRating font:last-child{color:#cb0244}.bg_complement_5{background:#cb0244}.svg_complement_5{fill:#cb0244}.txt_complement_6{color:#660122}.bg_complement_6{background:#660122}.svg_complement_6{fill:#660122}.txt_complement_7{color:#010000}.bg_complement_7{background:#010000}.svg_complement_7{fill:#010000}.txt_triadic1_3{color:#fedd9b}.bg_triadic1_3{background:#fedd9b}.svg_triadic1_3{fill:#fedd9b}.txt_triadic1_4{color:#fdbc36}.bg_triadic1_4{background:#fdbc36}.svg_triadic1_4{fill:#fdbc36}.txt_triadic1_5{color:#cb8902}.bg_triadic1_5{background:#cb8902}.svg_triadic1_5{fill:#cb8902}.txt_triadic1_6{color:#664501}.bg_triadic1_6{background:#664501}.svg_triadic1_6{fill:#664501}.txt_triadic1_7{color:#010100}.bg_triadic1_7{background:#010100}.svg_triadic1_7{fill:#010100}.txt_triadic2_3{color:#dd9bfe}.bg_triadic2_3{background:#dd9bfe}.svg_triadic2_3{fill:#dd9bfe}.txt_triadic2_4{color:#bc36fd}.bg_triadic2_4{background:#bc36fd}.svg_triadic2_4{fill:#bc36fd}.txt_triadic2_5{color:#8902cb}.bg_triadic2_5{background:#8902cb}.svg_triadic2_5{fill:#8902cb}.txt_triadic2_6{color:#450166}.bg_triadic2_6{background:#450166}.svg_triadic2_6{fill:#450166}.txt_triadic2_7{color:#010001}.bg_triadic2_7{background:#010001}.svg_triadic2_7{fill:#010001}.txt_info_3{color:#dfe2e8}.bg_info_3{background:#dfe2e8}.svg_info_3{fill:#dfe2e8}.txt_info_4{color:#a3acbe}.bg_info_4{background:#a3acbe}.svg_info_4{fill:#a3acbe}.txt_info_5{color:#687693}.bg_info_5{background:#687693}.svg_info_5{fill:#687693}.txt_info_6{color:#3e4657}.bg_info_6{background:#3e4657}.svg_info_6{fill:#3e4657}.txt_info_7{color:#13161c}.bg_info_7{background:#13161c}.svg_info_7{fill:#13161c}.svg_white_5{fill:#fff}.txt_black_1,.txt_gray_3,.txt_white_6{color:#ccc}.bg_black_1,.bg_gray_3,.bg_white_6{background:#ccc}.svg_black_1,.svg_gray_3,.svg_white_6{fill:#cccccc}.txt_black_2,.txt_gray_4,.txt_white_7{color:#999}.bg_black_2,.bg_gray_4,.bg_white_7{background:#999}.svg_black_2,.svg_gray_4,.svg_white_7{fill:#999999}.txt_black_3,.txt_gray_5,.txt_white_8{color:#666}.bg_black_3,.bg_gray_5,.bg_white_8{background:#666}.svg_black_3,.svg_white_8{fill:#666666}.txt_black_4,.txt_gray_6,.txt_white_9{color:#333}.bg_black_4,.bg_gray_6,.bg_white_9{background:#333}.svg_black_4,.svg_gray_6,.svg_white_9{fill:#333333}.svg_black_5{fill:#000}.svg_gray_5{fill:#666}.row{margin-left:15px;margin-right:15px}.col_1{width:8.33333333%}.col_offset_1,.col_xl_offset_1,.col_xxl_offset_1{width:calc(8.33333333% - 30px)}.col_2,.col_xl_2,.col_xxl_2{width:16.66666667%}.col_offset_2,.col_xl_offset_2,.col_xxl_offset_2{width:calc(16.66666667% - 30px)}.col_3,.col_xl_3,.col_xxl_3{width:25%}.col_offset_3,.col_xl_offset_3,.col_xxl_offset_3{width:calc(25% - 30px)}.col_4,.col_xl_4,.col_xxl_4{width:33.33333333%}.col_offset_4,.col_xl_offset_4,.col_xxl_offset_4{width:calc(33.33333333% - 30px)}.col_5,.col_xl_5,.col_xxl_5{width:41.66666667%}.col_offset_5,.col_xl_offset_5,.col_xxl_offset_5{width:calc(41.66666667% - 30px)}.col_6,.col_lg_6,.col_xl_6,.col_xxl_6{width:50%}.col_lg_offset_6,.col_offset_6,.col_xl_offset_6,.col_xxl_offset_6{width:calc(50% - 30px)}.col_7,.col_lg_7,.col_xl_7,.col_xxl_7{width:58.33333333%}.col_lg_offset_7,.col_offset_7,.col_xl_offset_7,.col_xxl_offset_7{width:calc(58.33333333% - 30px)}.col_8,.col_lg_8,.col_xl_8,.col_xxl_8{width:66.66666667%}.col_lg_offset_8,.col_offset_8,.col_xl_offset_8,.col_xxl_offset_8{width:calc(66.66666667% - 30px)}.col_9,.col_lg_9,.col_xl_9,.col_xxl_9{width:75%}.col_lg_offset_9,.col_offset_9,.col_xl_offset_9,.col_xxl_offset_9{width:calc(75% - 30px)}.col_10,.col_lg_10,.col_xl_10,.col_xxl_10{width:83.33333333%}.col_lg_offset_10,.col_offset_10,.col_xl_offset_10,.col_xxl_offset_10{width:calc(83.33333333% - 30px)}.col_11,.col_lg_11,.col_xl_11,.col_xxl_11{width:91.66666667%}.col_lg_offset_11,.col_offset_11,.col_xl_offset_11,.col_xxl_offset_11{width:calc(91.66666667% - 30px)}.col_12,.col_lg_12,.col_xl_12,.col_xxl_12{width:100%}.col_lg_offset_12,.col_offset_12,.col_xl_offset_12,.col_xxl_offset_12{width:calc(100% - 30px)}.over_auto,.over_lg_auto,.over_xl_auto,.over_xxl_auto{overflow:auto}.over_hid,.over_lg_hid,.over_xl_hid,.over_xxl_hid{overflow:hidden}.over_lg_vis,.over_vis,.over_xl_vis,.over_xxl_vis{overflow:visible}.over_lg_scr,.over_scr,.over_xl_scr,.over_xxl_scr{overflow:scroll}.pos_lg_stat,.pos_stat,.pos_xl_stat,.pos_xxl_stat{position:static}.pos_lg_rel,.pos_rel,.pos_xl_rel,.pos_xxl_rel{position:relative}.pos_abs,.pos_lg_abs,.pos_xl_abs,.pos_xxl_abs{position:absolute}.pos_fix,.pos_lg_fix,.pos_xl_fix,.pos_xxl_fix{position:fixed}.pos_lg_stic,.pos_stic,.pos_xl_stic,.pos_xxl_stic{position:sticky}.d_lg_none,.d_none,.d_xl_none,.d_xxl_none{display:none}.d_inblock,.d_lg_inblock,.d_xl_inblock,.d_xxl_inblock{display:inline-block}.d_block,.d_lg_block,.d_xl_block,.d_xxl_block{display:block}.d_grid,.d_lg_grid,.d_xl_grid,.d_xxl_grid{display:grid}.d_flex,.d_lg_flex,.d_xl_flex,.d_xxl_flex{display:flex}.d_inflex,.d_lg_inflex,.d_xl_inflex,.d_xxl_inflex{display:inline-flex}.talign_lg_right,.talign_right,.talign_xl_right,.talign_xxl_right{text-align:right}.talign_left,.talign_lg_left,.talign_xl_left,.talign_xxl_left{text-align:left}.talign_center,.talign_lg_center,.talign_xl_center,.talign_xxl_center{text-align:center}.talign_justify,.talign_lg_justify,.talign_xl_justify,.talign_xxl_justify{text-align:justify}@media (min-width:551px){.col_xs_1{width:8.33333333%}.col_xs_offset_1{width:calc(8.33333333% - 30px)}.col_xs_2{width:16.66666667%}.col_xs_offset_2{width:calc(16.66666667% - 30px)}.col_xs_3{width:25%}.col_xs_offset_3{width:calc(25% - 30px)}.col_xs_4{width:33.33333333%}.col_xs_offset_4{width:calc(33.33333333% - 30px)}.col_xs_5{width:41.66666667%}.col_xs_offset_5{width:calc(41.66666667% - 30px)}.col_xs_6{width:50%}.col_xs_offset_6{width:calc(50% - 30px)}.col_xs_7{width:58.33333333%}.col_xs_offset_7{width:calc(58.33333333% - 30px)}.col_xs_8{width:66.66666667%}.col_xs_offset_8{width:calc(66.66666667% - 30px)}.col_xs_9{width:75%}.col_xs_offset_9{width:calc(75% - 30px)}.col_xs_10{width:83.33333333%}.col_xs_offset_10{width:calc(83.33333333% - 30px)}.col_xs_11{width:91.66666667%}.col_xs_offset_11{width:calc(91.66666667% - 30px)}.col_xs_12{width:100%}.col_xs_offset_12{width:calc(100% - 30px)}.over_xs_auto{overflow:auto}.over_xs_hid{overflow:hidden}.over_xs_vis{overflow:visible}.over_xs_scr{overflow:scroll}.pos_xs_stat{position:static}.pos_xs_rel{position:relative}.pos_xs_abs{position:absolute}.pos_xs_fix{position:fixed}.pos_xs_stic{position:sticky}.d_xs_none{display:none}.d_xs_inblock{display:inline-block}.d_xs_block{display:block}.d_xs_grid{display:grid}.d_xs_flex{display:flex}.d_xs_inflex{display:inline-flex}.talign_xs_right{text-align:right}.talign_xs_left{text-align:left}.talign_xs_center{text-align:center}.talign_xs_justify{text-align:justify}}@media (min-width:641px){.col_sm_1{width:8.33333333%}.col_sm_offset_1{width:calc(8.33333333% - 30px)}.col_sm_2{width:16.66666667%}.col_sm_offset_2{width:calc(16.66666667% - 30px)}.col_sm_3{width:25%}.col_sm_offset_3{width:calc(25% - 30px)}.col_sm_4{width:33.33333333%}.col_sm_offset_4{width:calc(33.33333333% - 30px)}.col_sm_5{width:41.66666667%}.col_sm_offset_5{width:calc(41.66666667% - 30px)}.col_sm_6{width:50%}.col_sm_offset_6{width:calc(50% - 30px)}.col_sm_7{width:58.33333333%}.col_sm_offset_7{width:calc(58.33333333% - 30px)}.col_sm_8{width:66.66666667%}.col_sm_offset_8{width:calc(66.66666667% - 30px)}.col_sm_9{width:75%}.col_sm_offset_9{width:calc(75% - 30px)}.col_sm_10{width:83.33333333%}.col_sm_offset_10{width:calc(83.33333333% - 30px)}.col_sm_11{width:91.66666667%}.col_sm_offset_11{width:calc(91.66666667% - 30px)}.col_sm_12{width:100%}.col_sm_offset_12{width:calc(100% - 30px)}.over_sm_auto{overflow:auto}.over_sm_hid{overflow:hidden}.over_sm_vis{overflow:visible}.over_sm_scr{overflow:scroll}.pos_sm_stat{position:static}.pos_sm_rel{position:relative}.pos_sm_abs{position:absolute}.pos_sm_fix{position:fixed}.pos_sm_stic{position:sticky}.d_sm_none{display:none}.d_sm_inblock{display:inline-block}.d_sm_block{display:block}.d_sm_grid{display:grid}.d_sm_flex{display:flex}.d_sm_inflex{display:inline-flex}.talign_sm_right{text-align:right}.talign_sm_left{text-align:left}.talign_sm_center{text-align:center}.talign_sm_justify{text-align:justify}}@media (min-width:761px){.col_md_1{width:8.33333333%}.col_md_offset_1{width:calc(8.33333333% - 30px)}.col_md_2{width:16.66666667%}.col_md_offset_2{width:calc(16.66666667% - 30px)}.col_md_3{width:25%}.col_md_offset_3{width:calc(25% - 30px)}.col_md_4{width:33.33333333%}.col_md_offset_4{width:calc(33.33333333% - 30px)}.col_md_5{width:41.66666667%}.col_md_offset_5{width:calc(41.66666667% - 30px)}.col_md_6{width:50%}.col_md_offset_6{width:calc(50% - 30px)}.col_md_7{width:58.33333333%}.col_md_offset_7{width:calc(58.33333333% - 30px)}.col_md_8{width:66.66666667%}.col_md_offset_8{width:calc(66.66666667% - 30px)}.col_md_9{width:75%}.col_md_offset_9{width:calc(75% - 30px)}.col_md_10{width:83.33333333%}.col_md_offset_10{width:calc(83.33333333% - 30px)}.col_md_11{width:91.66666667%}.col_md_offset_11{width:calc(91.66666667% - 30px)}.col_md_12{width:100%}.col_md_offset_12{width:calc(100% - 30px)}.over_md_auto{overflow:auto}.over_md_hid{overflow:hidden}.over_md_vis{overflow:visible}.over_md_scr{overflow:scroll}.pos_md_stat{position:static}.pos_md_rel{position:relative}.pos_md_abs{position:absolute}.pos_md_fix{position:fixed}.pos_md_stic{position:sticky}.d_md_none{display:none}.d_md_inblock{display:inline-block}.d_md_block{display:block}.d_md_grid{display:grid}.d_md_flex{display:flex}.d_md_inflex{display:inline-flex}.talign_md_right{text-align:right}.talign_md_left{text-align:left}.talign_md_center{text-align:center}.talign_md_justify{text-align:justify}}@media (min-width:1025px){.col_lg_1{width:8.33333333%}.col_lg_offset_1{width:calc(8.33333333% - 30px)}.col_lg_2{width:16.66666667%}.col_lg_offset_2{width:calc(16.66666667% - 30px)}.col_lg_3{width:25%}.col_lg_offset_3{width:calc(25% - 30px)}.col_lg_4{width:33.33333333%}.col_lg_offset_4{width:calc(33.33333333% - 30px)}.col_lg_5{width:41.66666667%}}.webBox :after,.webBox :before{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out}.webBox header #menubtn[data-type="2"] a span:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.webBox header #menubtn[data-type="2"] a span:nth-child(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.webBox #footer_btn a,.webBox header #search_box #openform{width:45px;height:45px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.webBox header #search_box form{transform:translate(30px,0);-webkit-transform:translate(30px,0);-moz-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0)}#product_area .list_box ul li,.webBox header #search_box[data-type="2"] form{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}.webBox .img_scale img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.webBox #SeoStarRating font{margin-right:5px;display:inline-block;line-height:110%;vertical-align:text-bottom;color:#ffc107}.webBox #SeoStarRating font *{color:#ffc107}.webBox #SeoStarRating font:first-child{font-weight:700;font-size:18px}.webBox #webSeo .seo{-webkit-animation:200s linear infinite marquee;animation:200s linear infinite marquee}@media (max-width:550px){.webBox #footer_btn a{width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}}#book_area .list_box li .img_box:after,#book_area .list_box li .img_box:before{transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}#book_area .list_box li .img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom}@media (min-width:1281px){.webBox header #webmenu li .menu_body{transform:translate(0,30px);-webkit-transform:translate(0,30px);-moz-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px)}.webBox header #webmenu li .menu_body .subOption li .sub2Option,.webBox header #webmenu li .menu_body .subOption li .sub2Option li .sub3Option{transform:translate(-30px,0);-webkit-transform:translate(-30px,0);-moz-transform:translate(-30px,0);-ms-transform:translate(-30px,0);-o-transform:translate(-30px,0)}.webBox header #webmenu li .menu_body .subOption li .sub2Option li:hover .sub3Option,.webBox header #webmenu li .menu_body .subOption li:hover .sub2Option,.webBox header #webmenu li:hover .menu_body,.webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option li:hover .sub3Option,.webBox header #webmenu li:last-child .menu_body .subOption li:hover .sub2Option{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}.webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option,.webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option li .sub3Option{transform:translate(30px,0);-webkit-transform:translate(30px,0);-moz-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0)}.webBox .img_scale:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}#product_area .list_box ul li:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);-o-transform:translate(0,-20px)}#book_area .list_box li:hover .img_box:after,#book_area .list_box li:hover .img_box:before{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1)}}#youtube_box a{width:83px;height:83px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-animation:2s infinite spineer;animation:2s infinite spineer}