/* -- common -- */

* {
    font-family:helvetica,tahoma,arial,'Heiti TC','Heiti SC','Apple LiGothic Medium','微軟正黑體','Microsoft JhengHei','新細明體';
    /*-webkit-font-smoothing:antialiased;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
ol,ul,p,h1,h2,h3,h4,h5,h6 {
    margin:0; padding:0;
}

html {
    width:100%; height:100%;
}
body.cms {
    margin:0;
    width:100%; height:100%;
    background-color:#e92e2b;
}
body.admin {
    margin:0;
    width:100%; height:100%;
    background-color:#e92e2b;
}
body.dialog {
    margin:0;
    background-color:#fff;
}

/* -- */




/* -- content, side_bar -- */

.content {
}
.home_content {
    padding:20px 0 80px;
}
    .layout_mobile .home_content {
        padding-bottom:0;
    }
.single_content {
    padding:40px 80px 80px;
    min-height:500px;
}
    .layout_mobile .single_content {
        padding:20px 10px;
        min-height:0;
    }
.right_content {
    padding:0 80px 80px 380px;
    min-height:500px;
}

.title_bar {
}
.top_title_bar {
    padding:40px 80px 0 80px;
}

.side_bar {
}
.left_side_bar {
    float:left; width:340px; padding:0 20px 20px 80px;
    border-right:1px solid #aaa;
}


.submenu_nav {
}
.submenu_nav ul {
    list-style:none;
}
.submenu_nav li > ul {
    padding-left:10px;
}
.submenu_nav a:hover {
    text-decoration:none;
}


.submenu_nav .submenu_nav_item {
    display:block; margin:4px 0; padding:3px 0 3px 4px;
    font-size:10pt; line-height:18px;
    cursor:default;
    color:#666;
}
.submenu_nav a.submenu_nav_item {
    cursor:pointer;
}
.submenu_nav .submenu_nav_menu_selected .submenu_nav_item {
    background-color:#e92e2b; color:#000;
    box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -moz-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -webkit-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
}
.submenu_nav a.submenu_nav_item:hover {
    background-color:#e92e2b; color:#fff;
    box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -moz-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -webkit-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
}


.title_bar h1,
.content h1 {
    font-size:18pt; line-height:42px; margin-bottom:28px;
    color:#e92e2b;
}
.title_bar h1 .highlight,
.content h1 .highlight {
    display:inline-block; height:1.8em;
    padding-left:20px; padding-right:2px; margin-right:2px;
    background-color:#e92e2b; color:#fff;
    box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -moz-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -webkit-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
}
.content h2 {
    font-size:16pt; line-height:1.8em; margin-bottom:1em;
    color:#e92e2b;
}
.content h3 {
    font-size:14pt; line-height:1.8em;
    color:#e92e2b;
}
.content h4 {
    font-size:12pt; font-weight:normal; line-height:20px;
    color:#e92e2b;
}
.content p {
    font-size:12pt; line-height:20px;
}
.content p a {
    color:#3af;
}
.content ol,
.content ul {
    font-size:12pt; line-height:20px; margin-left:1.4em;
}
.content hr {
    border:0; height:1px;
    background-color:#aaa;
}
.content input[type='image'] {
    border:0;
}


.content .doc_date_venue {
    margin-left:20px;
    font-size:12pt; line-height:30px;
}
    .layout .content .doc_date_venue {
        margin-left:0px;
    }
.content .doc_date_venue img {
    display:inline-block; width:25px; height:25px; margin:0 10px 0 20px;
    vertical-align:text-bottom;
}
.content .doc_date_venue img:first-child {
    margin-left:0px;
}
    .layout .content .doc_date_venue img {
        margin-left:0px;
    }
.content .doc_summary {
    margin-left:20px;
}
    .layout .content .doc_summary {
        margin-left:0px;
    }


.content .list_item {
    margin-bottom:40px;
}
.content .list_item_title {
    font-size:14pt; line-height:24px; margin-top:6px; margin-bottom:18px;
    color:#333; font-weight:normal;
}
.content .list_item_title a {
    color:#333;
}
.content .list_item_title a:hover {
    text-decoration:none;
}
.content .list_item_detail {
    font-size:12pt; line-height:20px;
    color:#666;
}


.content .tools a {
    font-size:8pt; font-family:arial; line-height:1em; padding:0 2px; margin-left:4px;
    background:#aaa; color:#fff; text-decoration:none;
}

/* -- */




/* -- home -- */

.home_banner {
    position:relative;
    width:1060px; height:403px; margin-left:auto; margin-right:auto;
    overflow:hidden;
    background-color:#fff;
    box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    -moz-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    -webkit-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
}
    .layout_mobile .home_banner {
        width:100%; height:auto;
    }
.home_banner:hover {
    box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -moz-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -webkit-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
}
    .layout_mobile .home_banner {
        box-shadow:2px 2px 2px rgba(100,100,100,0.6);
        -moz-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
        -webkit-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    }
.home_banner_frame {
    position:absolute; left:40px; top:20px;
    width:980px; height:363px;
}
    .layout_mobile .home_banner_frame {
        position:relative; left:0; top:0;
        width:320px; height:119px;
    }
.home_banner_prev_button,
.home_banner_next_button {
    position:absolute; width:40px; height:29px; overflow:hidden;
    cursor:pointer;
}
    .layout_mobile .home_banner_prev_button,
    .layout_mobile .home_banner_next_button {
        position:relative; display:inline-block; width:20px; height:14.5px; margin-top:10px; margin-bottom:10px;
    }
.home_banner_prev_button {
    left:0px; top:176px;
}
    .layout_mobile .home_banner_prev_button {
        right:auto; top:auto;
        margin-left:100px; margin-right:40px;
    }
.home_banner_next_button {
    right:0px; top:176px;
}
    .layout_mobile .home_banner_next_button {
        right:auto; top:auto;
        margin-left:40px; margin-right:100px;
    }



.home_short_cut {
    width:1052px; margin-left:auto; margin-right:auto;  /* 1052 = 980 + 36 + 36 */
    margin-top:20px;  /* 20 = 56 - 36 */
}
    .layout_mobile .home_short_cut {
        width:100%;
        margin-top:20px;  /* 20 = 40 - 20 */
    }
.home_short_cut_item {
    position:relative;
    margin-left:36px; margin-top:36px; display:inline-block; float:left; width:218px; height:200px; overflow:hidden;
    box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    -moz-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    -webkit-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
}
    .layout_mobile .home_short_cut_item {
        margin-left:20px; margin-top:20px; width:130px; height:120px;
    }
.home_short_cut_item:hover {
    box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -moz-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -webkit-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
}
    .layout_mobile .home_short_cut_item:hover {
        box-shadow:2px 2px 2px rgba(100,100,100,0.6);
        -moz-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
        -webkit-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    }
.home_short_cut_photo {
    
}
.home_short_cut_title {
    position:absolute; left:0px; top:110px; width:218px; height:90px;
    opacity:0.9; filter:alpha(opacity=90);
    font-size:18pt;
    background-color:#e92e2b; color:#fff;
}
    .layout_mobile .home_short_cut_title {
        top:70px; width:130px; height:50px;
        font-size:12pt;
    }
    html[lang='en'] .layout_mobile .home_short_cut_title {
        font-size:10pt;
    }
.home_short_cut_title_en {
    font-size:14pt;
}



.home_video {
    position:relative;
    width:900px; margin-left:auto; margin-right:auto;
    margin-top:56px;
}
    .layout_mobile .home_video {
        width:100%;
        margin-top:40px;
    }
.home_video .home_more_video,
.home_video .home_support_sps {
    display:block; width:160px;
    background-color:#e92e2b; color:#fff;
    font-size:18pt; padding:30px 0;
    text-align:center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    -moz-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
    -webkit-box-shadow:2px 2px 2px rgba(100,100,100,0.6);
}
.home_video .home_more_video {
    position:absolute; left:520px; top:70px; line-height:28px;
}
.home_video .home_support_sps {
    position:absolute; left:720px; top:70px; line-height:56px;
}
    .layout_mobile .home_video .home_more_video,
    .layout_mobile .home_video .home_support_sps {
        position:relative; left:0; top:0; line-height:28px;
        float:left; margin-left:20px; margin-top:20px;
        width:130px;
        font-size:14pt; padding:30px 0;
    }
.home_video .home_more_video:hover,
.home_video .home_support_sps:hover {
    text-decoration:none;
    box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -moz-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
    -webkit-box-shadow:4px 4px 4px rgba(100,100,100,0.6);
}



.home_latest {
    width:980px; margin-left:auto; margin-right:auto;
    margin-top:56px;
}
    .layout_mobile .home_latest {
        width:100%; padding:0 10px;
        margin-top:40px;
    }
.home_latest .doc_date_venue {
    margin-left:0px;
}
.home_latest .doc_summary {
    margin-left:0px;
}

/* -- */