﻿@charset "UTF-8";
/* 
	請注意！本 sass 所做設定為其他scss檔案基礎。
	本 scss 僅做基礎功能的引入，除非有其他系統規範的異動，否則請避免任何變更。
*/
/* line 5, ../sass/_base_function.scss */
[data-tabtype="1"] > .container > .inner:after, .content#content:after, .opnemenu_area .allmenu:after, .footer_bg .footer .footer_iconlink ul:after, .menubg .menuarea #menu li div .over15_02:after, .menubg .menuarea #menu li div .over15_03:after, .menubg .menuarea #menu li div .over15_04:after, .menubg .menuarea #menu li div .over15_05:after, .menubg .menuarea #menu:after, .slider_model .slider_bottom_box .bg_box:after, .banner_slider_model .banner_slider_box .banner_mask > ul:after, .banner_slider_main .banner_slider_box .banner_mask > ul:after, .banner_slider_subject .banner_slider_box .banner_mask > ul:after, .module_rss ul li:after, .email .search_un:after, .part-website .website:after, .part-website .website .list ul:after, .module_anchor ul:after, .module_news1_1 ul li:after, .module_news1_1:after, .module_news1_b ul li div.h5:after, .module_news_rotate ul li:after, .module_news_rotate .model_ctrl_tools:after, .module_news_rotate:after, .tabs ul:after, .module_link_photo_v ul:after, .module_link_photo_v .model_ctrl_tools:after, .module_link_photo_h ul:after, .module_link_photo_h .model_ctrl_tools:after, .vote:after, .module_photo ul:after, .module_photo .model_ctrl_tools:after {
    content: "​";
    display: block;
    height: 0;
    clear: both;
}

/* line 12, ../sass/_base_function.scss */
.oka_share a, .topbg .toplog .toplog h1 a, .topbg .toplog .fontlevel, .topbg .toplog .fontlevel ul li + li a, .topbg .toplog .fontlevel ul li + li + li a, .topbg .toplog .fontlevel ul li a, .topbg .toplog .search .searchbt1 .searchbt1 a, .footer_bg .footer .footer_iconlink ul li a, .slider_model .model_ctrl_tools a, .banner_slider_model .banner_slider_box .model_ctrl_tools a, .banner_slider_main .banner_slider_box .model_ctrl_tools a, .banner_slider_subject .banner_slider_box .model_ctrl_tools a, .i_module_calendar_style #module_calendar_0_0 span a {
    text-indent: -9999px;
    text-shadow: none;
    color: transparent;
}

/* line 18, ../sass/_base_function.scss */
.area-links .tabs ul li span a, .slider_model .slider_list_box ul li a div.h5, .slider_model .slider_bottom_box .bg_box h5, .slider_model .slider_bottom_box .bg_box p, .banner_slider_main a.box .essay div.h5, .module_rss ul li a, .part-website .website .list ul li span a, .Marquee .marquee_box ul li, .module_news1_a dl div.h5 a, .module_news1_b ul li div.h5 a, .module_news_rotate ul li h5 a, .module_link_photo_v ul li, .module_link_photo_v ul li a, .module_photo ul li a h5, .module_photo ul li a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    /* line 24, ../sass/_base_function.scss */
    .topbg .toplog .fontlevel ul li + li a:before, .topbg .toplog .fontlevel ul li + li + li a:before, .topbg .toplog .fontlevel ul li a:before, .topbg .toplog .search .searchbt1 .searchbt1 a:before, .second_menu ul li div.h5 a:before, .module_news1_a dl div.h5 a:before, .module_link_photo_v ul li a:before {
        content: "​";
        display: inline-block;
        vertical-align: middle;
    }

