html {
    font-size: 100%;
}

body {
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, Arial;
    margin: 0;
    color: #000000;
    line-height: 150%;
    letter-spacing: 0.5pt;
    letter-spacing: 0.5pt \9; /*for ie8*/
    font-size: 100%;
}

ol, ul {
    list-style-position: inside;
}

input, button, select, textarea {
    line-height: normal;
}

.float-layer {
    position: relative;
    z-index: 2;
    margin-top: 165px;
    background-color: #ECECEC;
}

.float-layer-home {
    position: relative;
    z-index: 2;
    margin-top: 530px;
}

/*頂端功能*/
#divPageTop {
    text-align: right;
    font-size: 95%;
    line-height: 250%;
    color: #FFFFFF;
    background: #44697C;
}

    #divPageTop a {
        color: #FFFFFF;
        text-decoration: none;
    }

    #divPageTop #top_menu {
        position: absolute;
        top: 3px;
        right: 0;
    }

    #divPageTop #top_menu_font {
        float: right;
        margin-left: 20px;
    }

#top_menu {
    position: absolute;
    right: 0;
    white-space: nowrap;
}

    #top_menu a {
        color: #000000;
        text-decoration: none;
        font-size: 90%;
    }

    #top_menu .font_size {
        /*display: inline-block;*/
        height: 21px;
        width: 21px;
        margin-right: 4px;
        margin-bottom: 4px;
        margin-top: 4px;
        vertical-align: middle;
    }

    #top_menu .font_small {
        background: url('../images/populace/font_s.png') no-repeat center center;
    }

    #top_menu .font_small_selected {
        background: url('../images/populace/font_s_f.png') no-repeat center center;
    }

    #top_menu .font_middle {
        background: url('../images/populace/font_m.png') no-repeat center center;
    }

    #top_menu .font_middle_selected {
        background: url('../images/populace/font_m_f.png') no-repeat center center;
    }

    #top_menu .font_large {
        background: url('../images/populace/font_l.png') no-repeat center center;
    }

    #top_menu .font_large_selected {
        background: url('../images/populace/font_l_f.png') no-repeat center center;
    }

/* Logo區塊 */
#divHeader {
    background-color: #FFFFFF;
}



/*主選單*/
#divMenu {
    line-height: 200%;
    background: #034EA1;
}

    #divMenu .navbar {
        border: none;
        border-radius: 0px;
        min-height: initial;
        margin-bottom: auto;
    }

    #divMenu .nav > li {
        float: none;
        margin: 0;
        display: table-cell;
        width: 1%;
        white-space: nowrap;
        text-align: center;
    }

        #divMenu .nav > li > a:hover,
        #divMenu .nav > li > a:focus {
            background-color: #FFBB00;
        }

    #divMenu .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

        #divMenu .navbar-default .navbar-nav > li > a {
            font-size: 120%;
            color: #FFFFFF;
            display: block;
        }

        #divMenu .navbar-default .navbar-nav > li:hover {
            background-color: #FFBB00;
        }

        #divMenu .navbar-default .navbar-nav > .open > a,
        #divMenu .navbar-default .navbar-nav > .open > a:hover,
        #divMenu.navbar-default .navbar-nav > .open > a:focus {
            background-color: transparent;
        }

    #divMenu .dropdown-menu > li > a {
        font-size: 130%;
        color: #000000;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        #divMenu .dropdown-menu > li > a:hover,
        #divMenu .dropdown-menu > li > a:focus {
            background-color: #FFBB00;
        }

    #divMenu .menu_touch {
        display: none;
    }



/* 內頁左側選單 */
#divLeftMenu {
    float: left;
    width: 260px;
    margin-top: 45px;    
    padding-top: 30px;
    background: #322f2e;
    position: absolute;
}

    #divLeftMenu .menu_title {
        font-size: 200%;
        font-weight: bold;        
        text-align: right;
        line-height: normal;
        padding: 10px 0px;
        margin: 0px 30px;
        border-bottom: 1px solid #ea9a0c;
    }

        #divLeftMenu .menu_title a {
            color: #FFFFFF;            
        }

    #divLeftMenu .menu_list {
        list-style: none;
        font-size: 90%;        
    }

        #divLeftMenu .menu_list li {
            text-align: right;
            padding: 5px 25px;
            margin: 5px 0px;
        }

            #divLeftMenu .menu_list li a {
                 color: #c1c1c0;                
            }

            #divLeftMenu .menu_list li:hover,
            #divLeftMenu .menu_list li:focus,
            #divLeftMenu .menu_list li.selected {
                
            }
            #divLeftMenu .menu_list li.selected {
                border-right: 3px solid #ea9a0c;
            }

                #divLeftMenu .menu_list li:hover a,
                #divLeftMenu .menu_list li:focus a,
                #divLeftMenu .menu_list li.selected a {
                    color: #FFFFFF;
                }

