@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

/*common*/
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-family: Uniqlo, "Noto Sans TC", "Microsoft JhengHei", serif;}
a{cursor: pointer; color: #000;}
a:hover{text-decoration:none;}
*:focus{outline: 0 !important;}
h1{font-size: 67px; font-weight: bold;}
h2{font-size: 30px; font-weight: bold;}
h2 small{font-size: 21px; font-weight: bold;}
h3{font-size: 34px;}
h3 small{font-size: 22px; font-weight: bold;}
h4{font-size: 15px; font-weight: bold; line-height: 1.5;}
h4 small{font-size: 13px; font-weight: 100;}
p{font-size: 14px; letter-spacing: 0.5px;line-height: 1.8;}
p big{font-size: 18px; font-weight: bold;}
p small{font-size: 13px;}
.index ::selection {background: #fd0019; color: #fff; /* WebKit/Blink Browsers */}
.index ::-moz-selection {background: #fd0019; color: #fff; /* Gecko Browsers */}
.recycle ::selection {background: #1ba859; color: #fff; /* WebKit/Blink Browsers */}
.recycle ::-moz-selection {background: #1ba859; color: #fff; /* Gecko Browsers */}
.rw_experience ::selection {background: #ff9600; color: #fff; /* WebKit/Blink Browsers */}
.rw_experience ::-moz-selection {background: #ff9600; color: #fff; /* Gecko Browsers */}
.plastic ::selection {background: #1b8ead; color: #fff; /* WebKit/Blink Browsers */}
.plastic ::-moz-selection {background: #1b8ead; color: #fff; /* Gecko Browsers */}

._desktop{display: inline-block !important;;}
._mobile{display: none !important;}

.img100{width: 100%;}
.pos{position: absolute;}
.animates_set{transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0;-ms-transition: all .15s ease-out;-webkit-transition: all .15s ease-out;-moz-transition: all .15s ease-out;-o-transition: all .15s ease-out;transition: all .15s ease-out;}
#container{margin: 0 auto; max-width: 960px; position: relative;}
.content{margin-bottom: 30px;}

/*common content*/
    /* #header .navi a{display: inline-block;height: 63px;text-align: center;font-size: 16px;position: relative;} */
    /* #header .navi a span{border-right: 1px dotted #000;display: inline-block;line-height: 1.4;padding:0 8px 0 8px;margin: 20.5px 0;}
    #header .navi a:last-child span{border-right:0;}
        #header .navi a.n1.on, #header .navi a.n1:hover{color: #fd0019;}
        #header .navi a.n2.on, #header .navi a.n2:hover{color: #1ba859;}
        #header .navi a.n3.on, #header .navi a.n3:hover{color: #ff9600;}
        #header .navi a.n4.on, #header .navi a.n4:hover{color: #fd0019;}
        #header .navi a.n5.on, #header .navi a.n5:hover{color: #53b4ed;}
        #header .navi a.n6.on, #header .navi a.n6:hover{color: #fd0019;}
        #header .navi a.n7.on, #header .navi a.n7:hover{color: #1b8ead;}

        #header .navi a.coming_soon{cursor: default;}
        #header .navi a:hover.coming_soon:after{content: "Coming Soon";position: absolute;top: 41px;left: 50%;display: block;width: auto;padding: 2px 8px 3px;background: #bbbbbb;color: #fff;line-height: 1;border-radius: 100px;transform: translate(-50%, 0); white-space: nowrap;}
        
        #header .navi .level2_wrapper{display: inline-block;height: 63px;position: relative;}
        #header .navi .level2{display: none;position: absolute;left: 50%;z-index: 1;width: 150px;margin-left: -75px;border-radius: 0 0 10px 10px;overflow: hidden;-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);}
        #header .navi .level2 a{display: inline-block; text-align: center; line-height: 1.4;border-bottom: 1px solid #c9c9c9;font-size: 15px;width: 100%;padding: 10px 0;height: auto; background: #fff;}
        #header .navi .level2 a:last-child{border-bottom: 0;}
        #header .navi .for_n3 a:hover, #header .navi .for_n3 a.on{color: #ff9600;}
        #header .navi .level2_wrapper:hover .level2{display: block;} */


        .burger{display: none; right: 0;top: 0;width: 40px;height: 40px; padding: 5px; background: #fff;}        
        .burger .closer{display: none;}

        .shareB-mobile{display: none; height: 40px; padding: 6px 5px;background: #fff;right: 40px; top: 0px;}
        
    /* #header .navi .shareB{display: inline-block;height: 46px;text-align: center;font-size: 14px;position: relative;}
    #header .navi .shareB .shareS{display: inline-block;line-height: 1.4;padding: 0 3px;margin: 22px 0;}

    #header .themes{display: none;} */

    .sec_con{padding: 60px 0 0;}
    .sec_con .title{text-align:center; }
    .sec_con .title h3{margin-bottom: 15px; line-height: 1.3; letter-spacing: 0.5px;}
    .sec_con .title h4{margin-bottom: 28px; line-height: 1.65; letter-spacing: 0.5px;}
    .con{position: relative;}
    .resultTable{padding: 37px 0 7px;}
    .themeTable{padding:85px 0 72px;}

    .banner{border-radius: 5px; overflow: hidden; border:1px solid #c9c9c9; margin-bottom: 30px;}
    .sec_con .banner:last-child{margin-bottom: 0;}
    .banner a:hover img{-webkit-filter: brightness(1.08);-moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}

    /* .inner #header{min-height: 40px;height: 63px;}
        .inner #header .logo{display: block; float: left; width: 63px; height: 63px;}
        .inner #header .navi{float: right;position: relative;font-size: 0;} */

    /* #footer {margin: 0;padding: 0 0 20px 0;} */
    .f_desktop{display: block;}
    .f_mobile{display: none;}
    /* #footer div.siteinfo {background: #000000;position: relative;height: 50px;}
    #footer div.siteinfo p.sitename {float: left;font-size: 0%;line-height: 100%;margin-bottom: 0;}
    #footer div.siteinfo ul.utility {float: left;font-size: 0%;line-height: 100%;margin: 15px 0 0 6px; padding-left:0;}
    #footer div.siteinfo ul.utility li {float: left;}
    #footer dl.world {font-size: 0%;line-height: 100%;}
    #footer div.siteinfo #goPageTop {position: absolute;top: 14px;right: 13px;}
    #footer dl.world dt {float: left;margin: 11px 3px 0 0;margin-left:auto;}
    #footer dl.world dd {float: left;margin: 11px 0 0 0;margin-left:auto;}
    #footer dl.world dd.last {overflow: hidden;}
    #footer dl.world dd.second {margin: 11px 0 0 91px;}
    #footer p.copyright {font-size: 0%;line-height: 100%;margin: 11px 0 0 0;}

    #footer .f_desktop a .imgover2{display: none;}
    #footer .f_desktop a:hover .imgover{display: none;}
    #footer .f_desktop a:hover .imgover2{display: block;} */
    
    /* #container .gototop {height: 80px;margin-right: 0px;margin-bottom: 0px;position: fixed;right: 0;bottom: 0;display: none;z-index: 300;}
    #container .gototop .inner {text-align: right;line-height: 0;} */
    
    .modal-backdrop {background-color: #fff;}
    .modal-backdrop.show {opacity: .8;}
    .uq_modal .modal-lg{max-width: 960px;}
    .uq_modal .modal-header .close{color: #fd0019;text-shadow: none;opacity: 1;font-size: 4rem;font-weight: 100;padding: 0;margin: 0 0 0 auto;line-height: 1;}
    .uq_modal .modal-content{background: none;border: 0;border-radius: 0;}
    .uq_modal .modal-header{padding: 0;border-bottom: 0;}
    .uq_modal .modal-body{padding: 0;}

    #videoPlay .videoPlayFrame{position: relative;}
    #videoPlay .videoPlayFrame .videoPA{position: absolute; left:0; top: 0; width: 100%; height: 100%;}
    #videoPlay .videoPlayFrame iframe{width: 100%; height: 100%;}

    /* .gototop{cursor: pointer;} */

    /* sp1 */
    .sp1{position: fixed; bottom: 85px; right: 15px;}
    .sp1 a{display: block;cursor: pointer;}
    .sp1 a img{width: 149.5px; height: auto;}
    /* end sp1 */

    /*Desktops (>=992px) lg */
    @media (max-width: 1199px) {
    }
    /* Tablets (>=768px) md */ 
    @media (max-width: 959px) {
        h1{font-size: 57px;}
        h2{font-size: 24px;}
        h2 small{font-size: 19px;}
        h3{font-size: 30px;}

        /* #header{position: fixed; top: 0; left: 0; z-index:20; width: 100%;}
        .inner #header{min-height: 63px;background: #fff;} */

        .burger{display: block;right: 10px; top: 12px;}
        .navi{display: none;}

        .shareB-mobile{display: block;right: 0px; top: 63px;}

        /* #footer{width: 100%;padding-bottom: 0;margin: 0;} */
        .f_desktop{display: none;}
        .f_mobile{display: block;}

        /* .inner .content{padding-top: 63px;} */

        /* #footer ul{width: 100%; padding: 0; margin-bottom: 0;}
        #footer ul li{width: 100%; border-top: solid #e6e6e6 1px; padding:0 20px;}
        #footer ul li a{display: block; width: 100%; height: 50px; font-size: 0; position: relative;}
        #footer ul li a:after{content: '\f105';font-family: FontAwesome;font-weight: normal;font-size: 20px;color: #bfbfbf;text-decoration: none;position: absolute;right: 0;top: 50%;transform: translate(-50%,-50%);}
        #footer ul li a span{display: inline-block; font-size: 14px; line-height: 50px; color: #636262; vertical-align: middle; font-weight: 100;}
        #footer ul li a .logo_gu{display: inline-block; vertical-align: middle; width: 26px; height: 26px;}
        #footer p{color: #636262;font-size: 12px;font-weight: 100;padding-bottom: 12px;padding-top: 12px;text-align: center;text-transform: uppercase;border-top: solid #e6e6e6 1px; margin-bottom: 0;} */

        /* #container .gototop {background: 0 0;bottom: 15px;cursor: pointer;position: fixed;right: 0;visibility: visible;width: 40px;z-index: 10;height: auto;}
        #container .gototop .inner{width: 100%;} */

        /* #header .themes{display: block; text-align: left;padding: 0;background: #fff; padding-top: 63px; display: none;width: 100%;}
        #header.menuDisplayed .themes{display: block;}
        #header.menuDisplayed .burger .closer{display: block;}
        #header.menuDisplayed .burger .open{display: none;}
        #header.menuDisplayed{background: rgba(255, 255, 255, 0.8); height: 100%;}
        #header .themes a{display: block; width: 100%;text-align: left; padding: 8px 20px; font-size: 0;border-top: 1px solid #fff; color:#fff; background: #fd0919;position: relative;}
        #header .themes a span:first-child{display: inline-block;height: 50px;width: 50px;position: static;margin-bottom: 0;vertical-align: middle;}
        #header .themes a span:nth-child(2){display: inline-block;margin-left: 6px;font-size: 19px;vertical-align: middle;font-weight: normal;}
        #header .themes a img.m2{height: 16px;display: inline-block;vertical-align: middle;width: auto;position: absolute;transform: translate(0 , -50%);right: 20px;top: 50%;left: auto;}
        #header .themes a span img{width: 100%;position: static;transform: none;}
        
        #header .themes a.theme3{border-top: 1px solid rgba(255, 255, 255, 0.5);}
        #header .themes a.theme4{border-top: 1px solid rgba(255, 255, 255, 0.5);}
        #header .themes a.theme3 span:first-child, #header .themes a.theme4 span:first-child{margin-left: 20px;} */


        /* #header .themes a.coming_soon:after, .index #header .themes a:hover.coming_soon:after{position: static;content: "Coming Soon";display: inline-block;width: auto;padding: 2px 5px 2px;background: rgba(255, 255, 255, 0.8);color: #fd0919;line-height: 1;border-radius: 100px;transform: none;white-space: nowrap;font-size: 17px;margin-left: 3px;vertical-align: middle;font-weight: normal;}
        #header .themes a.coming_soon img.m2{display: none;} */

        .sp1{bottom: 65px; right: 0;}
        .sp1 a img{width: 120px; height: auto;}
    }
    /*Phones (<768px) sm */ 
    @media (max-width: 767px) {
        h1{font-size: 37px;}
        h2{font-size: 17px;}
        h2 small {font-size: 13px;}
        h3 {font-size: 25px;}
        h4 {font-size: 13px;}
        p big {font-size: 16px;}

        .banner{margin: 0 10px 30px;}

        ._desktop{display: none !important;}
        ._mobile{display: inline-block !important;}
        .sec_con {padding: 40px 0 0;}

        .burger{display: block;right: 0; top: 0;}
        .shareB-mobile{display: block;right: 40px; top: 0;}

        /* .inner #header{min-height: 40px; height: 40px;}
        .header_shadow{overflow:auto; -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);}
        .inner #header .logo{width: 40px; height: 40px;} */

        /* .inner .content{padding-top: 40px;} */

        /* #header .themes{padding-top: 40px;}
        #header .themes a span:first-child{height: 40px;width: 40px;}
        #header .themes a span:nth-child(2){font-size: 15px;width: auto;position: static;}
        #header .themes a.coming_soon:after, .index .themes a:hover.coming_soon:after{font-size: 13px;}
        #header .themes a{padding: 5px 7px;}
        #header .themes a img.m2{right: 10px;} */

        .sp1{bottom: 65px; right: 0;}
        .sp1 a img{width: 50px; height: auto;}
        

    }

/*index*/
    /* .index #header{position: absolute;width: 100%;top: 0;left: 0;z-index: 20;}
    .index #header .navi{text-align:center; font-size: 0;} */
    
    /* start_20200903加上小冊子PDF */
    .booklet{padding-top: 0;text-align: center;position: relative;}
    .booklet .logo{width: 139px;margin-bottom: 40px;}
    .booklet .slick_booklet_pc{display: block; margin-bottom:60px;}
    .booklet .slick_booklet_mobile{display: none;}
    .booklet .slick_booklet{}
    .booklet .slick-prev:before, .booklet .slick-next:before{color: #fd0019;}

    .booklet .download_pdf{display: flex; display: -webkit-box;display: -ms-flexbox;flex-flow: row nowrap; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;}
    .booklet .download_pdf a{width: calc(100% - 40px);background-color: #ff0000;display: flex;display: -webkit-box;display: -ms-flexbox;flex-flow: row nowrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;align-items: center;-webkit-box-align: center;-ms-flex-align: center;font-size: font-size: 16px;line-height: 2.1;color: #fff;border-radius: 8px;font-size: 22px;max-width: 162px;position: relative;}
    .booklet .download_pdf a>img{height: 16px;position: absolute;right: 14px;top: 15px;}
    .booklet .download_pdf a>span>img{height: 28px;position: absolute;top: 9px;left: 12px;}
    .booklet .download_pdf a:hover{background-color: #ff4e4e;}
    /* end_20200903加上小冊子PDF */

    /*start_20200408加上covid-19公告_sec_covid-19_announcement*/
    .sec_covid-19_ann{padding-top: 120px;}
    .sec_covid-19_ann .ann_wrapper{margin: 0 auto 0 auto;border-radius: 10px;position: relative;text-align: center;}
    .sec_covid-19_ann .ann_wrapper .logo{width: 139px; margin-bottom: 33px;}
    .sec_covid-19_ann h2{font-size: 50px;margin-bottom: 30px;}
    .sec_covid-19_ann .ann_con{border: 2px solid #ff0000;border-radius: 10px;padding: 50px;text-align: left;}
    .sec_covid-19_ann .ann_con .head{overflow: hidden;}
    .sec_covid-19_ann .ann_con .head h3{font-size: 30px;}
    .sec_covid-19_ann .ann_con .head .date{margin-bottom: 0;height: 30px;line-height: 30px;margin-right: 5px; font-size: 20px;}
    .sec_covid-19_ann .ann_con .ann_spliter{border-bottom: 1px solid #c9c9c9;margin-bottom: 30px;display: none;}
    .sec_covid-19_ann h3{font-size: 25px;margin-bottom: 20px;}
    .sec_covid-19_ann p{}
    /*end_20200408加上covid-19公告_sec_covid-19_announcement*/

    /* for covid19 */
    .index .result_covi19 .digi{font-size: 78px;line-height: 1.2;}
    .index .result_covi19 .unit{font-size: 29px;}
    .index .result_covi19{margin: 0 auto 30px auto; max-width: 820px;}
    .index .result_covi19_1{
        display: flex; 
        display: -webkit-box;
        display: -ms-flexbox;
        flex-flow: row nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        margin-bottom: 6px; border:2px solid #ff0000; border-radius: 8px 8px 0 0;}
    .index .result_covi19_1>div:first-child{width: 230px;background: #ff0000;text-align: center;color: #fff;padding: 0 10px;}
    .index .result_covi19_1>div:last-child{flex:1;-webkit-box-flex: 1;-ms-flex: 1;padding: 20px;display: flex;display: -webkit-box;display: -ms-flexbox;align-items: center;-webkit-box-align: center;-ms-flex-align: center;}
    .index .result_covi19_1>div:last-child span{}
    .index .result_covi19_2{
        display: flex; 
        display: -webkit-box;
        display: -ms-flexbox;
        flex-flow: row nowrap; 
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        border:2px solid #ff0000; border-radius: 0 0 8px 8px;}
    .index .result_covi19_2>div:first-child{width: 230px;background: #ff0000;text-align: center;color: #fff;padding: 0 10px;}
    .index .result_covi19_2>div:last-child{
        flex:1;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        padding: 20px;}
    .index .result_covi19_2>div:last-child span{}
    .index .covi19_pic{
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        flex-flow: row nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        margin-bottom: 30px;}
    .index .covi19_pic img{width: calc((100% - 6px) / 4); 
        flex:1; 
        -webkit-box-flex: 1;
        -ms-flex: 1;
        margin-left: 2px;}
    .index .covi19_pic img:first-child{margin-left: 0;}
    .result_covi19_more{display: flex; display: -webkit-box;display: -ms-flexbox;flex-flow: row nowrap; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;}
    .result_covi19_more a{width: calc(100% - 40px);background-color: #ff0000;display: flex;display: -webkit-box;display: -ms-flexbox;flex-flow: row nowrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;align-items: center;-webkit-box-align: center;-ms-flex-align: center;font-size: font-size: 16px;line-height: 2.5;color: #fff;border-radius: 8px;font-size: 22px;max-width: 500px;}
    .result_covi19_more a img{height: 16px;margin-left: 10px;}
    .result_covi19_more a:hover{background-color: #ff4e4e;}
    /* end for covid19 */

    .index .sec_cover{position: relative;}
    .index .sec_cover .main_title{/*top: 120px;*/top: 0px; left: 0; width: 100%; text-align: center;}
    .index .sec_cover .main_title .logo{width: 139px; height: 102px; margin-bottom: 33px;}
    .index .sec_cover .main_title .sub{letter-spacing: 4px;}
    .index .sec_cover .main_title .slogan{margin-bottom: -3px; letter-spacing: 2px;}
    .index .sec_cover .main_title .sub small{letter-spacing: 4px;}
    .index .sec_cover .main_title .scroll{width: 42px;left: 50%;top: 325px;transform: translate(-50%, 0);}
    .index .sec_cover .main_title .scroll .fc{display: block;}
    .index .sec_cover .main_title .scroll .lc{display: none;}
    .index .sec_cover .main_title .scroll:hover .fc{display: none;}
    .index .sec_cover .main_title .scroll:hover .lc{display: block;}
    .index .sec_cover .cover .sin{position: relative;}
    .index .sec_cover .cover .text{width: 100%; left: 0; bottom: 0; height: 58px; line-height: 58px; text-align: center; font-size: 17px; color: #fff; background-color: rgba(0, 0, 0, 0.45); }
    .index .sec_cover .slick-dots li.slick-active button:before{color: #fff;}
    .index .sec_cover .slick-dots li button:before{color: #fff;}
    .index .sec_cover .slick-prev:before, .index .slick-next:before{color:#fd0019;}

    .index .themes{text-align: center;font-size: 0;padding: 0 70px;}
    .index .themes a{display: inline-block;font-size: 16px;width: 25%;text-align: center;padding: 0;font-weight: bold; color: #fff; position: relative;}
    .index .themes a br{display: none;}
    .index .themes a span:first-child{display: block;height: 89px;position: relative;margin-bottom: 8px;}
    .index .themes a img{position: absolute;left: 50%;top: 50%;transform: scale(1) translate(-50%, -50%) ; width: 43%;}
    .index .themes a:hover img{transform: scale(1.1) translate(-50%, -50%);}

    .index .themes a.coming_soon{cursor: default;}
    .index .themes a:hover.coming_soon:after{content: "Coming Soon";position: absolute;bottom: 0;left: 50%;display: block;width: auto;padding: 2px 8px 3px;background: rgba(255, 255, 255, 0.8);color: #fd0919;line-height: 1;border-radius: 100px;transform: translate(-50%, 120%);white-space: nowrap;}

    .index_result_bg{margin-bottom: 103px;}
    .index .result1{left: 90px;top: 245px;}
    .index .result2{left: 521px;top: 245px;}
    .index .result3{left: 137px;top: 702px;}
    .index .result4{left: 476px;top: 702px;}
    .index .result1 p,.index .result2 p,.index .result3 p,.index .result4 p{font-size: 16px; line-height: 1;margin-bottom: 12px;}
    .index .result1 p:first-child{margin-bottom: 42px;}
    .index .result2 p:first-child{margin-bottom: 42px;}
    .index .result1 .digi{font-size: 78px; color: #1ba859; font-weight: bold;line-height: 0;}
    .index .result1 .unit{font-size: 29px; color: #1ba859; font-weight: bold;line-height: 0;}
    .index .result2 .digi{font-size: 78px; color: #ff9600; font-weight: bold;line-height: 0;}
    .index .result2 .unit{font-size: 29px; color: #ff9600; font-weight: bold;line-height: 0;}
    .index .result3 .digi{font-size: 78px; color: #fd0019; font-weight: bold;line-height: 0;}
    .index .result3 .unit{font-size: 29px; color: #fd0019; font-weight: bold;line-height: 0;}
    .index .result4 .digi{font-size: 47px; color: #53b4ed; font-weight: bold;line-height: 0;}
    .index .result4 .unit{font-size: 29px; color: #53b4ed; font-weight: bold;line-height: 0;}



    .index_sm_t{padding: 7px 27px; background-color: #fd0019; overflow: auto; color: #fff;margin-bottom: 30px;}
    .index_sm_t h3{ color: #fff; float: left; margin-bottom: 0; font-size: 0;}
    .index_sm_t h3 small{white-space: nowrap; font-size: 18px; line-height: 26px;}
    .index_sm_t a{display: block; float: right; line-height: 26px;color: #fff; font-size: 0;}
    .index_sm_t a span{display: inline-block; vertical-align: middle;font-size: 16px;}
    .index_sm_t a img{width: 26px; height: 26px; vertical-align: middle; margin-left: 5px;}
    .index_sm_t a img.fc{display: inline-block;}
    .index_sm_t a img.lc{display: none;}
    .index_sm_t a:hover img.fc{display: none;}
    .index_sm_t a:hover img.lc{display: inline-block;}
    .index_sm_c .col_2{margin-bottom: 40px;}
    .index_sm_c .col_2 .sin{overflow: auto;}
    .index_sm_c .col_2 .sin .pic{float: left; width: 452px; background-color: #fff;}
    .index_sm_c .col_2 .sin .pic:hover img{-webkit-filter: brightness(1.08);  -moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}
    .index_sm_c .col_2 .sin .text{float: left; width: 423px; margin-left: 58px;}
    .index_sm_c .col_2 .sin .text p{width: 100%; float: left;}
    .index_sm_c .col_2 .sin .text p:first-child{margin-bottom: 6px; line-height: 1.5;}
    .index_sm_c .col_2 .sin .text a{display: block; float: left; font-weight: 500;}
    .index_sm_c .col_2 .sin .text a:hover{color: #fd0019;}
    .index_sm_c .col_2 .sin .text a span{display: inline-block;vertical-align: middle;}
    .index_sm_c .col_2 .sin .text a img{width: 8px; height:13px;vertical-align: middle;}
    .index_sm_c .col_2 .sin .text a img.fc{display: inline-block;}
    .index_sm_c .col_2 .sin .text a img.lc{display: none;}
    .index_sm_c .col_2 .sin .text a:hover img.fc{display: none;}
    .index_sm_c .col_2 .sin .text a:hover img.lc{display: inline-block;}

    .index_sm_c .col_3{overflow: auto;}
    .index_sm_c .col_3 .sin{width: 303px; margin-left: 25px; float: left;overflow: auto;}
    .index_sm_c .col_3 .sin .pic{float: left;width: 100%; position: relative; margin-bottom: 15px; background-color: #fff;}
    .index_sm_c .col_3 .sin .pic .btn_play{left: 50%; top: 50%; transform: scale(1) translate(-50%, -50%); width: 37px;}
    .index_sm_c .col_3 .sin .text{float: left;width: 100%;}
    .index_sm_c .col_3 .sin:first-child{margin-left: 0;}
    .index_sm_c .col_3 .sin .text p:first-child{margin-bottom: 6px;line-height: 1.5;}
    .index_sm_c .col_3 .sin .text p:last-child{margin-bottom: 0;}
    .index_sm_c .col_3 .sin .pic:hover .btn_play{transform: scale(1.2) translate(-50%, -50%);}
    .index_sm_c .col_3 .sin .pic:hover .animates_set{-webkit-filter: brightness(1.08);  -moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}

    /*Desktops (>=992px) lg */
    @media (max-width: 1199px) {

    }
    /* Tablets (>=768px) md */ 
    @media (max-width: 959px) {
        /* .index #header{position: fixed;width: 100%;top: 0;left: 0;z-index: 20;} */
        .index .burger{right: 0;top: 0;width: 63px;height: 63px;padding: 16.5px;}


        /* start_20200903加上小冊子PDF */
        .booklet{padding: 40px 20px 0; max-width: 520px;margin: 0 auto;}
        .booklet .logo{width: 90px;margin-bottom: 30px;}
        .booklet .slick_booklet_pc{display: none;}
        .booklet .slick_booklet_mobile{display: block; margin-bottom:20px;}
        .booklet .slick_booklet{}
        .booklet .slick-prev:before, .booklet .slick-next:before{color: #fd0019;font-size: 40px;}
        .booklet .slick-prev{left: -25px;width: 30px;}
        .booklet .slick-next{right: -25px;width: 30px;}


        .booklet .download_pdf{display: flex; display: -webkit-box;display: -ms-flexbox;flex-flow: row nowrap; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;}
        .booklet .download_pdf a{width: calc(100% - 40px);background-color: #ff0000;display: flex;display: -webkit-box;display: -ms-flexbox;flex-flow: row nowrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;align-items: center;-webkit-box-align: center;-ms-flex-align: center;font-size: font-size: 16px;line-height: 2.1;color: #fff;border-radius: 8px;font-size: 22px;max-width: 162px;position: relative;}
        .booklet .download_pdf a>img{height: 16px;position: absolute;right: 14px;top: 15px;}
        .booklet .download_pdf a>span>img{height: 28px;position: absolute;top: 9px;left: 12px;}
        .booklet .download_pdf a:hover{background-color: #ff4e4e;}
        /* end_20200903加上小冊子PDF */


        /*start_20200408加上covid-19公告_sec_covid-19_announcement*/
        .sec_covid-19_ann{padding-top: 80px;}
        .sec_covid-19_ann .ann_wrapper{padding: 0 2%;}
        .sec_covid-19_ann h2{font-size: 45px;}
        .sec_covid-19_ann .ann_con{}
        .sec_covid-19_ann .ann_con .head{}
        .sec_covid-19_ann .ann_con .head h3{}
        .sec_covid-19_ann .ann_con .head .date{}
        .sec_covid-19_ann .ann_con .ann_spliter{}
        .sec_covid-19_ann h3{}
        .sec_covid-19_ann p{}
        /*end_20200408加上covid-19公告_sec_covid-19_announcement*/

        /* for covid19 */
        .index .result_covi19{padding:0 20px;}
        .index .result_covi19 .digi{font-size: 56px;}
        .index .result_covi19 .unit {font-size: 21px;}
        /* end for covid19 */



        .index .sec_cover .main_title .logo{margin-bottom: 23px;}
        .index .sec_cover .main_title{/*top: 56px;*/top: 0px;}
        .index .sec_cover .main_title .sub{margin-bottom: 3px;}
        .index .sec_cover .main_title .slogan{margin-bottom: 0px;}
        .index .sec_cover .main_title .scroll{top: 274px;}

        .index .themes a{font-size: 14px;}
        .index .themes a br{display: block;}
        .index .themes a img{width: 58%; max-width: 88px;}
        .index .themes a.coming_soon:after{content: "Coming Soon";position: absolute;bottom: 0;left: 50%;display: block;width: auto;padding: 2px 8px 3px;background: rgba(255, 255, 255, 0.8);color: #fd0919;line-height: 1;border-radius: 100px;transform: translate(-50%, 120%);white-space: nowrap;}

        .index_result_bg{margin-bottom: 14%;}
        .index .result1{left: 27.5%;top: 30.5%;transform: scale(1) translate(-50%, 0);}
        .index .result1 p, .index .result2 p, .index .result3 p, .index .result4 p{font-size: 15px; margin-bottom: 10px;white-space: nowrap;}
        .index .result1 p:first-child{margin-bottom: 26px;}
        .index .result1 .digi{font-size: 56px;}
        .index .result1 .unit{font-size: 21px;}
        .index .result2{left: 50%;top: 30.5%;transform: scale(1) translate(8%, 0);}
        .index .result2 .digi{font-size: 56px;}
        .index .result2 .unit{font-size: 21px;}
        .index .result3 {left: 25%;top: 87%;transform: scale(1) translate(-50%, 0);}
        .index .result3 .digi{font-size: 56px;}
        .index .result3 .unit{font-size: 21px;}
        .index .result4 {left: 50%;top: 87%;transform: scale(1) translate(3%, 0);}
        .index .result4 .digi{font-size: 32px;}
        .index .result4 .unit{font-size: 18px;}

        .index_sm_c .col_2 .sin .pic{width: 46%;margin-left: 2%;}
        .index_sm_c .col_2 .sin .text{width: 46%;margin-left: 4%; margin-right: 2%;}
        .index_sm_c .col_3 .sin{width: 30.7%;margin-left: 2%;}
        .index_sm_c .col_3 .sin:first-child {margin-left: 2%;}

    }
    /*Phones (<768px) sm */ 
    @media (max-width: 767px) {
        /* .index #header{position: fixed;} */
        .index .burger{right: 0;top: 0; width: 40px; height: 40px; padding: 5px;}

        .sec_con .title h3 {margin-bottom: 8px;line-height: 1.3;letter-spacing: 0.2px;}
        .sec_con .title h4 {margin-bottom: 20px;line-height: 1.65;letter-spacing: 0.3px;}

        /*start_20200408加上covid-19公告_sec_covid-19_announcement*/
        .sec_covid-19_ann{padding-top: 50px;margin-bottom: 0px;}
        .sec_covid-19_ann .ann_wrapper{padding: 0 20px;}
        .sec_covid-19_ann .ann_wrapper .logo{width: 89px; margin-bottom: 19px;}
        .sec_covid-19_ann h2{font-size: 23px;line-height: 1.5;margin-bottom: 10px;}
        .sec_covid-19_ann .ann_con{padding: 10px;}
        .sec_covid-19_ann .ann_con .head{}
        .sec_covid-19_ann .ann_con .head h3{float: initial;font-size: 23px;margin-bottom: 15px;}
        .sec_covid-19_ann .ann_con .head .date{float: initial;font-size: 16px;}
        .sec_covid-19_ann .ann_con .ann_spliter{margin-bottom: 15px;}
        .sec_covid-19_ann h3{}
        .sec_covid-19_ann p{margin-bottom: 8px;line-height: 1.5;}
        /*end_20200408加上covid-19公告_sec_covid-19_announcement*/

        /* for covid19 */
        .index .result_covi19 .digi{font-size: 42px;}
        .index .result_covi19 .unit {font-size: 20px;}
        .index .result_covi19_1>div:first-child{
            width: 128px;
            display:flex;
            display: -webkit-box;
            display: -ms-flexbox;
            flex-flow: row nowrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            justify-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
        }
        .index .result_covi19_2>div:first-child{
            width: 128px;
            display:flex;
            display: -webkit-box;
            display: -ms-flexbox;
            flex-flow: row nowrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            justify-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
        }
        .index .covi19_pic{
            display:block;
            font-size: 0;
        }
        .index .covi19_pic img{
            display: inline-block;
            font-size: 0;
            width: 50%;
            margin: 0;
        }
        .result_covi19_more a{
            width: calc(100% - 40px);
            background-color: #ff0000;
            display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            flex-flow: row nowrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            justify-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            line-height: 2.7;
            color: #fff;
            border-radius: 8px;
            font-size: 17px;
            max-width: 500px;
        }
        .result_covi19_more a img{
            height: 16px;
            margin-left: 5px;
        }
        .result_covi19_more a:hover{background-color: #ff4e4e;}
        /* end for covid19 */


        .index .sec_cover .main_title{/*top: 35px;*/top: 0px;}
        .index .sec_cover .main_title .logo{width: 89px; height: 65.67px; margin-bottom: 19px;}
        .index .sec_cover .main_title .sub{letter-spacing: 3px;}
        .index .sec_cover .main_title .sub small{letter-spacing: 2px;}
        .index .sec_cover .main_title .slogan {margin-bottom: -2px;}

        .index .sec_cover .main_title .scroll {top: 181px; width: 36px;}
        .index .sec_cover .cover .text{height: 44px;line-height: 44px;font-size: 16px;}
        
        .themeTable{padding-bottom: 0;}
        .sec_con .title h3 {padding: 0 20px;}
        .sec_con .title h4 {padding: 0 20px;}
        .index .themes{text-align: left;padding: 0;}
        .index .themes a{width: 100%;text-align: left;padding: 5px 7px;font-size: 0;border-top: 1px solid #fff;}
        .index .themes a span:first-child{display: inline-block;height: 40px;position: static;margin-bottom: 0;width: 40px;vertical-align: middle;}
        .index .themes a span:nth-child(2){display: inline-block;margin-left: 6px;font-size: 15px;width: auto;vertical-align: middle;font-weight: normal;line-height: 15px;}
        .index .themes a img.m2{height: 16px;display: inline-block;vertical-align: middle;width: auto;position: absolute;top: 50%;right:  10px;transform: translate(0 , -50%);left: auto;}
        .index .themes a span img{width: 100%;position: static;transform: none;}
        .index .themes a:hover img{transform: none;}

        .index .themes a.coming_soon span:nth-child(2){/* position: relative; *//* top: -8px; */}
        .index .themes a.coming_soon:after, .index .themes a:hover.coming_soon:after{content: "Coming Soon";display: inline-block;width: auto;padding: 2px 5px 2px;background: rgba(255, 255, 255, 0.8);color: #fd0919;line-height: 1;border-radius: 100px;transform: none;white-space: nowrap;font-size: 13px;margin-left: 3px;vertical-align: middle;position: static;line-height: 15px;}

        .index .themes a.coming_soon img.m2{display: none !important;}

        .index_result_bg{margin: 0 20px;width: calc(100% - 40px);}
        .index .result1 {transform: none;position: static;margin: 0 20px;padding: 26px 0 26px 8%;background: url(../img/_mobile/index/result_02.png) no-repeat 0 0;background-size: 100% 100%;}
        .index .result1 .digi {font-size: 42px;}
        .index .result1 .unit {font-size: 20px;}
        .index .result1 p:nth-child(3){line-height: 1.5;}
        .index .result2 {transform: none;position: static;margin: 0 20px;padding: 26px 0 26px 8%;background: url(../img/_mobile/index/result_04.png) no-repeat 0 0;background-size: 100% 100%;}
        .index .result2 .digi {font-size: 42px;}
        .index .result2 .unit {font-size: 20px;}
        .index .result2 p:first-child{margin-bottom: 26px;}
        .index .result3 {transform: none;position: static;margin: 0 20px;padding: 26px 0 26px 8%;background: url(../img/_mobile/index/result_06.png) no-repeat 0 0;background-size: 100% 100%;}
        .index .result3 .digi {font-size: 42px;}
        .index .result3 .unit {font-size: 20px;}
        .index .result4 {transform: none;position: static;margin: 0 20px;padding: 26px 0 0 8%;}
        .index .result4 p .years{display: inline-block;padding-top: 24px;}
        .index .result4 .digi {font-size: 33px;}
        .index .result4 .unit {font-size: 20px;}
        .index .result4 p:last-child{line-height: 1.5; margin-bottom: 0;}

        .index_sm_t h3 small{font-size: 18px;line-height: 26px;}
        .index_sm_t{padding: 5px 20px;}
        .index_sm_t a{line-height: 26px;}
        .index_sm_c .col_2 .sin .pic{width: calc(100% - 40px);margin-left: 20px;margin-bottom: 10px;}
        .index_sm_c .col_2 .sin .text {width: calc(100% - 40px);margin-left: 20px;margin-right: 0;}
        .index_sm_c .col_3 .sin {width: calc(100% - 40px);margin-left: 20px;margin-bottom: 20px;}
        .index_sm_c .col_3 .sin:first-child {margin-left: 20px;}
        .index_sm_c .col_3 .sin:last-child {margin-bottom: 0;}
    }

/*recycle*/
    .recycle .sec_cover{position: relative;}
    .recycle .sec_cover .cover{position: relative; margin-bottom: 38px;}
    .recycle .sec_cover .main_title{position: relative;}
    .recycle .sec_cover .main_title h1{left: -9999px; top: -9999px;}

    .recycle .intro_text_01{left: 14%; top: 9%; overflow: visible;}
    .recycle .intro_text_02{left: 50%; top: 27%; width: 50%;}
    .recycle .intro_pic_01{left: 13.5%;top: 24%;max-width: 246px;max-height: 246px;width: 25.6%;}
    .recycle .intro_pic_02{left: 36%;top: 52%;max-width: 287px;max-height: 287px;width: 29.9%;}
    .recycle .intro_btn_01{left: 0; top: 0;}
    .recycle .intro_btn_02{left: 0; top: 0;}
    .recycle .intro_text_01 h3{float: left; font-size: 43px; color: #1ba859; font-weight: bold; letter-spacing: 2px;}
    .recycle .intro_text_01 p{float: left; margin-left: 20px;}
    .recycle .intro_text_02 h3{font-size: 43px; color: #1ba859; font-weight: bold; letter-spacing: 2px;}
    .recycle .intro_text_02 p br{}
    .recycle .intro_btn_01{display: block; left: 51%; top: 85%; width: 176px; height: 46px; background-position: 0 0; background-repeat: no-repeat;}
    .recycle .intro_btn_02{display: block; left: 49%; top: 91%; width: 235px; height: 46px; background-position: 0 0; background-repeat: no-repeat;transform: translate(-100%,0);}
    .recycle .intro_btn_01 span, .recycle .intro_btn_02 span{position: absolute;left: -99999px;top: -99999px;}
    .recycle .intro_btn_01:hover{background-position: 0 -46px;}
    .recycle .intro_btn_02:hover{background-position: 0 -46px;}
    
    .recycle .result{padding: 0 24px;overflow: auto;}
    .recycle .result1,.recycle .result2,.recycle .result3,.recycle .result4,.recycle .result5{display: block; float: left;}
    .recycle .result1 p,.recycle .result2 p,.recycle .result3 p,.recycle .result4 p,.recycle .result5 p{font-size: 16px; line-height: 1;margin-bottom: 36px;}
    .recycle .result .digi{font-size: 80px; font-weight: bold;line-height: 0;}
    .recycle .result .unit{font-size: 25px; font-weight: bold;line-height: 0;}
    .recycle .result1{width: 16%;}
    .recycle .result2{width: 27%;}
    .recycle .result3{width: 25%;}
    .recycle .result4{width: 22%;}
    .recycle .result5{width: 26%;}
    
    .recycle_process_bg{margin-bottom: 14%;}
    .recycle .process1,.recycle .process2,.recycle .process3,.recycle .process4{width: 320px;}
    .recycle .process1{left: 92px;top: 142px;}
    .recycle .process2{left: 550px;top: 142px;}
    .recycle .process3{left: 92px;top: 440px;}
    .recycle .process4{left: 550px;top: 440px;}

    .recycle .feedbck{display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
    .recycle .feedbck .action{display: block; width: 244px; height: 46px; 
        background: url(../img/_desktop/recycle/receiver_feedback_btn.png) top center;}
        .recycle .feedbck .action:hover{
            background-position: bottom center;
        }

    .popup_feedbck{
        display: none;
        position: fixed;
        z-index: 310;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: rgba(255, 255, 255, 1);
    }
    .popup_feedbck .section {
        position: relative;
        max-width: 960px;
        width: 100%;
        margin: 0px auto;
        min-height: 100%;
        padding: 78px 130px;
    }
    .popup_feedbck .section ._title{
        text-align: center;
        margin-bottom: 30px;
    }
    .popup_feedbck .section ._title h3 {
        margin-bottom: 15px;
        line-height: 1.3;
        letter-spacing: 0.5px;
    }
    .popup_feedbck .section ._title h4 {
        margin-bottom: 0;
        line-height: 1.65;
        letter-spacing: 0.5px;
    }
    .popup_feedbck .section ._body{}
    .popup_feedbck .section ._body .sec{
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }
    .popup_feedbck .section ._body .sec .pic{
        width: 48%;
    }
    .popup_feedbck .section ._body .sec ._tex{
        width: 48%;
        margin-left: 4%;
        font-size: 14px;
    }
    .popup_feedbck .section ._body .sec ._tex{
        margin-bottom: 15px;
    }
    .popup_feedbck .section ._body .sec ._tex span{
        color: #1ba859;
        font-size: 16px;
        font-weight: 600;
        padding-top: 12px;
        display: block;
    }
    .popup_feedbck .section .feedbck_close_btn{
        position: absolute;
        cursor: pointer;
        top: 10px;
        right: 10px;
        width: 46px;
        height: 46px;
        background: url(../img/_desktop/recycle/btn_close.png) no-repeat;
    }
    .popup_feedbck .section .feedbck_close_btn:hover {
        background: url(../img/_desktop/recycle/btn_close_hover.png) no-repeat;
    }

    .popup_feedbck .section ._body .sec:nth-child(even){
        flex-flow: row-reverse nowrap;
    }
    .popup_feedbck .section ._body .sec:nth-child(even) ._tex{
        margin-left: 0;
        margin-right: 4%;
    }
    @media (max-width: 959px) {
        .popup_feedbck .section {
            padding: 78px 60px;
        }
    }
    @media (max-width: 767px) {
        .popup_feedbck .section ._body .sec{
            flex-flow: column nowrap;
        }
        .popup_feedbck .section ._body .sec:nth-child(even){
            flex-flow: column nowrap;
        }
        .popup_feedbck .section ._body .sec ._tex{
            margin-left: 0;
            margin-right: 0;
        }
        .popup_feedbck .section ._body .sec:nth-child(even) ._tex{
            margin-left: 0;
            margin-right: 0;
        }
        .popup_feedbck .section {
            padding: 60px 20px;
        }
        .popup_feedbck .section ._body .sec .pic{
            max-width: 320px;
            width: 100%;
            margin-bottom: 10px;
        }
        .popup_feedbck .section ._body .sec ._tex{
            max-width: 320px;
            width: 100%;
            margin-bottom: 0;
        }
        .popup_feedbck .section ._body .sec ._tex p{
            margin-bottom: 0;
        }
        .popup_feedbck .section ._body .sec ._tex span{
            padding-top: 8px;
        }

        .recycle .feedbck .action{
            background: none;
            width: 100%;
            height: auto;
        }

        .popup_feedbck .section .feedbck_close_btn{
            width: 40px;
            height: 40px;
            background: url(../img/_mobile/recycle/btn_close.png) no-repeat;
            background-size: 100%;
        }
        .popup_feedbck .section .feedbck_close_btn:hover {
            background: url(../img/_mobile/recycle/btn_close_hover.png) no-repeat;
            background-size: 100%;
        }
        
    }





    .recycle .videoframe{width: 100%;max-width: 500px;max-height: 281px; margin: 0 auto; position: relative; margin-bottom: 35px;}
    .recycle .videoPlay{display: block; overflow: hidden; border-radius: 25px;}
    .recycle .videoPlay .btn_play{left: 50%; top: 50%; transform: scale(1) translate(-50%, -50%); width: 78px;}
    .recycle .videoPlay:hover .btn_play{transform: scale(1.2) translate(-50%, -50%);}
    .recycle .videoPlay:hover .animates_set{-webkit-filter: brightness(1.08);  -moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}
    .recycle .action_warm_icon{left: -79px; top: -14px;}
    .recycle .actionframe .sin{position: relative;border-radius: 25px; overflow: hidden; display: block;}
    .recycle .actionframe .sin:hover .animates_set{-webkit-filter: brightness(1.08);  -moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}
    .recycle .actionframe .sin .text{width: 100%; left: 0; bottom: 0; height: 58px; line-height: 58px; text-align: center; font-size: 17px; color: #fff; background-color: rgba(27, 168, 89, 0.8); }
    .recycle .actionframe .slick-dots li.slick-active button:before{color: #1ba859;}
    .recycle .actionframe .slick-dots li button:before{color: #1ba859;}
    .recycle .actionframe .slick-prev:before, .recycle .actionframe .slick-next:before{color:#1ba859;}
    .recycle .actionframe .slick-dotted.slick-slider{margin-bottom: 45px;}
    
    .recycle .qa_con{padding: 0 67px; overflow: auto; font-size: 0;}
    .recycle .qa_sin{ display: inline-block; width: 45%;;margin-bottom: 36px; vertical-align: top;}
    .recycle .qa_sin:nth-child(2n+0){margin-left: 10%;}
    .recycle .qa_sin:nth-last-child(1){margin-bottom: 0;}
    .recycle .qa_sin:nth-last-child(2){margin-bottom: 0;}
    .recycle .qa_sin p, .recycle .qa_sin h4{min-height: 38px; padding: 10px 0 15px 50px; background-repeat: no-repeat; background-size: 38px 38px; background-position: 0 0; text-align: justify;}
    .recycle .qa_sin p{padding-bottom: 0; margin-bottom: 0;}

    /*Desktops (>=992px) lg */
    @media (max-width: 1199px) {
    }
    /* Tablets (>=768px) md */ 
    @media (max-width: 959px) {
        .recycle .intro_text_02{left: 50%; top: 27%;width: 39%; text-align: justify;}
        .recycle .intro_text_02 p{margin-bottom: 0;}
        .recycle .intro_text_02 p br{display: none;}
        .recycle .intro_pic_02{left: 41%;top: 56%;width: 26%;}
        .recycle .intro_text_01 h3, .recycle .intro_text_02 h3{font-size: 36px;}
        .recycle .intro_text_02 p, .recycle .intro_text_01 p{margin-bottom: 0; line-height: 1.5;}
        .recycle .intro_text_01 p{margin-left: 15px;}

        .recycle .result1 {width: 33%;margin-left: 7%;}
        .recycle .result2 {width: 30%;}
        .recycle .result3 {width: 25%;}
        .recycle .result4 {width: 17%;margin-left: 22%;}
        .recycle .result5 {width: 45%;margin-left: 5%;}

        .recycle .process1, .recycle .process2, .recycle .process3, .recycle .process4{width: 39%;}
        .recycle .process1 {left: 8.5%;top: 26%;}
        .recycle .process2 {right: 8.6%;top: 26%; left: auto;}
        .recycle .process3 {left: 8.5%;top: 78%;}
        .recycle .process4 {right: 8.6%;top: 78%; left: auto;}
    }
    /*Phones (<768px) sm */ 
    @media (max-width: 767px) {
        .recycle .sec_cover .cover{margin-bottom: 0;}

        .recycle .intro_text_01 {position: static;margin-left: 20px;width: calc(100% - 40px);}
        .recycle .intro_text_01 h3, .recycle .intro_text_02 h3 {font-size: 23px;text-align: center;float: none;}
        .recycle .intro_text_02 p, .recycle .intro_text_01 p{line-height: 1.8; margin-bottom: 1rem; text-align: justify;}
        .recycle .intro_text_02 p:last-child, .recycle .intro_text_01 p:last-child{margin-bottom: 0;}
        .recycle .intro_text_02 {position: static;margin-left: 20px;width: calc(100% - 40px);}
        .recycle .intro_btn_01{background: none !important; position: static; width: 100%; height: auto;}
        .recycle .intro_btn_02{background: none !important; position: static; width: 100%;transform: none; height: auto;}
        .recycle .intro_text_02 .layer, .recycle .intro_text_01 .layer{position: static !important;}

        .recycle .resultTable {padding: 50px 0 55px;}
        .recycle .result{padding: 0 10px;}
        .recycle .result1,.recycle .result2,.recycle .result3,.recycle .result4,.recycle .result5,.recycle .result5{width: 100%;margin-left: 0;font-size: 0;}
        .recycle .result1 p, .recycle .result2 p, .recycle .result3 p, .recycle .result4 p, .recycle .result5 p {font-size: 16px;line-height: inherit;margin-bottom: 10px;display: inline-block;width: 49.5%;}
        .recycle .result1 p:first-child, .recycle .result2 p:first-child, .recycle .result3 p:first-child, .recycle .result4 p:first-child, .recycle .result5 p:first-child {text-align: right;width: 45.5%;}
        .recycle .result1 p:last-child, .recycle .result2 p:last-child, .recycle .result3 p:last-child, .recycle .result4 p:last-child, .recycle .result5 p:last-child {margin-left: 5%;}
        .recycle .result .digi, .recycle .result .unit{line-height: 1;}
        .recycle .result .digi{font-size: 45px;} 
        .recycle .result .unit{font-size: 23px;}

        .recycle .process1, .recycle .process2, .recycle .process3, .recycle .process4{position: static; width: 100%;padding: 10px 15% 20px;}
        .recycle .process1 p, .recycle .process2 p, .recycle .process3 p, .recycle .process4 p{margin-bottom: 0;}
        .recycle .process1, .recycle .process3{background: url(../img/_mobile/recycle/process_line_right.jpg) repeat-y 0 0; background-size:100%;}
        .recycle .process2{background: url(../img/_mobile/recycle/process_line_left.jpg) repeat-y 0 0; background-size:100%;}
        .recycle .process4{padding-bottom: 0;}

        .recycle .videoframe{margin-bottom: 25px;}
        .recycle .videoPlay{border-radius: 15px;}
        .recycle .videoPlay .btn_play{width: 50px;}
        .recycle .actionframe .sin{border-radius: 15px;}
        .recycle .actionframe .sin .text{height: 30px;line-height: 30px;font-size: 13px;}

        .recycle .qa_con{padding: 0 20px;}
        .recycle .qa_sin {width: 100%;}
        .recycle .qa_sin:nth-child(2n+0) {margin-left: 0;}
        .recycle .qa_sin:nth-last-child(2) {margin-bottom: 49px;}
        .recycle .qa_sin p, .recycle .qa_sin h4{margin-bottom: 0;}
        

    }

/*rw_experience*/
    .rw_experience .sec_cover{position: relative;}
    .rw_experience .sec_cover .cover{position: relative; margin-bottom: 29px;}
    .rw_experience .sec_cover .main_title{ padding: 20px; left: 50%; top: calc(100% - 346px); background: rgba(255, 255, 255, 0.8); transform: translate(-50%, 0%); margin-bottom: 0; font-size: 41px;line-height: 1; text-align: center; white-space: nowrap;}
    .rw_experience .sec_cover .main_title small{font-size: 26px;letter-spacing: 6.2px;}
    .rw_experience .sec_cover h2{font-size: 26px; text-align: center; font-weight: 100; margin-bottom: 14px;}
    .rw_experience .sec_cover p{font-size: 17px;letter-spacing: 3.5px; text-align: center; font-weight: 100; letter-spacing: 1.5px; margin-bottom: 0;}

    .rw_experience .title img{width: 173px; height: 87px; margin-bottom: 15px;}
    .rw_experience .learn1{left: 31.5%;transform: translate(-50%, -50%);top: 43%;}
    .rw_experience .learn2{left: 68%;transform: translate(-50%, -50%);top: 43%;}
    .rw_experience .learn3{left: 31.5%;transform: translate(-50%, -50%);top: 96%;}
    .rw_experience .learn4{left: 68%;transform: translate(-50%, -50%);top: 96%;}
    .rw_experience .learn1 p,.rw_experience .learn2 p,.rw_experience .learn3 p,.rw_experience .learn4 p{}

    .rw_experience .result{padding: 0 67px; overflow: auto;}
    .rw_experience .result1,.rw_experience .result2,.rw_experience .result3,.rw_experience .result4{display: block; float: left;}
    .rw_experience .result1 p,.rw_experience .result2 p,.rw_experience .result3 p,.rw_experience .result4 p{font-size: 16px; line-height: 1;margin-bottom: 36px;}
    .rw_experience .result .digi{font-size: 82px; font-weight: bold;line-height: 0;}
    .rw_experience .result .unit{font-size: 25px; font-weight: bold;line-height: 0;}
    .rw_experience .result1{width: 22%;}
    .rw_experience .result2{width: 29%;}
    .rw_experience .result3{width: 30%;}
    .rw_experience .result4{width: 19%;}

    .rw_experience .appFrame{padding: 0 67px;}
    .rw_experience .appFrame .appss{border:3px solid #fd0019; overflow: hidden; background: #fd0019; font-size: 0;}
    .rw_experience .appFrame .appTop{-moz-border-radius: 25px 25px 0px 0px;-webkit-border-radius: 25px 25px 0px 0px;border-radius: 25px 25px 0px 0px;margin-bottom: 20px;}
    .rw_experience .appFrame .appMid{margin-bottom: 20px;}
    .rw_experience .appFrame .appBottom{-moz-border-radius: 0px 0px 25px 25px;-webkit-border-radius: 0px 0px 25px 25px;border-radius: 0px 0px 25px 25px;}
    .rw_experience .appFrame .appTec1{display: inline-block;width: 25%;text-align: center;color: #fff;vertical-align: middle;}
    .rw_experience .appFrame .appTec1 span{font-size: 27px;font-weight: bold;line-height: 1;}
    .rw_experience .appFrame .appTec2{display: inline-block;width: 75%; min-height: 111px; padding: 15px 30px 15px 50px; background: #fff;vertical-align: middle;}
    .rw_experience .appFrame .appTec2 ul{margin-bottom: 0;padding: 0;}
    .rw_experience .appFrame .appTec2 ul li{font-size: 18px;font-weight: bold; color: #fd0919;}
    .rw_experience .appFrame .appTec2 p{color: #656565; margin-bottom: 0;}

    .rw_experience .storeFrame{padding: 0 67px; font-size: 0;}
    .rw_experience .storeFrame .sin{border: 3px solid #001786;overflow: hidden;background: #001786;border-radius: 25px 25px;margin-bottom: 20px;width: 32%;display: inline-block;margin-right: 2%; vertical-align: top;}
    .rw_experience .storeFrame .sin:nth-child(3n+0){margin-right: 0;}
    .rw_experience .storeFrame .sin:nth-last-child(1),
    .rw_experience .storeFrame .sin:nth-last-child(2),
    .rw_experience .storeFrame .sin:nth-last-child(3){margin-bottom: 0;}
    .rw_experience .storeFrame .sinTec1{display: inline-block;width: 100%;text-align: center;color: #fff;vertical-align: middle;min-height: 64px;padding: 10px 0 18px;}
    .rw_experience .storeFrame .sinTec1 span{font-size: 24px;font-weight: bold;}
    .rw_experience .storeFrame .sinTec1.singleLine span{line-height: 50px;}
    .rw_experience .storeFrame .sinTec1 span.size{font-size: 14px;font-weight: normal;line-height: 1;}
    .rw_experience .storeFrame .sinTec2{width: 100%; padding: 15px ; background: #fff; font-size: 15px; font-weight: bold; letter-spacing: 1px;}
    .rw_experience .storeFrame .sinTec2 .front{width: 52px;}
    
    .rw_experience .testimonialFrame{padding: 0 67px; font-size: 0;}
    .rw_experience .testimonial_sin{width: 100%; margin-bottom: 35px;}
    .rw_experience .testimonial_sin:last-child{margin-bottom: 0;}
    .rw_experience .testimonial_sin .figure{width: 122px;display: inline-block; vertical-align: top; text-align: center; position: relative;top: -17px;}
    .rw_experience .testimonial_sin .figure h4{margin-bottom: 0;}
    .rw_experience .testimonial_sin .figure img{margin-bottom: 10px;}
    .rw_experience .testimonial_sin .chat_bubble{width: calc(100% - 162px);display: inline-block; vertical-align: top; border:3px solid #53b4ed; border-radius: 25px; padding: 30px; margin-left: 40px; position: relative; text-align: justify;}
    .rw_experience .testimonial_sin .chat_bubble p:last-child{margin-bottom: 0;}
    .rw_experience .testimonial_sin .chat_bubble p span{color: #ff9600; font-weight: bold;}
    .rw_experience .testimonial_sin .chat_bubble:before{ content: "";position: absolute;top: 40%;top: 32px;left: -22px;border-style: solid;border-width: 11px 22px 11px 0;border-color: transparent #53b4ee;display: block;width: 0;}
    .rw_experience .testimonial_sin .chat_bubble:after{content: "";position: absolute;top: 40%;top: 32px;left: -15px;border-style: solid;border-width: 11px 22px 11px 0;border-color: transparent #ffffff;display: block;width: 0;}



    .rw_experience .videoframe{width: 100%;max-width: 500px;max-height: 281px;margin: 0 auto; position: relative; margin-bottom: 35px;}
    .rw_experience .videoPlay{display: block; overflow: hidden; border-radius: 25px;}
    .rw_experience .videoPlay .btn_play{left: 50%; top: 50%; transform: scale(1) translate(-50%, -50%); width: 78px;}
    .rw_experience .videoPlay:hover .btn_play{transform: scale(1.2) translate(-50%, -50%);}
    .rw_experience .videoPlay:hover .animates_set{-webkit-filter: brightness(1.08);  -moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}
    .rw_experience .action_warm_icon{left: -79px; top: -14px;}
    .rw_experience .actionframe .sin{position: relative;border-radius: 25px; overflow: hidden; display: block;}
    .rw_experience .actionframe .sin:hover .animates_set{-webkit-filter: brightness(1.08);  -moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}
    .rw_experience .actionframe .sin .text{width: 100%; left: 0; bottom: 0; height: 58px; line-height: 58px; text-align: center; font-size: 17px; color: #fff; background-color: rgba(255, 150, 0, 0.8); }
    .rw_experience .actionframe .slick-dots li.slick-active button:before{color: #ff9600;}
    .rw_experience .actionframe .slick-dots li button:before{color: #ff9600;}
    .rw_experience .actionframe .slick-prev:before, .rw_experience .actionframe .slick-next:before{color:#ff9600;}
    .rw_experience .actionframe .slick-dotted.slick-slider{margin-bottom: 45px;}

    .rw_experience .event_highlights{padding-bottom: 45px; position: relative;}
    .rw_experience .event_highlights .highlight{outline: none;}
    .rw_experience .event_highlights .highlight .highinner{padding: 25px;transition: all 0.3s ease; opacity: 0.5; position: relative;}
    .rw_experience .event_highlights .highlight.slick-center .highinner{padding: 0px; opacity: 1;}
    .rw_experience .event_highlights .highlight img{width: 100%;}
    .rw_experience .event_highlights .highlight img.h_txt{position: absolute; bottom: 20px; left: 20px;transition: all 0.3s ease;opacity: 0; width: 438px;}
    .rw_experience .event_highlights .highlight.slick-center img.h_txt{opacity: 1;}

    .rw_experience .slick-dots{display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center; position: inherit; bottom: -7px;}
    .rw_experience .slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 10px 4px;padding: 0;cursor: pointer;}
    .rw_experience .slick-dots li button:before {font-family: 'slick';font-size: 15px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: #9c9c9c;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
    .rw_experience .slick-dots li.slick-active button:before {opacity: .75;color: #ff9600;}

    .slick-next:before {color: #ff9600;}
    .slick-prev:before {color: #ff9600;}

    /*Desktops (>=992px) lg */
    @media (max-width: 1199px) {
    }
    /* Tablets (>=768px) md */ 
    @media (max-width: 959px) {
        .rw_experience .result p big{font-size: 16px;}
        .rw_experience .result1{width: 19%;}
        .rw_experience .result2{width: 29%;}
        .rw_experience .result3{width: 32%;}
        .rw_experience .result4{width: 20%;}
        .rw_experience .result .digi{font-size: 67px;}
        .rw_experience .result .unit {font-size: 23px;}
        .rw_experience .storeFrame .sinTec2{font-size: 13px; min-height: 110px;}

        .rw_experience .event_highlights{padding-bottom: 45px; position: relative;}
        .rw_experience .event_highlights .highlight{outline: none;}
        .rw_experience .event_highlights .highlight .highinner{padding: 25px;transition: all 0.3s ease; opacity: 0.5; position: relative;}
        .rw_experience .event_highlights .highlight.slick-center .highinner{padding: 0px; opacity: 1;}
        .rw_experience .event_highlights .highlight img{width: 100%;}
        .rw_experience .event_highlights .highlight img.h_txt{position: absolute; bottom: 20px; left: 20px;transition: all 0.3s ease;opacity: 0; width: 438px;}
        .rw_experience .event_highlights .highlight.slick-center img.h_txt{opacity: 1;}
        .rw_experience .event_highlights .slick-next{right: 3px;}
        .rw_experience .event_highlights .slick-prev {left: 6px;}
    }
    /*Phones (<768px) sm */ 
    @media (max-width: 767px) {
        .rw_experience .sec_cover .main_title{font-size: 26px;top: calc(100% - 322px);padding: 12px;}
        .rw_experience .sec_cover .main_title small{font-size: 16.5px;letter-spacing: 4px;}
        .rw_experience .sec_cover h2 {font-size: 20px;}
        .rw_experience .sec_cover p {font-size: 15px;}

        .rw_experience .title img{width: 96px; height: auto;}
        .rw_experience .learn_pic{width: calc(100% - 20px); margin-left: 10px;}

        .rw_experience .learn1 p big,
        .rw_experience .learn2 p big,
        .rw_experience .learn3 p big,
        .rw_experience .learn4 p big{font-size:13px;letter-spacing: 0;}

        .rw_experience .learn1,.rw_experience .learn2,.rw_experience .learn3,.rw_experience .learn4{white-space: nowrap;}
        .rw_experience .learn1{left: 25%;top: 43%;}
        .rw_experience .learn2{left: 74.5%;top: 43%;}
        .rw_experience .learn3{left: 25.5%;top: 96%;}
        .rw_experience .learn4{left: 74.5%;top: 96%;}

        .rw_experience .resultTable {padding: 50px 0 55px;}
        .rw_experience .result{padding: 0 20px;}
        .rw_experience .result1,.rw_experience .result2,.rw_experience .result3,.rw_experience .result4{width: 100%;margin-left: 0;font-size: 0;}
        .rw_experience .result1 p, .rw_experience .result2 p, .rw_experience .result3 p, .rw_experience .result4 p{font-size: 16px;line-height: inherit;margin-bottom: 10px;display: inline-block;width: 49.5%;}
        .rw_experience .result1 p:first-child, .rw_experience .result2 p:first-child, .rw_experience .result3 p:first-child, .rw_experience .result4 p:first-child{text-align: right;width: 45.5%;}
        .rw_experience .result1 p:last-child, .rw_experience .result2 p:last-child, .rw_experience .result3 p:last-child, .rw_experience .result4 p:last-child{margin-left: 5%;}
        .rw_experience .result .digi, .rw_experience .result .unit{line-height: 1;}
        .rw_experience .result .digi{font-size: 45px;} 
        .rw_experience .result .unit{font-size: 23px;}
        
        .rw_experience .appFrame {padding: 0 20px;}
        .rw_experience .appFrame .appTec1,.rw_experience .appFrame .appTec2{width: 100%;}
        .rw_experience .appFrame .appTop {margin-bottom: 10px;
        -moz-border-radius: 15px 15px 0px 0px;
        -webkit-border-radius: 15px 15px 0px 0px;
        border-radius: 15px 15px 0px 0px;}
        .rw_experience .appFrame .appMid {margin-bottom: 10px;}
        .rw_experience .appFrame .appBottom {
        -moz-border-radius:0px 0px 15px 15px ;
        -webkit-border-radius:0px 0px 15px 15px ;
        border-radius:0px 0px 15px 15px ;}
        .rw_experience .appFrame .appTec2{padding: 15px 15px 15px 35px;}
        .rw_experience .appFrame .appTec1 span{font-size: 21px;line-height: 2;}
        .rw_experience .appFrame .appTec2 ul li{font-size: 15px;}
        
        .rw_experience .storeFrame {padding: 0 20px;}
        .rw_experience .storeFrame .sin{width: 100%; border-radius: 15px;}
        .rw_experience .storeFrame .sinTec1{min-height: 55px;padding: 6px 0 0px;}
        .rw_experience .storeFrame .sinTec1 span{font-size: 16px;}
        .rw_experience .storeFrame .sinTec1 span.size{font-size: 13px;}
        .rw_experience .storeFrame .sinTec2{min-height: auto;}
        .rw_experience .storeFrame .sinTec1.singleLine span {line-height: 43px;}
        .rw_experience .storeFrame .sin:nth-last-child(2), .rw_experience .storeFrame .sin:nth-last-child(3){margin-bottom: 10px;}

        .rw_experience .testimonialFrame{padding: 0 20px;}
        .rw_experience .testimonial_sin .figure{width: 100%;position: static;margin-bottom: 20px;}
        .rw_experience .testimonial_sin .figure img{width: 80px;}
        .rw_experience .testimonial_sin .chat_bubble{width: 100%; margin-left: 0; padding: 25px 20px;}
        .rw_experience .testimonial_sin .chat_bubble:before {content: "";position: absolute;top: -22px;left: 50%;border-style: solid;border-width: 0 20px 22px 20px;border-color: #53b4ee transparent;display: block;width: 0;margin-left: -20px;}
        .rw_experience .testimonial_sin .chat_bubble:after {content: "";position: absolute;top: -17px;left: 50%;border-style: solid;border-width: 0 20px 22px 20px;border-color: #fff transparent;display: block;width: 0;margin-left: -20px;}

        .rw_experience .videoframe{margin-bottom: 25px;}
        .rw_experience .videoPlay{border-radius: 15px;}
        .rw_experience .videoPlay .btn_play{width: 50px;}
        .rw_experience .actionframe .sin{border-radius: 15px;}
        .rw_experience .actionframe .sin .text{height: 30px;line-height: 30px;font-size: 13px;}
    }












footer.footer .pagetop{
display: none;
}

#page_top {
position: fixed;
width: 1072px;
margin-left: 50%;
height: 0;
bottom: 0;
left: -530px;
}

#page_top a {
opacity: 0;
transition: 0.5s;
display: block;
width: 30px;
height: 30px;
}

#page_top img {
background: #fff;
width: 100%;
height: 100%;
}


#page_top .page_top_inner {
position: absolute;
bottom: 30px;
right: 0px;
display: flex;
}

#page_top.fixd {
width: 100%;
margin: 0;
left: 0;
position: relative;
}

#page_top.fixd .page_top_inner {
bottom: -60px;
}

#page_top .re_uniqlo_top{
display: block;
width: 109px;
height: 30px;
margin-right: 30px;
background: #fff;
border: solid 2px #379e49;
overflow: hidden;
}

#page_top .re_uniqlo_top img{
display: block;
line-height: 0;
width: auto;
height: 100%;
}

.mainContents .main .shareIcons {
z-index: 1;
}
*{
margin: 0px;
padding: 0px;
}

.color_green{
color: #379d49 !important;
}

.responsive_img{
width: 100%;
}

.breads{
margin-bottom: 0;
}


.breads ul .item.noHomeIcon a{
width: auto;
height: auto;
background: none;
}

.breads ul .item.noHomeIcon a span{
display: block;
}
#wrapper{
overflow-x: initial;
}
header.header .menuTrigger {
    display: none;
}

footer.footer .inner .item a,
footer.footer .inner .copyright small{
    word-break: keep-all;
}

@media (max-width: 767px) {
#page_top {
    left: -3vw;
    right: -3vw;
    margin-left: 6vw;
    width: 94%;
}
#page_top .page_top_inner{
    width: 100%;
    /*justify-content: space-between;*/
    justify-content: flex-end;
}
#page_top a {
    width: 8.4vw;
    height: 8.4vw;
}
#page_top.fixd {
    position: absolute;
    bottom: -13.6vw;
    margin-bottom: 60px;
}
/* #page_top.fixd .page_top_inner{
    bottom: 0;
} */

#re_uniqlo_top{
    width: 33.6vw;
    height: 8.4vw;
    bottom: -13.6vw;
    right: auto;
    left: 0;
}

#re_uniqlo_top a img{
    border: solid 2px #379e49;
}

#wrapper .container .mainContents{
    padding-bottom: 8vw;
}
#wrapper .container{
    max-width: 1240px;
    min-width: auto;
    margin-right: auto;
    margin-left: auto;
}
#wrapper .container .mainContents .cover{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.breads ul .item::before{
    background: none;
    margin-left: 0;
    margin-right: 2.5vw;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
}
}

@media screen and (max-width: 1370px) and (min-width: 768px){
#wrapper .container .mainContents{
    margin: 0 auto;
}
}

@media screen and (min-width: 1240px){
#wrapper .container .mainContents{
    width: 100%;
    max-width: 960px;
}
}

@media screen and (max-width: 1239px) and (min-width: 768px){
#wrapper .container .mainContents{
    padding: 0 0;
    width: 100%;
    margin: 0 auto;
}
}

@media (min-width: 768px){
#wrapper .container {
    padding: 0 78px 120px;
}

#staff_l2 .re-wrap section {
    padding: 90px 88px;
}
.breads ul .item::before{
    background: none;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
}
.mainContents.layer3 .main .floatImg .img{
    width: 192px;
}
.mainContents.layer3 .main .floatImg .img img{
    width: 100%;
    height: auto;
}
.mainContents.layer3 .main .floatImg .text{
    width: 720px!important;
    text-align: justify;
}
}

@media (min-width: 768px) and (max-width: 1167px) {
#page_top {
    right: 0;
    left: auto;
}
}