/*768-1023*/
@media only screen and (max-width: 1430px) {
    .inside-right-content .ir-download-btn {
        width: 12%;
    }	
    .inside-right-content .ir-play-btn {
        width: 12%;
		margin: 0 20px 0 0px;
		padding: 0px;
    }
}

@media only screen and (max-width: 1023px) {
    header {
        width: 96%;
        height: 60px;
    }
    .sitemap {
        display: none;
    }
    .copyright {
        width: 96%;
    }
    .copyright-logo {
        width: 160px;
        padding-top: 15px;
    }
    .copyright-info {
        width: 65%;
        padding-left: 1%;
    }
    /*----------ie8----------*/
    .ie8 {
        width: 60%;
    }
    /*----------首頁----------*/

    /*最新消息*/
    .news {
        width: 96%;
    }
    .news-area ul li {
        padding: 0 0 5px 0;
    }
    .news-area figure {
        position: relative;
    }
    /*csr*/
    .index-csr {
        background-position: -80px bottom;
    }
    .index-csr-info {
        width: 50%;
    }
    /*----------內頁banner----------*/
    .inside-banner-des {
        width: 96%;
        margin: auto;
    }
    .inside-banner-des h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .inside-banner-des p {
        font-size: 16px;
    }
    /*----------內頁共用----------*/
    .inside-main {
        width: 92%;
    }
    .subdomain-item {
        width: 29%;
    }
    .subdomain-link.tw-news .subdomain-link-list {
        width: 33.333333333%;
    }
    .subdomain-link-list h2 {
        font-size: 14px;
    }
    .subdomain-link-list h2 a {
        padding: 10px 5px;
    }
    .subdomain-item.en p,
    p.subdomain-rd {
        height: 176px;
    }
    /*麵包屑*/
    .brcome {
        padding: 5px 2%;
    }
    .inside-content {
        padding: 40px 2% 20px 0px;
    }
    /*list*/
    .inside-list.small {
        width: 100%;
        float: none;
        clear: both;
    }
    .inside-list-name {
        width: 22%;
    }
    .inside-list-info {
        width: 74%;
    }
    .inside-list.small .inside-list-name {
        width: 22%;
    }
    .inside-list.small .inside-list-info {
        width: 74%;
        margin-right: 0%;
    }
    /*內頁的聯絡人資訊*/
    .content-area-list {
        position: relative;
    }
    .content-area-list-name {
        width: 30%;
    }
    .content-area-list-info {
        width: 68%;
    }
    /*----------投資人專區----------*/
    /*股價快訊*/
    .quick-stock {
        width: 92%;
    }
    .ir-link-content {
        height: 210px;
    }
    /*聯絡人資訊*/
    .gray-bg {
        padding: 20px 2%;
    }
    .ir-contact-list-name {
        width: 24%;
    }
    .ir-contact-list-info {
        width: 74%;
    }
    /*財務報告書*/
    .inside-right-content .ir-download-list time {
        width: 20%;
    }
    .inside-right-content .ir-download-list h3 {
        width: 58%;
    }
    .inside-right-content .ir-download-btn {
        width: 20%;
    }
    .inside-right-content .ir-play-btn {
        width: 20%;
		margin: 20px 0 20px 20px;
		padding: 0px;
    }
	
    /*----------研究發展中心----------*/
    /*聯絡人資訊*/
    .gray-bg.research {
        padding: 20px 2%;
    }
    .gray-bg.research .ir-contact-list {
        width: 48%;
        margin: 0 2% 0 0%;
    }
    /*交通地理資訊*/
    .map-left {
        width: 100%;
        float: none;
        padding-bottom: 5px;
    }
    .map-right {
        width: 100%;
        float: none;
    }
    /*----------人力資源----------*/
    .salary-list-s {
        width: 40%;
        margin: 10px 0.5% 20px 0.5%;
    }
    /*薪資水準*/
    .life-bg .salary-list-s {
        position: relative;
        width: 31%;
        float: left;
        margin: 0px 0 10px 0;
        padding: 1%;
        height: 170px;
    }
    .life-bg .salary-list-s:nth-child(4n),
    .life-bg .salary-list-s:nth-child(5n),
    .life-bg .salary-list-s:nth-child(6n) {
        border-bottom: #ddd solid 1px;
        height: 140px;
    }
    .life-bg .salary-list-s:nth-child(8n) {
        border-bottom: none;
    }
    .life-list {
        width: 32%;
    }
    /*學習與發展*/
    .learn-left {
        position: relative;
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .learn-right {
        position: relative;
        width: 100%;
        float: none;
    }
    /*越南菁英招募*/
    .vn-list {
        width: 30%;
    }
    .vn-list.recruit {
        width: 47%;
        height: 150px;
    }
    /*----------聯絡資訊----------*/
    /*聯絡表單*/
    .contact-list-name {
        width: auto;
        float: none;
    }
    .contact-list-info {
        width: 95%;
        float: none;
    }
    .contact-list.half .contact-list-name {
        width: auto;
        float: none;
        padding-bottom: 3px;
    }
    .contact-list.half .contact-list-info {
        width: 90%;
        float: none;
    }
    .contact-list input[type="text"]#coad {
        margin-bottom: 5px;
    }
    /*----------企業社會責任----------*/
    .csr-video {
        width: 100%;
        float: none;
    }
    .csr-icon-area {
        width: 94%;
        float: none;
        margin: auto;
        padding: 30px 0;
    }
    .csr-icon figure {
        width: 50%;
    }
    .subdomain-link-list.csr {
        width: calc(100% / 3 - 0.01%);
    }
    .subdomain-link-list.csr:nth-child(4),
    .subdomain-link-list.csr:nth-child(5),
    .subdomain-link-list.csr:nth-child(6),
    .subdomain-link-list.csr:nth-child(7) {
        width: calc(100% / 4 - 0.01%);
    }
    .subdomain-link-list.csr h2 {
        font-size: 16px;
    }
    /*csr新聞*/
    .csr-news-list {
        width: 31.5%;
    }
    /*線上問卷*/
    .question-form ul li {
        width: 50%;
    }
    .question-list-name03 {
        width: 100%;
        float: none;
        padding-bottom: 10px;
    }
    .question-list-info03 {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 18px;
    }
    /*下載專區*/
    .report-download-list {
        width: 28%;
    }
    .report-download-chapters h3 {
        font-size: 16px;
        width: 75%;
        float: left;
    }
    .report-download-chapters .report-download-btn {
        width: 23%;
        float: right;
    }
    /*--------------------英文版-------------------*/
    /*企業社會責任*/
    .csr-icon-area.en {
        padding: 30px 0;
    }
    .csr-icon-area.en .csr-icon figure {
        width: 50%;
    }
    /*投資人關係*/
    .ir-link-content.en {
        height: 250px;
    }
    /*股價快訊*/
    .quick-stock.en {
        width: 98%;
        padding: 5px 1%;
    }
    /*股價資訊*/
    .quick-stock.ir-stock-en .quick-stock-title {
        width: 100%;
        float: none;
        padding: 0 0 5px 0;
        border-bottom: #ffe88a solid 1px;
    }
    .quick-stock.ir-stock-en .quick-stock-info {
        width: 40%;
        padding: 10px 1% 0px 1%;
        box-sizing: border-box;
        border: none;
    }
    .quick-stock.ir-stock-en .quick-stock-des {
        width: 58%;
        border-left: #ffe88a solid 1px;
        padding: 10px 1% 0px 1%;
        box-sizing: border-box;
    }
    /*董事會成員*/
    .statistics-list.gov.en .statistics-list-name {
        width: 33.3%;
    }
    .statistics-list.gov.en.title .statistics-list-info-b {
        display: none;
    }
    .statistics-list.gov.en .statistics-list-info {
        width: 33.3%;
    }
    .statistics-list.gov.en .statistics-list-info-b {
        width: 96%;
        float: none;
        margin: auto;
        font-size: 13px;
        border-top: #CCC solid 1px;
        clear: both;
        color: #666;
        padding: 1% 0;
    }
    .statistics-list.gov.en .statistics-list-info-b:before {
        content: "Curriculum vitae：";
        display: block;
        font-weight: bold;
        color: #000;
        font-size: 14px;
    }
}