#divRightContent
{
    width: 80%;
    float: right;
    background: hsla(0, 0%, 100%, 0.9);
    padding-right: 155px;
}


/*Banner*/
#divBanner {
}

/* 麵包屑 Path */
#divPath {
    min-height: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    line-height: 30px;
    font-size: 85%;
    color: #FFFFFF;
}

    #divPath a {
        color: #FFFFFF;
        text-decoration: none;
    }

        #divPath a:hover,
        #divPath a:focus {
            color: #FFFFFF;
            text-decoration: underline;
        }

/*單元標題*/
#divSubject {
    margin: 20px 0px; 
    margin-left: 50px;      
}

    #divSubject h1 {
        font-size: 190%;
        font-weight: bold;
        color: #3e3e3d;
        margin: 0px;
    }

.div-content-home {
    width: 100%;
}

.div-content {    
    
}

/*新聞清單-發布時間*/
.div-begin-date
{
    text-align: center;
    line-height: 100%;
    font-weight: bold;
}
.div-begin-date .begin-date-mm
{
    font-size: 70%;
    display: block;
    color: #010201; 
}
.div-begin-date .begin-date-dd
{
    font-size: 100%;
    display: block;
    color: #010201; 
}
.div-begin-date .begin-date-yy
{
    font-size: 70%;
    display: block;
    color: #9a9d9c;    
}
.org-name
{
    color: #494b4b;
    font-size: 85%;
    font-weight: bold;
}
.begin-date-time
{
    color: #b4b4b4;
    font-size: 85%;
    font-weight: bold;
}


/*回上一頁、回頁首*/
.aBack, .aBack:hover, .aBack:visited,
.aPageTop, .aPageTop:hover, .aPageTop:visited {
    display: inline-block;
    width: 125px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    color: #FFFFFF;
    background-color: #44697c;
    text-decoration: none;
}


/*FatFooter*/
#divFatFotoer {
    background-color: #ECECEC;
    padding: 15px 0px;
}

    #divFatFotoer span {
    }

    #divFatFotoer dl, #divFatFotoer dt, #divFatFotoer dd, #divFatFotoer ul, #divFatFotoer li {
        margin: 0px;
        padding: 0px;
    }

    #divFatFotoer dl {
        display: block;
    }

        #divFatFotoer dl dt,
        #divFatFotoer dl dt a {
            font-size: 105%;
            font-weight: bold;
            color: #05436a;
        }

        #divFatFotoer dl dd,
        #divFatFotoer dl dd a {
            color: #343434;
        }

            #divFatFotoer dl dd ul {
                margin-left: 1em;
                list-style: none;
            }

/*頁尾資訊*/
#divPageBottom {
    color: #000000;
    background: #a1dde8;
    padding: 20px 0px;
    font-size: 80%;
}

    #divPageBottom .information_logo {
        float: left;
    }

    #divPageBottom .information {
        float: left;
        margin-left: 10px;
        /*white-space: nowrap;*/
    }

        #divPageBottom .information a {
            color: #1c39ec;
            text-decoration: none;
        }

            #divPageBottom .information a:hover {
                text-decoration: none;
            }

    #divPageBottom .information_image {
        float: right;
        margin-left: 10px;
    }


/* 共用圖片外框 */
.img-shadow {
    margin: 5px;
    padding: 5px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.50);
    height: 169px;
    width: 222px;
}

    .img-shadow a {
        position: static;
    }
/* 共用圖片說明文字 */
.img-desc {
    clear: both;
    width: 90%;
    color: #009dec;
    margin: 0 auto;
    text-align: left;
    /*margin-top: 5px;*/
    height: 90px;
    line-height: 140%;
}

    .img-desc a {
        color: #009dec;
        text-decoration: none;
        position: static;
    }

