/*----default style----*/

a {
    text-decoration: none;
    color: #000;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Myriad Pro;
    font-size: 16px;
    min-width: 320px;
}

button {
    background: #fff;
}

.container {
    width: 1024px;
    margin: auto;
}

img {
    border: 0px;
}

select::-ms-expand {
    display: none;
}

.clr {
    clear: both;
}


/*----top-----*/

#top-lang {
    background-color: #CACACA;
    height: 30px;
    display: block;
    width: 100%;
}

#top-lang .container #top-lang-info {
    width: 100%;
    text-align: right;
    font-size: 16px;
    line-height: 28px;
    padding-top: 1px;
}

#top-lang .container #top-lang-info a {
    font-size: 18px;
    line-height: 28px;
    padding-top: 1px;
}

#top-lang .container #top-lang-info .selected {
    color: #A01C32;
}


/*----header style----*/

#header {
    display: block;
}

#header .container #header-info {
    width: 100%;
    padding: 20px 0px;
}

#header .container #header-info .header-left {
    float: left;
}

#header .container #header-info .header-left .icon_80A {
    float: left;
    height: 65px;
}

#header .container #header-info .header-left .icon_80A img {
    height: 65px;
}

#header .container #header-info .header-left .icon_polyu {
    float: left;
    padding-left: 10px;
    height: 65px;
}

#header .container #header-info .header-left .icon_polyu img {
    height: 65px;
}

#header .container #header-info .header-right {
    float: right;
}

#header .container #header-info .header-right .icon_cpa {
    padding: 0px;
    width: 100%;
    text-align: right;
}

#header .container #header-info .header-right .icon_tagline {
    padding: 0px;
    width: 100%;
    text-align: right;
}

#header .container #header-info .header-right-320 {
    display: none;
}


/*----banner------*/

#banner {
    width: 100%;
    height: 110px;
    background-color: #A02337;
    display: block;
}

#banner .container #banner-info {}

#banner .container #banner-info #banner-name {
    color: #fff;
    font-size: 2.25em;
    line-height: 1em;
    float: left;
    padding-left: 0px;
    padding-top: 35px;
    font-weight: bold;
}

#banner .container #banner-info #banner-pdf {
    color: #333;
    font-size: 2.25em;
    float: left;
    padding-left: 50px;
    padding-top: 52px;
}


/*---- Panel -----*/

#panel {
    width: 1024px;
    margin: 0px auto;
}

#left-panel {
    float: left;
    width: 614px;
    padding-right: 40px;
}

#right-panel {
    float: left;
    width: 370px;
}


/*----- Description ------*/

#description {
    width: 100%;
    display: block;
}

#description .description-container {}

#description .description-container #description-info {
    padding-left: 0px;
    width: 85%;
    padding-top: 22px;
    display: block;
    text-align: justify;
    text-justify: inter-word;
}


/*----- form ------*/

#form {
    width: 100%;
    display: block;
}

#form .form-container #form-info {
    padding-left: 0px;
    width: 100%;
    padding-top: 18px;
    display: block;
}

#form .form-container #form-info .search_keyword {
    width: 280px;
    padding-right: 10px;
    float: left;
    padding-bottom: 10px;
}

#form .form-container #form-info .search_keyword input[type="text"] {
    width: 100%;
    height: 42px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #58595A;
    background: url(/its/faq/images/desktop/search.gif) no-repeat left 5px top 10px;
    box-sizing: border-box;
    color: #58595A;
    padding-left: 25px;
    font-size: 16.8px;
}

#form .form-container #form-info .search_dropdown {
    width: 280px;
    padding-right: 10px;
    float: left;
    padding-bottom: 10px;
}

#form .form-container #form-info .search_dropdown select {
    color: #58595A;
    border: 1px solid #A1A2A3;
    background: url(/its/faq/images/desktop/list.gif) #E5E6E7 no-repeat top 12px right 0px;
    width: 100%;
    height: 42px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 15px;
    box-sizing: border-box;
    padding-right: 1em;
    -moz-appearance: none;
}

#form .form-container #form-info .search_button {
    text-align: right;
    padding-right: 43px;
}

#form .form-container #form-info .search_button .button_en {
    background: url(/its/faq/images/button_search_en.png);
    border: 0px;
    width: 92px;
    height: 40px;
    cursor: pointer;
    margin-top: 10px;
}

#form .form-container #form-info .search_button .button_tc {
    background: url(/its/faq/images/button_search_tc.png);
    border: 0px;
    width: 92px;
    height: 40px;
    cursor: pointer;
    margin-top: 10px;
}