/* line 50, ../sass/_base_function.scss */
.topbg .toplog .toplink ul, .topbg .toplog .fontlevel ul, .topbg .toplog .search .searchbt1 ul, .opnemenu_area .allmenu .onemenu ul, .footer_bg .footer .footer_link ul, .footer_bg .footer .footer_iconlink ul, .menubg .menuarea #menu, .menubg .menuarea #menu li div div ul, .second_menu ul, .slider_model .slider_bottom_box .bg_box .ctrl_img_box ul, .banner_slider_model .banner_slider_box .banner_mask > ul, .banner_slider_main .banner_slider_box .banner_mask > ul, .banner_slider_main a.box .essay div.h5, .banner_slider_subject .banner_slider_box .banner_mask > ul, .banner_slider_subject .banner_slider_box .subject p, .i_module_calendar_style #module_calendar_0_0 .calendar_text, .module_rss ul, .module_video ul, .photoandtext ul, .part-website h2.h4, .part-website .website .list ul, .videoandbtn > .container > .inner > ul, .videoandbtn .videobtn ul, .module_anchor ul, .Marquee .marquee_box ul, .module_news1_1 ul, .module_news1_a ul, .module_news1_a dl, .module_news1_a dl div.h5, .module_news1_a dl div.h5 b, .module_news1_b ul, .module_news_rotate ul, .tabs ul, .module_link_photo_v ul, .module_link_photo_h ul, .vote ul, .module_photo ul {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    list-style: none;
    background-color: transparent;
    font-size: 1em;
    font-weight: 400;
    transition: inherit;
}



    .banner_slider_model h4:before, .i_module_calendar_style h4:before, .module_rss h4:before, .weather h4:before, .email h4:before, .module_anchor h4:before, .Marquee h4:before, .module_news_rotate h4:before, .module_link_photo_h h4:before, .module_link_photo_Select h4:before, .vote h4:before, .module_photo h4:before, .module_Gmap h4:before {
        margin-right: 6px;
    }


.banner_slider_model {
    position: relative;
}
    .banner_slider_model h4 {
        display: none;
    }
    .banner_slider_model .banner_slider_box .model_ctrl_tools a {
        position: absolute;
        display: block;
        width: 50px;
        height: 100%;
        top: 0;
        transition: 300ms;
    }
        .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
            background-image: url('../images/arrow_left.svg');
            background-repeat: no-repeat;
            background-position: center;
            left: 0;
            width: 5%;
            height: 50px;
            background-size: 15px;
        }
            .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover {
                left: 2px;
            }
        .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
            background-image: url('../images/arrow_right.svg');
            background-repeat: no-repeat;
            background-position: center;
            right: 0;
            width: 5%;
            height: 50px;
            background-size: 15px;
        }
            .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover {
                right: 2px;
            }
        .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_more {
            display: none;
        }
    .banner_slider_model .banner_slider_box .banner_mask {
        margin: 0 50px;
        overflow: hidden;
    }
        .banner_slider_model .banner_slider_box .banner_mask > ul {
            width: 750%;
            list-style: none;
        }
            .banner_slider_model .banner_slider_box .banner_mask > ul > li {
                width: 185px;
            }
                .banner_slider_model .banner_slider_box .banner_mask > ul > li a {
                    margin: 0 6px;
                }

@media (max-width: 768px) and (min-width: 661px) {
    .banner_slider_model .banner_slider_box .banner_mask > ul {
        width: 1500%;
    }
        .banner_slider_model .banner_slider_box .banner_mask > ul > li {
            width: 3.33333%;
        }
            .banner_slider_model .banner_slider_box .banner_mask > ul > li a {
                margin: 0 10px;
            }
}

@media (max-width: 660px) {
    .banner_slider_model .banner_slider_box .banner_mask > ul {
        width: 3000%;
    }
        .banner_slider_model .banner_slider_box .banner_mask > ul > li {
            width: 160px;
        }
            .banner_slider_model .banner_slider_box .banner_mask > ul > li a {
                margin: 0 10px;
            }
    .banner_slider_model .banner_slider_box .banner_mask {
        margin: 0 20px;
        overflow: hidden;
    }

}
    .banner_slider_model .banner_slider_box .banner_mask {
        overflow: hidden;
    }
        .banner_slider_model .banner_slider_box .banner_mask > ul > li {
            float: left;
        }
            .banner_slider_model .banner_slider_box .banner_mask > ul > li:nth-child(n+31) {
                display: none;
            }
            .banner_slider_model .banner_slider_box .banner_mask > ul > li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
                display: none;
            }
            .banner_slider_model .banner_slider_box .banner_mask > ul > li a {
                display: block;
                border: 1px solid #e0e0e0;
                background-color: #ffffff;
                padding: 2px;
            }
                .banner_slider_model .banner_slider_box .banner_mask > ul > li a img {
                    display: block;
                    width: 100%;
                }