/* 共用內文標題 */
.divTitle {
    color: #e98200;
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 10px;
}
/* 共用清單文字 */
.divList {
    margin-left: 1em;
    margin-bottom: 5px;
    padding-left: 15px;
    background: url('../images/icon_link6.gif') no-repeat 0 0.5em;
}

    .divList .spanText {
        font-weight: bold;
    }
/* 共用內文 */
.divContent {
    margin-top: 10px;
    margin-left: 2em;
    padding-bottom: 10px;
}
/* 共用內文分隔線 */
.divBlank {
    margin-top: 15px;
    border-top: 2px dotted #456a7d;
    height: 20px;
}
/* 共用點閱數 */
.hit-item {
    background-color: #f2f2f2;
    line-height: 2em;
    padding-left: 20px;
    margin-top: 20px;
    /* 配合 #div-content 的 padding-bottom: 10px; */
    margin-bottom: -10px;
}
/* 共用上邊界 */
.margin_top {
    margin-top: 10px;
}
/* 共用小標題 */
.item-text {
    margin-left: 20px;
    color: #000000;
    font-weight: bold;
    line-height: 200%;
}

/* 相關檔案 */
.table-files {
    display: table;
    width: 95%;
    margin: 0 auto;
}

    .table-files .tr-files {
        display: table-row;
    }

    .table-files .th-filesText,
    .table-files .th-filesKind {
        display: table-cell;
        text-align: center;
        color: #FFFFFF;
        background-color: #2a89bf;
        line-height: 200%;
    }

    .table-files .td-filesText,
    .table-files .td-filesKind {
        display: table-cell;
        background-color: #f2f2f2;
        padding: 5px 0px;
        line-height: 200%;
    }
    
    .table-files .tr-files:nth-child(odd) .td-filesText,
    .table-files .tr-files:nth-child(odd) .td-filesKind {
        background-color: #CCCCCC;
    }

    .table-files .td-filesText {
        padding-left: 20px;
    }

    .table-files .th-filesKind,
    .table-files .td-filesKind {
        width: 1%;
        padding: 0px 15px;
        white-space: nowrap;
    }

/* 相關連結 */
.table-links {
    width: 95%;
    margin: 0 auto;
    background-color: #f2f2f2;
}

    .table-links .td-links {
        padding: 5px 0px;
        margin-left: 20px;
    }

/* 聯絡資訊 */
.table-contacts {
    width: 95%;
    margin: 0 auto;
    background-color: #f2f2f2;
}

    .table-contacts .td-contacts {
        padding: 5px 0px;
        margin-left: 20px;
    }

/* 相關圖片 */
.table-images {
    width: 100%;
    margin: 0 auto;
}

    .table-images a {
        position: static;
    }

    .table-images div {
        margin-bottom: 10px;
    }


/* 新聞 */
.query_message {
    margin-top: 10px;
    font-size: 90%;
    text-align: center;
    color: #b62359;
}

    .query_message a {
        color: #0d56fb;
    }

.head-image {
    float: left;
    width: 50%;
    margin-right: 15px;
    margin-bottom: 5px;
}

    .head-image img {
        margin: 0 auto;
    }

/*餐盤*/
.MainPopularize {
    width: 980px;
    margin: 0 auto;
}

.divPopularize {
    width: 233px;
    height: 310px;
    border: 1px solid #C8C8CA;
    background-color: #FFFFFF;
    border-radius: 10px;
    float: left;
    margin: 0 6px;
    margin-top: 5px;
}

    .divPopularize .LinkButton {
        display: block;
        width: 210px;
        color: #FFFFFF;
        background-color: #034EA1;
        text-decoration: none;
        margin: 0 auto;
        margin-bottom: 5px;
        line-height: 25px;
    }

    .divPopularize .SmallSize {
        overflow: hidden;
        height: 235px;
    }

    .divPopularize .SmallSize2 {
        overflow: hidden;
        height: 205px;
    }

    .divPopularize .LargeSize {
        overflow: hidden;
        height: 282px;
    }

    .divPopularize .NormalImg {
        width: 210px;
        margin: 10px auto;
        min-height: 151px;
        max-height: 151px;
    }

    .divPopularize .NormalContent {
        margin: 0 auto;
        width: 210px;
        font-size: 100%;
        text-align: left;
        line-height: 160%;
        height: 70px;
    }

    .divPopularize .NormalContent2 {
        margin: 0 auto;
        width: 210px;
        font-size: 100%;
        text-align: left;
        line-height: 160%;
        height: 30px;
    }

    .divPopularize .OilIframe {
        width: 210px;
        height: 250px;
        margin: 0 auto;
    }

    .divPopularize .ElectricIframe {
        width: 220px;
        height: 179px;
        margin: 15px auto;
        overflow: hidden;
        margin-left: -20px;
    }