#form .form-container #form-info .search_button .button_sc {
    background: url(/its/faq/images/button_search_sc.png);
    border: 0px;
    width: 92px;
    height: 40px;
    cursor: pointer;
    margin-top: 10px;
}


/*----- contact us ------*/

#contactus {}

#contactus .contactus-container {}

#contactus .contactus-container #contactus-info {
    padding-top: 22px;
}

#contactus .contactus-container #contactus-info a {
    color: blue;
    text-decoration: underline;
}


/*----- result ------*/

#result {
    width: 100%;
    display: block;
}

#result .container #result-info {
    padding-left: 0px;
    width: 100%;
    padding-top: 18px;
    display: block;
    color: #858585;
}

#result .container #result-info a {
    text-decoration: underline;
    color: #858585;
}

#result .container #result-info a:hover {
    text-decoration: none;
}

#result-top #result-top-label {
    font-weight: bold;
    float: left;
    padding-right: 8px;
    color: #858585;
}

#result-top #result-top-label a {
    font-weight: bold;
    color: #858585;
}

#result-top #result-top-key {
    float: left;
    padding-right: 8px;
    color: #858585;
}

#result-top #result-top-key a {
    color: #858585;
    text-decoration: underline;
}

#result-dept-info {
    padding: 15px 0px 5px 0px;
}

#result-dept-info #result-for-department-label {
    color: #7F293B;
    font-weight: bold;
}

#result-dept-info #result-for-department-info a {
    text-decoration: underline;
    color: #858585;
}

#result-dept-info #result-for-department-info .hiddenItem {
    display: none;
}

#result-dept-info #result-for-department-info .hiddenMoreButton {
    text-decoration: underline;
    cursor: pointer;
    color: #858585;
}

#result-detail {
    padding-top: 15px;
}

#result-detail .result-detail-label {
    color: #7F293B;
    font-weight: bold;
    padding-bottom: 10px;
}

#result-detail .result-for-1024 {
    display: block;
    width: 1024px;
}

#result-detail .result-for-1024 table {
    border: 0px;
    border-collapse: collapse;
}

#result-detail .result-for-1024 tr {}

#result-detail .result-for-1024 tr td {
    padding: 5px 8px;
    color: #858585;
    vertical-align: top;
}

#result-detail .result-for-1024 tr td a {
    color: #858585;
    text-decoration: none !important;
}

#result-detail .result-for-1024 tr td ul {
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
}

#result-detail .result-for-1024 tr td ul li {
    padding: 0px;
}

#result-detail .result-for-1024 .hiddenExp {
    display: none;
}

#result-detail .result-for-1024 .hiddenMore {
    text-decoration: underline;
    cursor: pointer;
}

#result-detail .result-for-1024 .header {}

#result-detail .result-for-1024 .header td {
    background-color: #888888;
    color: #FFFFFF;
    font-weight: bold;
}

#result-detail .result-for-1024 .content td {
    padding: 10px 8px;
}

#result-detail .result-for-1024 .line td {
    height: 1px;
    border-bottom: 1px solid #858585;
}

#result-detail .result-for-640 {
    display: none;
}

#result-detail .result-for-320 {
    display: none;
}

#result-info .result-no-result {
    min-height: 350px;
    padding-top: 30px;
}

#result-info .result-page {
    width: 100%;
    padding-top: 30px;
    text-align: center;
}

#result-info .result-page {
    width: 100%;
    padding-top: 30px;
    text-align: center;
}

#result-info .result-page a {
    color: #858585;
}

#result-info .result-page .result-page-vline {
    padding: 0px;
    margin: 0px;
}

#result-info .result-page .result-page-bracket {
    padding: 0px;
    margin: 0px;
}

#result-info .result-page .result-page-number {
    padding: 5px;
    text-align: center;
}

#result-info .result-page .result-page-number-selected {
    border: 1px solid #000000;
}


/*----back button-----*/

#result-back {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: right;
}

#result-back .container #result-back-info {}


/*----hidden tagline-----*/

#hidden-tagline {
    width: 100%;
    display: block;
    height: 80px;
    padding-top: 30px;
}

#hidden-tagline .container #hidden-tagline-info {
    display: none;
}


/*----- footer ---------*/

#footer {
    width: 100%;
    display: block;
    background-color: #454545;
    padding: 15px 0px;
}

#footer .container #footer-info {
    width: 100%;
    display: block;
}

#footer .container #footer-info #footer-left {
    float: left;
    color: #FFFFFF;
    font-size: 0.8em;
}

#footer .container #footer-info #footer-left a {
    color: #FFFFFF;
}

#footer .container #footer-info #footer-right {
    float: right;
    color: #FFFFFF;
    font-size: 0.8em;
}