.divLife {
    width: 233px;
    height: 320px;
    /*border: 1px solid #C8C8CA;*/
    background-color: #FFFFFF;
    border-radius: 10px;
    /*float: left;*/
    margin: 0 6px;
    margin-top: 5px;
}

    .divLife .LinkButton {
        display: block;
        width: 210px;
        color: #FFFFFF;
        background-color: #034EA1;
        text-decoration: none;
        margin: 0 auto;
        margin-bottom: 5px;
        line-height: 25px;
    }

    .divLife .LargeSize {
        overflow: hidden;
        height: 282px;
    }

    .divLife .OilIframe {
        width: 210px;
        height: 250px;
        margin: 0 auto;
    }

    .divLife .ElectricIframe {
        width: 236px;
        height: 195px;
        margin: 12px auto;
        overflow: hidden;
        /*margin-left: -20px;*/
    }


.navbar-nav {
    float: none;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #034EA1;
    color: #FFFFFF;
}

.nav-justified > li {
    padding-right: 1px;
}

    .nav-justified > li > a {
        background-color: #034EA1;
        color: #FFFFFF;
        font-size: 100%;
    }

        .nav-justified > li > a:focus {
            text-decoration: underline;
        }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #9D1217;
}

#divNewsMedia {
    background-color: #f1f1f1;
    min-height: 340px;
    margin-top: 15px;
}

    #divNewsMedia .container {
        padding: 15px 15px;
    }

#divNews {
    /*width: 480px;*/
    min-height: 315px;
    /*float: left;*/
}


#divMedia {
    /*width: 235px;*/
    height: 315px;
    /*float: right;*/
    /*margin-left: 36px;*/
}

    #divMedia div {
        height: 212px;
        margin-bottom: 15px;
    }

    /*#divMedia iframe {
        width: 100%;
        height: 212px;
        margin-bottom: 15px;
    }*/
    #divMedia img {
        width: 45%;
    }


#divfacebook {
    /*width: 232px;*/
    height: 315px;
    /*float: right;*/
    /*margin-left: 13px;*/
}

#ulNewsKind a {
    color: #000000;
    text-decoration: none;
}

.HomeNewsTop {
    list-style: none;
    line-height: 250%;
}

.HomeNews {
    list-style: none;
    border-bottom: 1px dashed #000000;
    line-height: 230%;
}

.divNewsMore a {
    color: #044FA2;
    text-decoration: none;
}

#divSlideAD {
    position: absolute;
    margin-top: 165px;
    width: 100%;
    z-index: 1;
}

    #divSlideAD a {
        display: block;
    }

    #divSlideAD .bx-wrapper img {
        visibility: hidden;
        height: 700px;
    }

.bx-wrapper {
    margin: 0;
}

    .bx-wrapper .bx-pager {
        bottom: 330px;
    }

    .bx-wrapper img {
        display: inline-block;
    }

#divIndex .container {
    padding: 0 70px 15px 70px;
}

#divSearch {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 10px;
    text-align: right;
}

    #divSearch #divSearchBar {
        display: table;
        float: right;
        margin-bottom: 3px;
    }

    #divSearch #divSearchBlock {
        display: table-cell;
        border: 1px solid #b6b6b6;
        padding: 2px;
        vertical-align: middle;
        height: 33px;
        background-color: #FFFFFF;
    }

    #divSearch #divSearchAdvBlock {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        padding-left: 5px;
    }

    #divSearch input[type="text"] {
        width: 300px;
    }

#divMessage {
    position: relative;
    z-index: 2;
    top: 165px;
    background-color: #D70046;
}

.ImporantMessage {
    list-style: none;
}

    .ImporantMessage li {
        text-align: center;
        line-height: 300%;
        background-color: #D70046;
        color: #FFFFFF;
        height: 60px;
        vertical-align: middle;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .ImporantMessage li a {
            color: #FFFFFF;
        }

#divFixTop {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
}

.inquiry input[type="radio"] {
    vertical-align: 0;
    margin-right: 5px;
}

/**內容頁table**/
.div-table-content {
    display: table;
    width: 100%;
}

.div-tr-content {
    display: table-row;
}

.div-td-content {
    display: table-cell;
    padding: 0px 10px;
}
/****/

#divOuterlink .ImgMarginTop {
    margin-top: 15px;
}


/*首頁新聞*/
.organize {
    position: relative;
    width: 100%;
    padding-top: 50px;
}

    .organize .tabs {
        position: absolute;
        width: 20%;
        top: 0;
        z-index: 1;
        padding-right: 1px;
        text-align: center;
    }

        .organize .tabs.active {
            display: block;
            cursor: default;
        }

            .organize .tabs.active a {
                background-color: #9D1217;
            }

                .organize .tabs.active a:hover {
                    /*background: #1fcf6d;
    color: #000;*/
                }

        .organize .tabs.tabs1 {
            left: 0;
        }

        .organize .tabs.tabs2 {
            left: 20%;
        }

        .organize .tabs.tabs3 {
            left: 40%;
        }

        .organize .tabs.tabs4 {
            left: 60%;
        }

        .organize .tabs.tabs5 {
            left: 80%;
        }

        .organize .tabs a {
            text-decoration: none;
            display: block;
            color: #ffffff;
            padding: 10px 3px;
            font-size: 14pt;
            border-radius: 4px;
            background-color: #034EA1;
        }

            .organize .tabs a:hover {
                text-decoration: none;
                /*background: #892020;
    color: #000;*/
            }

    .organize .tab_container {
        position: relative;
        width: 100%;
        padding: 0 15px;
    }

        .organize .tab_container ul li {
            list-style: none;
            border-bottom: 1px dashed #000000;
            line-height: 230%;
        }

        .organize .tab_container ul a {
            color: #000000;
            text-decoration: none;
        }

            .organize .tab_container ul a:focus {
                color: #000000;
                text-decoration: underline;
            }

@media print {
    a[href]:after {
        content: none !important;
    }

    .accessibility {
        display: none;
    }

    #divHeader {
        display: none;
    }

    #divFatFotoer {
        display: none;
    }

    #divPageBottom {
        display: none;
    }

    .float-layer {
        margin-top: 0;
    }

    /*列印時會用到最小設定，這邊依情況做調整*/
    .col-md-8 {
        width: 33.33%;
    }
}

/* mobile xs */
@media screen and (max-width: 767px) {
    #divMenu .yamm .nav,
    #divMenu.yamm .collapse,
    #divMenu .yamm .dropup,
    #divMenu .yamm .dropdown {
        position: relative;
    }

    #divMenu .navbar-default .navbar-nav > li > a {
        color: #FFFFFF;
        display: table-cell;
        width: 100%;
    }

    #divMenu .nav > li {
        display: block;
        width: auto;
        text-align: left;
    }

    #divMenu .navbar-default .navbar-nav > .open > span {
        background-color: transparent;
    }

    #divMenu .navbar-nav .open .dropdown-menu {
        width: 100%;
        background: #ffffff;
    }

    #divMenu .menu_touch {
        display: table-cell;
    }

    .MainPopularize {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    .divPopularize {
        width: 100%;
        height: auto;
        margin: 5px auto;
        padding-left: 15px;
        padding-right: 15px;
    }

        .divPopularize .NormalImg {
            width: 100%;
            margin-top: 3px;
            margin-bottom: 5px;
            max-height: none;
        }

        .divPopularize .LinkButton {
            width: 100%;
        }

        .divPopularize .OilIframe {
            width: 100%;
        }

        .divPopularize .ElectricIframe {
            margin: 0 auto;
        }

        .divPopularize .SmallSize {
            height: auto;
        }

        .divPopularize .SmallSize2 {
            height: auto;
        }

        .divPopularize .LargeSize {
            height: auto;
        }

        .divPopularize .NormalContent {
            text-align: center;
            width: 100%;
            height: 30px;
        }

        .divPopularize .NormalContent2 {
            text-align: center;
            width: 100%;
            height: 30px;
        }

    .divLife {
        width: 100%;
        height: auto;
        margin: 5px auto;
        padding-left: 15px;
        padding-right: 15px;
    }


        .divLife .LinkButton {
            width: 100%;
        }

        .divLife .OilIframe {
            width: 100%;
        }

        .divLife .ElectricIframe {
            margin: 0 auto;
        }

    #divFatFotoer {
        display: none;
    }

    #divNewsMedia .container {
        padding: 15px 0;
    }

    #divNews {
        height: auto;
    }

    #divMedia {
        /*width: 350px;*/
        /*float: left;*/
        margin-left: 0px;
        margin-top: 20px;
        height: auto;
        /*height: 315px;
    float: right;
    margin-left: 36px;*/
    }

        #divMedia div {
            height: auto;
        }


    #divfacebook {
        /*width: 350px;*/
        /*float: left;*/
        margin-left: 0;
        margin-top: 20px;
    }

    .nav-pills > li + li {
        margin-left: 0;
    }

    #divOuterlink .container {
        padding: 15px 10px;
    }

    #divSlideAD .bx-wrapper img {
        visibility: visible;
        height: auto;
    }

    .float-layer {
        margin-top: 0;
    }

    .float-layer-home {
        margin-top: -20px;
    }

    #divSlideAD {
        position: static;
        margin-top: 0;
    }

    .bx-wrapper .bx-pager {
        display: none;
    }

    #top_menu {
        display: none;
    }

    /*#divMedia iframe {
        height: 250px;
        max-width: 550px;
    }*/

    .information_logo {
        display: none;
    }

    .information_image {
        display: none;
    }

    #spanBottomText {
        display: none;
    }



    #divSearch {
        position: static;
        bottom: auto;
        right: auto;
        margin-bottom: 0;
        text-align: center;
    }

        #divSearch #divSearchBar {
            float: none;
            width: 100%;
        }

        #divSearch #divSearchBlock #divSearchButton {
            width: 20px;
        }

        #divSearch #divSearchAdvBlock {
            width: 80px;
        }

        #divSearch input[type="text"] {
            width: 100%;
        }

        #divSearch #divHot {
            display: none;
        }

    .ImgLogo {
        max-width: 70%;
        height: auto;
    }

    .ImgBanner {
        display: none;
    }

    .img-shadow {
        height: auto;
        width: 100%;
    }

        .img-shadow img {
            width: 100%;
        }

    .navbar-brand {
        height: auto;
    }

    .navbar-toggle {
        padding: 6px 10px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .navbar {
        min-height: 0;
    }

    #divMessage {
        top: 146px;
    }

    #divFixTop {
        position: static;
    }

    .img-responsive {
        width: 100%;
    }

    .head-image {
        width: 100%;
    }

    #VideoKind {
        text-align: center;
    }

    /**內容頁table**/
    .div-table-content {
        display: block;
        width: 100%;
    }

    .div-tr-content {
        display: block;
    }

    .div-td-content {
        display: block;
        padding: 0px 10px;
    }
    /****/

    .organize {
        padding-top: 0px !important;
    }

        .organize .tabs.active a {
            background-color: #9D1217 !important;
        }

        .organize .tabs {
            position: static !important;
            width: auto !important;
            text-align: left !important;
        }

        .organize .tab_container {
            position: relative !important;
            display: block !important;
            margin-bottom: 10px !important;
        }

    .mobile-english {
        position: absolute;
        top: 40px;
        right: 30px;
        font-size: 90%;
        color: #FFFFFF;
        background: #034ea1;
        border-radius: 6px;
        padding: 2px 10px;
    }

        .mobile-english:hover,
        .mobile-english:focus {
            color: #FFFFFF;
        }
}

/* tablet sm */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #divMenu .menu_touch {
        display: table-cell;
    }

        #divMenu .menu_touch img {
            width: 30px;
        }

    #divMenu .nav > li > a {
        padding-left: 0px;
        padding-right: 0px;
    }

    #divMenu .navbar-default .navbar-nav > li > a {
        display: table-cell;
        font-size: 105%;
    }

    /*.navbar-nav {
        display: table;
    }*/

    .MainPopularize {
        width: 750px;
        margin: 0 auto;
    }

    .divPopularize {
        width: 334px;
        margin: 0 20px;
        margin-top: 20px;
    }

        .divPopularize .LinkButton {
            width: 280px;
        }

        .divPopularize .NormalImg {
            width: 280px;
            margin-top: 3px;
            margin-bottom: 5px;
            max-height: none;
        }

        .divPopularize .NormalContent {
            text-align: center;
            width: 280px;
            height: 70px;
        }

        .divPopularize .NormalContent2 {
            text-align: center;
            width: 280px;
            height: 30px;
        }

        .divPopularize .OilIframe {
            width: 280px;
        }

        .divPopularize .SmallSize {
            height: 245px;
        }

        .divPopularize .SmallSize2 {
            height: 210px;
        }

    .divLife {
        width: 334px;
        margin: 0 20px;
        margin-top: 20px;
    }

        .divLife .LinkButton {
            width: 280px;
        }

        .divLife .OilIframe {
            width: 280px;
        }

    #divFatFotoer {
        display: none;
    }

    #divNewsMedia .container {
        padding: 15px 20px;
    }



    #divMedia {
        /*width: 350px;*/
        /*float: left;*/
        margin-left: 0px;
        margin-top: 20px;
        /*height: 315px;
    float: right;
    margin-left: 36px;*/
    }

        #divMedia div {
            height: auto;
            /*width: 350px;*/
        }


    #divfacebook {
        /*width: 350px;*/
        /*float: left;*/
        margin-left: 0;
        margin-top: 20px;
    }

    #divOuterlink .container {
        padding: 20px 10px;
    }

    #divSlideAD {
        position: relative;
    }

        #divSlideAD .bx-wrapper img {
            visibility: visible;
            height: auto;
        }

    .bx-wrapper .bx-pager {
        display: none;
    }

    .float-layer-home {
        margin-top: -100px;
    }

    #divIndex .container {
        padding: 0 35px 41px 35px;
    }

    #top_menu a {
        font-size: 80%;
    }

    #divPageBottom .information_image {
        margin-left: 0;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu {
        margin-left: 10px;
        margin-right: 10px;
    }

    .dropdown-menu {
        border: 0;
        padding: 5px 0 15px 0;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu li {
        list-style: none;
        float: left;
        width: 25%;
        margin-top: 10px;
    }

    .img-shadow {
        height: 255px;
        width: 340px;
    }

        .img-shadow img {
            max-height: 245px;
            margin: 0 auto;
        }

    .img-responsive {
        width: 100%;
    }

    .ImgBanner {
        display: none;
    }
}


/* desktop md */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    #divOuterlink .container {
        padding: 20px 10px;
    }

    #divSlideAD .bx-wrapper img {
        visibility: hidden;
        height: 700px;
    }

    #divNewsMedia .container {
        padding: 15px 0;
    }

    #divIndex .container {
        padding: 0 0 41px 0;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu {
        margin-left: 10px;
        margin-right: 10px;
    }

    .dropdown-menu {
        border: 0;
        padding: 5px 0 15px 0;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu li {
        list-style: none;
        float: left;
        width: 25%;
        margin-top: 10px;
    }

    .img-shadow img {
        max-height: 159px;
        margin: 0 auto;
    }

    /*#divMedia {
        margin-left: 0px;
        margin-top: 20px;
        height: 375px;
    }

        #divMedia div {
            height: auto;
        }

        #divMedia img {
            width: auto;
        }

    #divfacebook {
        margin-left: 0;
        margin-top: 20px;
        height: 375px;
    }*/

    /*.organize .tabs a {
        padding: 10px 1px;
        font-size: 13pt;
    }*/

}

/* large-desktop lg */
@media screen and (min-width: 1200px) {
    #divYoutube {
        padding: 10px 30px;
    }

    #divOuterlink .container {
        padding: 20px 45px;
    }

    #divSlideAD .bx-wrapper img {
        visibility: hidden;
        height: 700px;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu {
        margin-left: 10px;
        margin-right: 10px;
    }

    .dropdown-menu {
        border: 0;
        padding: 5px 0 15px 0;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu li {
        list-style: none;
        float: left;
        width: 25%;
        margin-top: 10px;
    }

    .img-shadow img {
        max-height: 159px;
        margin: 0 auto;
    }
}