@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C700italic%2C800italic%2C900italic%2C900%2C400%2C300%2C800%2C700%2C600&ver=4.8.1.1);
@import url(sanfrancisco-font.css);
body {
    font: 0.9em/1.4em Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #666;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
}

html {
    -webkit-font-smoothing: antialiased;
}

a {
    color: #333;
    text-decoration: none;
    transition: 0.5s ease;
    transition-property: all;
}

a:hover {
    text-decoration: none;
    opacity: 0.7;
}

input::-webkit-input-placeholder {
    padding-top: 8px;
}

p {
    font-size: 0.8em;
    line-height: 1.8em;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
}

h3 {
    font-size: 0.9em;
    font-weight: bold;
}

h4 {
    font-size: 0.8em;
    font-weight: bold;
}

h5 {
    font-size: 0.9em;
    line-height: 2em;
}

img {
    vertical-align: middle
}

.colour_333 {
    color: #333
}

.weight600 {
    font-weight: 600
}


/*外層包圍*/

.pagewrap {
    width: 100%;
    margin: 0 auto;
}

.disclaimer p {
    margin: 10px;
    font-size: 14px;
}

.disclaimer .layui-layer-content {
    padding: 40px;
}

.disclaimer p.subtitle {
    font-weight: bold;
    color: #000
}


/*header*/

.container_header {
    position: absolute;
    width: 100%;
    z-index: 50000
}

.header_bg {
    position: absolute;
    width: 100%;
    height: 110px;
    background: url("../images/menu_bg_1920.png") top center repeat;
    z-index: 51000
}

.header_logo {
    position: absolute;
    width: 250px;
    margin: 20px 0 0 40px;
    z-index: 53000
}

.header_right01 {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 120px;
    z-index: 53000
}

.header_right01_text {
    position: absolute;
    right: 7px;
    top: 16px;
    color: #fff;
    font: 600 0.9em/1em 'cwTeXHei', sans-serif;
    z-index: 53001
}

.header_right01_text a {
    color: #fff;
    transition: 0.5s ease;
    transition-property: all;
}

.header_right01_text a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.header_right02 {
    position: absolute;
    right: 0px;
    top: 48px;
    width: 81px;
    z-index: 53000;
    cursor: pointer
}

.header_right02 img {
    position: absolute;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.header_right02 img:nth-of-type(2):hover {
    opacity: 0;
}

.header_menu {
    position: absolute;
    width: 100%;
    padding: 0 0 0 0;
    z-index: 52000
}


/*index*/

.index_bg {
    position: relative;
    z-index: 0;
}

.index_footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 45px;
    background: url("../images/menu_bg.png") top center repeat;
    color: #fff;
    z-index: 51000
}

.index_footer_text {
    display: block;
    float: left;
    width: 100%;
    margin: 15px 0 0 40px;
    font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
}

.index_footer_text a {
    color: #fff;
    transition: 0.5s ease;
    transition-property: all;
}

.index_footer_text a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.index_footer_text_480 {
    display: none;
}


/*inner*/

.inner_bg {
    float: left;
    width: 100%;
}

.inner_footer {
    float: left;
    width: 100%;
    background-color: #222;
}

.inner_footer_text01 {
    display: inline;
    float: left;
    width: 80%;
    margin: 2% 10% 0 10%
}

.inner_footer_text01_01 {
    float: left;
    width: 20%;
    margin: 0 0 0 0
}

.inner_footer_text01_01title {
    float: none;
    width: 75%;
    color: #fff;
    border-bottom: 1px solid #999;
    padding: 3% 0;
    margin: 0 0 5% 0;
    ;
    font: 600 1.1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
}

.inner_footer_text01_01title a {
    color: #fff;
    transition: 0.5s ease;
    transition-property: all;
}

.inner_footer_text01_01title a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.inner_footer_text01_01contect {
    float: none;
    width: 100%;
    padding: 2% 0;
}

.inner_footer_text01_01contect a {
    color: #fff;
    transition: 0.5s ease;
    transition-property: all;
}

.inner_footer_text01_01contect a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.inner_footer_text02 {
    display: inline;
    float: left;
    width: 80%;
    margin: 2% 10% 0 10%
}

.inner_footer_text02_02 {
    float: left;
    width: 100%;
    border-top: 1px solid #999;
    padding: 1.5% 0;
    margin: 0 0 0 0
}

.inner_footer_text02_02contect {
    float: none;
    width: 100%;
    margin: 0 0 0.5% 0;
    color: #fff;
}

.inner_footer_text02_02contect a {
    color: #fff;
    transition: 0.5s ease;
    transition-property: all;
}

.inner_footer_text02_02contect a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.inner_footer_text03 {
    display: inline;
    float: left;
    width: 80%;
    margin: 0 10% 2% 10%
}

.inner_footer_text03_03 {
    float: left;
    width: 100%;
    border-top: 1px solid #999;
    padding: 1.5% 0;
    margin: 0 0 0 0
}

.inner_footer_text03_03contect_a {
    display: inline;
    float: none;
    width: 100%;
    margin: 0 0 0.5% 0;
    color: #fff;
}

.inner_footer_text03_03contect_a a {
    color: #fff;
    transition: 0.5s ease;
    transition-property: all;
}

.inner_footer_text03_03contect_a a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.inner_footer_text03_03contect_b {
    display: none
}

.inner_footer_shadow01 {
    float: left;
    width: 100%;
    height: 0px;
}

.inner_footer_shadow01in01 {
    float: left;
    width: 80%;
    height: 30px;
    margin: 0 10%;
    background-color: #999;
}

.inner_footer_shadow01in02 {
    float: left;
    width: 80%;
    height: 30px;
    margin: 0 10%;
    background-color: #eee;
}

.inner_footer_shadow01in03 {
    float: left;
    width: 80%;
    height: 30px;
    margin: 0 10%;
    background-color: #eaeaf8;
}

.inner_footer_shadow01in04 {
    float: left;
    width: 80%;
    height: 30px;
    margin: 0 10%;
    background-color: #d7d7eb;
}

.inner_topbg_title {
    float: none;
    color: #555;
    text-align: center;
    font: 400 4.5em/1em San Francisco Display Thin;
    opacity: 1;
    font-weight: bold !important;
}

.inner_topbg_arrow {
    position: absolute;
    width: 3%;
    left: 48.5%;
    top: 850px;
    z-index: 49000
}

.inner_topbg_shadow {
    position: absolute;
    width: 100%;
    height: 50px;
    background: url("../images/shadow_01.png") top center no-repeat;
    z-index: 49000
}

.inner_topbg_shadow01 {
    float: left;
    width: 100%;
    height: 8px;
    background: url("../images/shadow_01.png") top center repeat-x;
    z-index: 49000
}

.shawdow {
    display: block;
    background: url("../images/shine.png") -500px -500px no-repeat;
    -webkit-transition-property: all;
    -webkit-transition-duration: .8s;
    transition-property: all;
    transition-duration: 1.1s;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    opacity: 0.8;
}

.slider1 {
    position: relative;
    z-index: 1;
}

.shawdow:hover {
    background-position: 100px 250px;
}


/*Corporate Profile*/

.profile_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/profile_toppic.jpg") top center no-repeat;
    background-size: cover;
}

.profile_topbg_title {
    width: 100%;
    margin: 430px 0 0 0;
    padding: 15px 0;
}

.profile_topbg_contect {
    float: none;
    width: 35%;
    margin: 40px 0 0 90px;
    font: 1.3em/1.9em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: justify;
}

.profile_topbg_icon01 {
    float: none;
    width: 3%;
    margin: 100px 0 0 48.5%;
}

.profile_photo_con01 {
    float: left;
    width: 80%;
    margin: 1.1% 0 0 10%
}

.profile_photo_con02 {
    float: left;
    width: 80%;
    margin: 1% 0 1% 10%
}

.profile_photo_01_01a {
    display: inline;
    float: left;
    width: 100%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_01_01b {
    display: none
}

.profile_photo_01_01c {
    display: none
}

.profile_photo_02_01 {
    display: inline;
    float: left;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_02_02 {
    display: inline;
    float: left;
    width: 32.4%;
    margin: 0 0 0 1.47%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}


/*.profile_photo_02_03 { display: inline; float:left; width: 24.62%; margin: 0 0 0 0.8%}*/

.profile_photo_02_04 {
    display: inline;
    float: right;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_03_01 {
    display: inline;
    float: left;
    width: 24.62%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_03_02 {
    display: inline;
    float: left;
    width: 24.62%;
    margin: 0 0 0 0.6%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_03_03 {
    display: inline;
    float: left;
    width: 24.62%;
    margin: 0 0 0 0.5%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_03_04 {
    display: inline;
    float: right;
    width: 24.62%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_04_01a {
    display: inline;
    float: left;
    width: 100%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_04_01b {
    display: none
}

.profile_photo_04_01c {
    display: none
}


/*.profile_photo_05_01 { display: inline; float:left; width: 24.62%}
.profile_photo_05_02 { display: inline; float:left; width: 24.62%; margin: 0 0 0 0.8%}
.profile_photo_05_03 { display: inline; float:left; width: 24.62%; margin: 0 0 0 0.8%}
.profile_photo_05_04 { display: inline; float:right; width: 24.62%}*/

.profile_photo_06_01 {
    display: inline;
    float: left;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}


/*.profile_photo_06_02 { display: inline; float:left; width: 24.62%; margin: 0 0 0 0.8%}*/

.profile_photo_06_03 {
    display: inline;
    float: left;
    width: 32.4%;
    margin: 0 0 0 1.47%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_photo_06_04 {
    display: inline;
    float: right;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.profile_content_01 {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background-color: #41759d;
    /* background:url("../images/profile_content_bg_1920.jpg") center center no-repeat;*/
}

.profile_content_02 {
    float: left;
    width: 100%;
}

.profile_white_bg {
    float: left;
    width: 80%;
    margin: 80px 0 100px 10%;
}

.profile_contect_title {
    float: left;
    width: 90%;
    margin: 80px 0 0 5%;
    font: 400 4.5em/1em San Francisco Display Thin;
    text-align: center
}

.profile_contect_contect {
    float: left;
    width: 70%;
    margin: 80px 0 80px 15%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    color: #fff
}


/*value*/

.value_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/value_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.value_topbg_title {
    width: 100%;
    margin: 430px 0 0 0;
    padding: 15px 0;
}

.value_contect_white_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    padding: 0 0 50px 0;
    background: #fff/*background:url("../images/bg_11.jpg") top center no-repeat;background-size:cover;*/
}

.value_contect_bg {
    float: left;
    width: 100%;
    background-color: #8d8d93
}

.value_contect_title {
    float: left;
    width: 100%;
    margin: 100px 0 0 0;
    text-align: center;
    font: 600 3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #444;
}

.value_contect_box {
    float: left;
    width: 85%;
    margin: 50px 7.5% 0 7.5%;
}

.value_contect_box01 {
    float: left;
    width: 29%;
    margin: 1% 2%
}

.value_contect_box01_pic {
    float: left;
    width: 50%;
    margin: 0 25%;
}

.value_contect_box01_title {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    color: #5d92cd;
    text-align: center;
    font: 600 2.4em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
}

.value_contect_box01_contect {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
}


/*history*/

.history_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/history_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.history_topbg_title {
    width: 100%;
    margin: 430px 0 0 0%;
    padding: 15px 0;
}


/*Board of Directors*/

.board_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/board_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.board_topbg_title {
    width: 100%;
    margin: 430px 0 0 0%;
    padding: 15px 0;
}

.board_bg00 {
    float: left;
    width: 100%;
    background-color: #8d8d93
}

.board_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background: #fff;
    padding: 60px 0 40px 0
}

.board_box01 {
    float: left;
    width: 90%;
    margin: 0 0 20px 5%;
    display: flex
}

.board_box01_left {
    float: left;
    width: 35%;
    margin: 20px 0 25px 1%;
    align-items: center;
    display: flex;
}

.board_box01_left img {
    vertical-align: middle;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.board_box01_right {
    
    width: 100%;
    margin: 20px
}

.board_title01 {
    float: left;
    width: 100%;
    font: 600 1.7em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 20px 0 20px 0
}

.board_title02 {
    float: left;
    width: 100%;
    min-width: 370px;
    font: 600 1.4em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 0 30px 0
}

.board_contect01 {
    float: left;
    width: 100%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: justify;
}


/*global location*/

.global_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/global_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.global_topbg_title {
    width: 100%;
    margin: 430px 0% 0 0;
    padding: 15px 0;
    color: #fff
}

.global_conect_bg00 {
    float: left;
    width: 100%;
    background-color: #8d8d93
}

.global_conect_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
}

.global_conect_bg_768 {
    display: none
}

.global_conect_title {
    float: left;
    width: 50%;
    margin: 80px 25% 0 25%;
    font: 600 1.8em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.global_conect_line {
    float: left;
    width: 10%;
    margin: 20px 45%;
    border-top: 6px solid #1566a3;
}


/*why alco*/

.why_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/why_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.why_topbg_title {
    width: 100%;
    margin: 430px 0 0 0%;
    padding: 15px 0;
}

.why_topbg_subtitle {
    width: 100%;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    font: 400 1.2em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
}

.why_topbg_submenu {
    float: left;
    width: 100%;
    padding: 210px 0 0 0
}

.why_topbg_submenuin01 {
    float: left;
    width: 15%;
    margin: 0 0 0 32%;
    padding: 10px 30px;
    font: 600 1.41em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.why_topbg_submenuin01 a {
    color: #555;
    transition: 0.5s ease;
    transition-property: all;
    font: 600 1.41em/2em;
}

.why_topbg_submenuin01 a:hover {
    background-color: #0072ce;
    color: #fff;
    padding: 10px 30px;
}

.why_topbg_submenuin01on {
    float: left;
    width: 15%;
    margin: 0 0 0 32%;
    padding: 10px 30px;
    font: 600 1.41em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    background-color: #626262;
    color: #fff;
}

.why_topbg_submenuin02 {
    float: left;
    width: 15%;
    margin: 0 0 0 0;
    padding: 10px 30px;
    font: 600 1.41em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.why_topbg_submenuin02 a {
    color: #555;
    transition: 0.5s ease;
    transition-property: all;
    font: 600 1.41em/2em;
}

.why_topbg_submenuin02 a:hover {
    background-color: #0072ce;
    color: #fff;
    padding: 10px 30px;
}

.why_topbg_submenuin02on {
    float: left;
    width: 15%;
    margin: 0 0 0 0;
    padding: 10px 30px;
    font: 600 1.31em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    background-color: #626262;
    color: #fff;
}


/*Technology & Design*/

.technology_contect_bg {
    float: left;
    width: 100%;
    background-color: #8d8d93/*background:url("../images/why_dt_contectbg.jpg") top center no-repeat; background-size:cover;*/
}

.technology_white_bg {
    float: left;
    width: 80%;
    margin: 0 20% 0 10%;
    background-color: #fff;
    /*background:url("../images/bg_17.jpg") top center no-repeat;*/
}

.technology_contect_title {
    float: left;
    width: 60%;
    margin: 80px 20% 20px 20%;
    font: 400 4.5em/1em San Francisco Display Thin;
    text-align: center
}

.technology_contect_subtitle {
    float: left;
    width: 60%;
    margin: 0 20% 0 20%;
    font: 400 1.5em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.technology_contect_box {
    float: left;
    width: 80%;
    margin: 40px 0 60px 10%
}

.technology_contect_boxleft {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.technology_contect_boxright {
    float: right;
    width: 100%;
    margin: 0 0 0 0;
}

.technology_contect_box_photo1a {
    display: inline;
    float: left;
    width: 32%;
    margin: 20px 0 20px 1%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.technology_contect_box_photo1b {
    display: inline;
    float: left;
    width: 32%;
    margin: 20px 0 20px 1%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.technology_contect_box_photo1c {
    display: inline;
    float: left;
    width: 32%;
    margin: 20px 0 20px 1%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.technology_contect_box_photo2a {
    display: inline;
    float: left;
    width: 32%;
    margin: 20px 0 20px 1%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.technology_contect_box_photo2b {
    display: inline;
    float: left;
    width: 32%;
    margin: 20px 0 20px 1%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.technology_contect_box_photo2c {
    display: inline;
    float: left;
    width: 32%;
    margin: 20px 0 20px 1%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.technology_contect_box_title {
    float: left;
    width: 80%;
    margin: 10px 10%;
    color: #0072ce;
    font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
}

.technology_contect_box_contect {
    float: left;
    width: 80%;
    margin: 10px 10% 30px 10%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}


/*Facility & Equipment*/

.facility_contect_bg {
    float: left;
    width: 100%;
    background-color: #8d8d93/*background:url("../images/why_fe_contectbg.jpg") top center no-repeat; background-size:cover;*/
}

.facility_white_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background-color: #fff/* background:url("../images/bg_18.jpg") top center no-repeat;*/
}

.facility_contect_title {
    float: left;
    width: 60%;
    margin: 80px 20% 20px 20%;
    font: 400 4.5em/1em San Francisco Display Thin;
    text-align: center
}

.facility_contect_subtitle {
    float: left;
    width: 60%;
    margin: 0 20% 0 20%;
    font: 400 1.5em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.facility_contect_contect {
    float: left;
    width: 80%;
    margin: 30px 0 0 10%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left
}

.facility_contect_boxcon {
    float: left;
    width: 100%;
    margin: 30px 0 10px 0%;
}

.facility_contect_subtitle02 {
    float: left;
    width: 80%;
    margin: 20px 0 10px 10%;
    font: 600 1.7em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    color: #2f8a1d
}

.facility_contect_box {
    float: left;
    width: 90%;
    margin: 20px 0 20px 6%
}

.facility_contect_boxin {
    float: left;
    width: 31%;
    margin: 0 2% 0 0
}

.facility_contect_boxin01 {
    float: left;
    width: 75%;
    margin: 0 2% 0 0
}

.facility_contect_boxin02 {
    float: left;
    width: 21%;
    margin: 0 2% 0 0
}

.facility_contect_boxin :hover {
    transition: 0.5s ease;
    transition-property: all;
    opacity: 0.7
}

.facility_contect_boxin_photo {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.facility_contect_boxin_title {
    float: left;
    width: 100%;
    height: 40px;
    margin: 10px 0;
    font: 1.1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}


/*Products*/

.products_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/products_topbg.jpg") top center no-repeat;
    background-size: cover;
    background-position: center;
}

.products_topbg_title {
    width: 100%;
    margin: 25% 0% 0 0%;
    font-size: 50px;
    font-weight: bold;
    color: #fff
}

.products_bg {
    float: left;
    width: 100%;
    background-color: #fff;
    /* background:url("../images/bg_11.jpg") top center no-repeat;background-size:cover;*/
}

.products_photo_con01 {
    float: left;
    width: 80%;
    margin: 1.1% 0 0 10%
}

.products_photo_con02 {
    float: left;
    width: 80%;
    margin: 1.1% 0 1.1% 10%
}

.products_photo_con03 {
    float: left;
    width: 80%;
    margin: 0 0 0 10%
}

.products_photo_01_01 {
    display: inline;
    float: left;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}


/*.products_photo_01_02 { display: inline; float:left; width: 24.62%; margin: 0 0 0 0.8%}*/

.products_photo_01_03 {
    display: inline;
    float: left;
    width: 32.4%;
    margin: 0 0 0 1.47%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_01_04 {
    display: inline;
    float: right;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_02_01a {
    display: inline;
    float: left;
    width: 100%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_02_01b {
    display: none
}

.products_photo_02_01c {
    display: none
}

.products_photo_03_01 {
    display: inline;
    float: left;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}


/*.products_photo_03_02 { display: inline; float:left; width: 24.62%; margin: 0 0 0 0.8%}*/

.products_photo_03_03 {
    display: inline;
    float: left;
    width: 32.4%;
    margin: 0 0 0 1.47%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_03_04 {
    display: inline;
    float: right;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_04_01a {
    display: inline;
    float: left;
    width: 100%
}

.products_photo_04_01b {
    display: none
}

.products_photo_04_01c {
    display: none
}

.products_photo_05_01 {
    display: inline;
    float: left;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}


/*.products_photo_05_02 { display: inline; float:left; width: 24.62%; margin: 0 0 0 0.8%}*/

.products_photo_05_03 {
    display: inline;
    float: left;
    width: 32.4%;
    margin: 0 0 0 1.47%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_05_04 {
    display: inline;
    float: right;
    width: 32.4%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_06_01a {
    display: inline;
    float: left;
    width: 100%;
    box-shadow: 3px 3px 10px 1px rgba(20%, 20%, 20%, 0.8);
}

.products_photo_06_01b {
    display: none
}

.products_photo_06_01c {
    display: none
}


/*Investor Relation*/

.investor_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/investor_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.investor_topbg_title {
    width: 100%;
    margin: 430px 0 0 0%;
    padding: 15px 0;
    font-weight: bold;
    color: #fff
}

.investor_topbg_submenu {
    float: left;
    width: 100%;
    padding: 210px 0 0 0
}

.investor_topbg_submenuin01 {
    float: left;
    width: 18%;
    margin: 0 0 0 18.5%;
    padding: 10px 30px;
    font: 600 1.51em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.investor_topbg_submenuin01 a {
    color: #555;
    transition: 0.5s ease;
    transition-property: all;
}

.investor_topbg_submenuin01 a:hover {
    background-color: #0072ce;
    color: #fff;
    padding: 10px 30px;
}

.investor_topbg_submenuin01on {
    float: left;
    width: 18%;
    margin: 0 0 0 18.5%;
    padding: 10px 30px;
    font: 600 1.51em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    background-color: #626262;
    color: #fff;
}

.investor_topbg_submenuin02 {
    float: left;
    width: 18%;
    margin: 0 0 0 0%;
    padding: 10px 30px;
    font: 600 1.51em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.investor_topbg_submenuin02 a {
    color: #555;
    transition: 0.5s ease;
    transition-property: all;
}

.investor_topbg_submenuin02 a:hover {
    background-color: #0072ce;
    color: #fff;
    padding: 10px 30px;
}

.investor_topbg_submenuin02on {
    float: left;
    width: 18%;
    margin: 0 0 0 0%;
    padding: 10px 30px;
    font: 600 1.51em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    background-color: #626262;
    color: #fff;
}

.investor_topbg_submenuin03 {
    float: left;
    width: 18%;
    margin: 0 0 0 0%;
    padding: 10px 30px;
    font: 600 1.51em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.investor_topbg_submenuin03 a {
    color: #555;
    transition: 0.5s ease;
    transition-property: all;
}

.investor_topbg_submenuin03 a:hover {
    background-color: #0072ce;
    color: #fff;
    padding: 10px 30px;
}

.investor_topbg_submenuin03on {
    float: left;
    width: 18%;
    margin: 0 0 0 0%;
    padding: 10px 30px;
    font: 600 1.51em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    background-color: #626262;
    color: #fff;
}


/*Annual / Interim Reports*/

.annual_contect_bg {
    float: left;
    width: 100%;
    /*background:url("../images/investor_an_contectbg.jpg") top center no-repeat; background-size:cover;*/
    background: #8d8d93;
}

.annual_white_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background: #fff;
    /*background:url("../images/bg_11.jpg") top center no-repeat;background-size:cover;*/
}

.annual_contect_title {
    float: left;
    width: 60%;
    margin: 80px 20% 0 20%;
    font: 400 4.5em/1em San Francisco Display Thin;
    text-align: center;
}

.annual_contect_box {
    float: left;
    width: 80%;
    margin: 30px 0 60px 10%
}

.annual_contect_boxin {
    float: left;
    width: 19%;
    margin: 0 6% 0 0
}

.annual_contect_boxin a {
    transition: 0.5s ease;
    transition-property: all;
}

.annual_contect_boxin a:hover {
    opacity: 0.7
}

.annual_contect_boxin_photo {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.annual_contect_boxin_title {
    float: left;
    width: 100%;
    height: 40px;
    margin: 10px 0;
    font: 1.1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.annual_contect_box02 {
    float: left;
    width: 80%;
    margin: 30px 0 60px 10%;
    text-align: center;
    color: #000
}

.annual_btn {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
}

.annual_btnin {
    background-color: #ffffff;
    color: #797979;
    padding: 20px 0;
    font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    border: 1px solid #666;
    transition: 0.5s ease;
    transition-property: all;
}

.annual_btnin:hover {
    background-color: #ccc;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .5);
    border: 1px solid #ccc;
    color: #333
}


/*Announcements*/

.announcements_contect_bg {
    float: left;
    width: 100%;
    background-color: #8d8d93;
    /*background:url("../images/investor_an_contectbg.jpg") top center no-repeat; background-size:cover;*/
}

.announcements_white_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background: #fff;
    /*background:url("../images/bg_17.jpg") top center no-repeat;background-size:cover;*/
}

.announcements_contect_title {
    float: left;
    width: 80%;
    margin: 80px 0 0 10%;
    font: 400 4.5em/1em San Francisco Display Thin;
    text-align: center
}

.announcements_contect_subtitle {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
}

.announcements_contect_subtitlein01 {
    float: left;
    width: 49%;
    margin: 7px 20px 0 0;
    text-align: right
}

.announcements_contect_subtitlein02 {
    float: left;
    width: 10%;
}

.announcements_contect_box {
    float: left;
    width: 90%;
    margin: 30px 0 60px 6%
}

.announcements_contect_box_title {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 20px;
    font: 400 4.5em/1em San Francisco Display Thin;
    border-bottom: 2px solid #797979;
}

.announcements_contect_box_contect {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    border-bottom: 1px solid #797979;
}

.announcements_contect_box a {
    transition: 0.5s ease;
    transition-property: all;
}

.announcements_contect_box a:hover {
    opacity: 0.5
}

.announcements_contect_box_contectin01 {
    float: left;
    width: 25%;
    padding: 20px 0
}

.announcements_contect_box_contectin02 {
    float: left;
    width: 2%;
    padding: 18px 20px 0 0
}

.announcements_contect_box_contectin03 {
    float: left;
    width: 40%;
    padding: 20px 0
}


/*work with us*/

.work_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/work_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.work_topbg_title {
    width: 100%;
    margin: 430px 0 0 0;
    padding: 15px 0;
}

.work_contect_bg02 {
    float: left;
    width: 100%;
    background-color: #8d8d93
}

.work_contect_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background: url("../images/work_contectbg.jpg") top left no-repeat;
    background-size: cover;
}

.work_white_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background-color: #fff;
    /*background:url("../images/bg_11.jpg") top left no-repeat; background-size:cover;*/
}

.work_contect_title {
    float: left;
    width: 90%;
    margin: 120px 0 0 5%;
    font: 400 4.5em/1em San Francisco Display Thin;
    text-align: center
}

.work_contect_pic01 {
    float: left;
    width: 30%;
    margin: 70px 0 0 35%;
}

.work_contect_pic02 {
    float: left;
    width: 7%;
    margin: 20px 0 20px 46.5%;
}

.work_contect_contect01 {
    float: left;
    width: 95%;
    margin: 70px 0 10px 2.5%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.work_contect_contect02 {
    float: left;
    width: 95%;
    margin: 10px 0 70px 2.5%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}


/*contact us*/

.contact_topbg {
    float: left;
    width: 100%;
    height: 950px;
    background: url("../images/contact_topbg.jpg") top center no-repeat;
    background-size: cover;
}

.contact_topbg_title {
    width: 100%;
    margin: 430px 0 0 0%;
    padding: 15px 0;
}

.contact_contect_bg00 {
    float: left;
    width: 100%;
    background-color: #8d8d93
}

.contact_contect_bg {
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    background-color: #fff;
    /*background:url("../images/bg_09.jpg") top center no-repeat;background-size:cover;*/
}

.contact_contect_title {
    float: left;
    width: 90%;
    margin: 80px 0 0 5%;
    font: 400 4.5em/1em San Francisco Display Thin;
    text-align: center;
}

.contact_contect_contect {
    float: left;
    width: 90%;
    margin: 30px 0 0 5%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
}

.contact_contect_box {
    float: left;
    width: 70%;
    margin: 10px 0 0 15%;
    padding-bottom: 50px;
}

.contact_contect_boxin {
    float: left;
    width: 33%;
    margin: 80px 0 40px 0
}

.contact_contect_boxin_pic {
    float: left;
    width: 30%;
    margin: 0 0 0 35%
}

.contact_contect_boxin_title {
    float: left;
    width: 100%;
    margin: 30px 0 20px 0;
    font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
}

.contact_contect_boxin_contect {
    float: left;
    width: 100%;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
}

.contact_contect_boxin_contect a {
    color: #666;
    transition: 0.5s ease;
    transition-property: all;
}

.contact_contect_boxin_contect a:hover {
    opacity: 0.7
}

.contact_policy {
    float: left;
    width: 100%;
    background-color: #555;
    padding: 15px 0;
    font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    color: #fff
}

.contact_policy a {
    color: #fff
}

.contact_policy a:hover {
    text-decoration: underline;
}


/********** MEDIA QUERIES ***********************/


/* for webkit only */

@media screen and (-webkit-min-device-pixel-ratio:0) {}


/* for 1440px or less */

@media screen and (max-width: 1440px) {
    /*header*/
    .header_bg {
        position: absolute;
        width: 100%;
        height: 90px;
        background: url("../images/menu_bg_1920.png") top center repeat;
        z-index: 51000
    }
    .header_logo {
        position: absolute;
        width: 200px;
        margin: 16px 0 0 40px;
        z-index: 53000
    }
    .header_right01 {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 120px;
        z-index: 53000
    }
    .header_right01_text {
        position: absolute;
        right: 14px;
        top: 13px;
        color: #fff;
        font: 600 0.9em/1em 'cwTeXHei', sans-serif;
        z-index: 53001
    }
    .header_right02 {
        position: absolute;
        right: 0px;
        top: 42px;
        width: 65px;
        z-index: 53000;
        cursor: pointer
    }
    /*index*/
    .index_footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 40px;
        background: url("../images/menu_bg.png") top center repeat;
        color: #fff;
        z-index: 51000
    }
    .index_footer_text {
        float: left;
        width: 100%;
        margin: 13px 0 0 40px;
        font: 0.9em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    /*inner*/
    .inner_bg {
        float: left;
        width: 100%;
    }
    .inner_footer {
        float: left;
        width: 100%;
        background-color: #222;
    }
    .inner_footer_text01 {
        display: inline;
        float: left;
        width: 90%;
        margin: 2% 5% 0 5%
    }
    .inner_footer_text02 {
        display: inline;
        float: left;
        width: 90%;
        margin: 2% 5% 0 5%
    }
    .inner_footer_text03 {
        display: inline;
        float: left;
        width: 90%;
        margin: 0 5% 2% 5%
    }
    .inner_topbg_title {
        float: none;
        text-align: center;
        font: 400 4em/1em San Francisco Display Thin;
        opacity: 1;
        font-weight: bold !important;
    }
    .inner_topbg_arrow {
        position: absolute;
        width: 3.5%;
        left: 48.25%;
        top: 700px;
        z-index: 49000
    }
    /*Corporate Profile*/
    .profile_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    /*.profile_topbg_title { float:none; width: 80%; margin: 150px 0 0 50px; font:600 2.5em/1em San Francisco Display Thin;}*/
    .profile_topbg_contect {
        float: none;
        width: 40%;
        margin: 30px 0 0 50px;
        font: 1.1em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: justify;
    }
    .profile_topbg_icon01 {
        float: none;
        width: 3.5%;
        margin: 60px 0 0 48.25%;
    }
    /*value*/
    .value_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .value_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
    }
    .value_contect_bg {
        float: left;
        width: 100%;
    }
    .value_contect_title {
        float: left;
        width: 100%;
        margin: 70px 0 0 0;
        text-align: center;
        font: 600 2.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        color: #444;
    }
    .value_contect_box {
        float: left;
        width: 95%;
        margin: 50px 0 0 2.5%;
    }
    .value_contect_box01 {
        float: left;
        width: 29%;
        margin: 1% 2%
    }
    .value_contect_box01_pic {
        float: left;
        width: 45%;
        margin: 0 27.5%;
    }
    .value_contect_box01_title {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
        color: #5d92cd;
        text-align: center;
        font: 600 2.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .value_contect_box01_contect {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
        text-align: center;
        font: 1.1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    /*history*/
    .history_topbg_title {
        width: 100%;
        margin: 350px 0% 0 0%;
        padding: 15px 0;
    }
    /*Board of Directors*/
    .board_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .board_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
    }
    .board_contect_box_title {
        float: left;
        width: 90%;
        padding: 20px 5%;
        background-color: #555;
        color: #fff;
        font: 600 1.5em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_title02 {
        float: left;
        width: 95%;
        padding: 20px 2.5%;
        background-color: #555;
        color: #fff;
        font: 600 1.5em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_contect {
        position: absolute;
        width: 90%;
        bottom: 0px;
        padding: 20px 5%;
        background-color: #fff;
        opacity: 0.9;
        font: 600 1.1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_white_bg {
        float: left;
        width: 80%;
        margin: 0 10% 100px 10%;
    }
    .board_detail_title {
        float: left;
        width: 80%;
        margin: 80px 10% 0 10%;
        padding: 20px 0;
        background-color: #555;
        color: #fff;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_phoho {
        float: left;
        width: 50%;
        margin: 60px 25%
    }
    .board_detail_name {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_contect {
        float: left;
        width: 70%;
        margin: 30px 15% 0 15%;
        font: 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_back {
        float: left;
        width: 10%;
        margin: 80px 45% 60px 45%;
    }
    .board_detail_back a {
        color: #fff;
        transition: 0.5s ease;
        transition-property: all;
    }
    .board_detail_back a:hover {
        opacity: 0.7;
    }
    .board_detail_backin {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 0;
        font: 600 1.1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*global location*/
    .global_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .global_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
        color: #fff
    }
    .global_conect_bg {
        float: left;
        width: 100%;
        margin: 0 auto;
    }
    .global_conect_title {
        float: left;
        width: 50%;
        margin: 80px 25% 0 25%;
        font: 400 1.6em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .global_conect_line {
        float: left;
        width: 10%;
        margin: 10px 45%;
        border-top: 4px solid #1566a3;
    }
    /*why alco*/
    .why_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .why_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
    }
    .why_topbg_subtitle {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font: 400 1.2em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .why_topbg_submenu {
        float: left;
        width: 100%;
        padding: 130px 0 0 0
    }
    .why_topbg_submenuin01 {
        float: left;
        width: 20%;
        margin: 0 0 0 25.6%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .why_topbg_submenuin01 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .why_topbg_submenuin01 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 30px;
    }
    .why_topbg_submenuin01on {
        float: left;
        width: 20%;
        margin: 0 0 0 25.6%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .why_topbg_submenuin02 {
        float: left;
        width: 20%;
        margin: 0 0 0 0;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .why_topbg_submenuin02 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .why_topbg_submenuin02 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 30px;
    }
    .why_topbg_submenuin02on {
        float: left;
        width: 20%;
        margin: 0 0 0 0;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    /*Technology & Design*/
    .technology_contect_bg {
        float: left;
        width: 100%;
    }
    .technology_white_bg {
        float: left;
        width: 80%;
        margin: 0px 0 0px 10%;
    }
    .technology_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 20px 20%;
        font: 400 4.5em/1em San Francisco Display Thin;
        text-align: center
    }
    .technology_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box {
        float: left;
        width: 90%;
        margin: 40px 0 60px 5%
    }
    .technology_contect_boxleft {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .technology_contect_boxright {
        float: right;
        width: 100%;
        margin: 0 0 0 0;
    }
    .technology_contect_box_photo1a {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo1b {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo1c {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo2a {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo2b {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo2c {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_title {
        float: left;
        width: 80%;
        margin: 10px 10%;
        color: #0072ce;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box_contect {
        float: left;
        width: 80%;
        margin: 10px 10% 30px 10%;
        font: 1.1em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Facility & Equipment*/
    .facility_contect_bg {
        float: left;
        width: 100%;
    }
    .facility_white_bg {
        float: left;
        width: 80%;
        margin: 0px 0 0px 10%;
    }
    .facility_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 10px 20%;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1.1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_contect {
        float: left;
        width: 80%;
        margin: 30px 10% 0 10%;
        font: 400 1em/1.6em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: left
    }
    .facility_contect_box {
        float: left;
        width: 90%;
        margin: 40px 0 60px 6%
    }
    .facility_contect_boxin {
        float: left;
        width: 31%;
        margin: 0 2% 0 0
    }
    .facility_contect_boxin :hover {
        transition: 0.5s ease;
        transition-property: all;
        opacity: 0.7
    }
    .facility_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .facility_contect_boxin_title {
        float: left;
        width: 100%;
        height: 30px;
        margin: 10px 0;
        font: 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Products*/
    .products_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .products_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
        color: #fff
    }
    /*Investor Relation*/
    .investor_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .investor_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
    }
    .investor_topbg_submenu {
        float: left;
        width: 100%;
        padding: 130px 0 0 0
    }
    .investor_topbg_submenuin01 {
        float: left;
        width: 23%;
        margin: 0 0 0 9.5%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin01 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin01 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 30px;
    }
    .investor_topbg_submenuin01on {
        float: left;
        width: 23%;
        margin: 0 0 0 9.5%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .investor_topbg_submenuin02 {
        float: left;
        width: 23%;
        margin: 0 0 0 0%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin02 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin02 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 30px;
    }
    .investor_topbg_submenuin02on {
        float: left;
        width: 23%;
        margin: 0 0 0 0%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .investor_topbg_submenuin03 {
        float: left;
        width: 23%;
        margin: 0 0 0 0%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin03 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin03 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 30px;
    }
    .investor_topbg_submenuin03on {
        float: left;
        width: 23%;
        margin: 0 0 0 0%;
        padding: 10px 30px;
        font: 600 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    /*Annual / Interim Reports*/
    .annual_white_bg {
        float: left;
        width: 80%;
        margin: 0px 0 0px 10%;
    }
    .annual_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 0 20%;
        font: 400 4.5em/1em San Francisco Display Thin;
        text-align: center
    }
    .annual_contect_box {
        float: left;
        width: 90%;
        margin: 30px 0 60px 6%
    }
    .annual_contect_boxin {
        float: left;
        width: 19%;
        margin: 0 6% 0 0
    }
    .annual_contect_boxin a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .annual_contect_boxin a:hover {
        opacity: 0.7
    }
    .annual_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .annual_contect_boxin_title {
        float: left;
        width: 100%;
        height: 40px;
        margin: 10px 0;
        font: 1.1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Announcements*/
    .announcements_contect_bg {
        float: left;
        width: 100%;
    }
    .announcements_white_bg {
        float: left;
        width: 80%;
        margin: 0px 0 0px 10%;
    }
    .announcements_contect_title {
        float: left;
        width: 80%;
        margin: 80px 0 0 10%;
        font: 400 4.5em/1em San Francisco Display Thin;
        text-align: center
    }
    .announcements_contect_subtitle {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
        font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .announcements_contect_subtitlein01 {
        float: left;
        width: 49%;
        margin: 7px 20px 0 0;
        text-align: right
    }
    .announcements_contect_subtitlein02 {
        float: left;
        width: 10%;
    }
    .announcements_contect_box {
        float: left;
        width: 90%;
        margin: 30px 0 60px 6%
    }
    .announcements_contect_box_title {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 20px;
        font: 400 4.5em/1em San Francisco Display Thin;
        border-bottom: 2px solid #ccc;
    }
    .announcements_contect_box_contect {
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
        font: 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        border-bottom: 1px solid #ccc;
    }
    .announcements_contect_box a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .announcements_contect_box a:hover {
        opacity: 0.5
    }
    .announcements_contect_box_contectin01 {
        float: left;
        width: 25%;
        padding: 20px 0
    }
    .announcements_contect_box_contectin02 {
        float: left;
        width: 2%;
        padding: 18px 20px 0 0
    }
    .announcements_contect_box_contectin03 {
        float: left;
        width: 40%;
        padding: 20px 0
    }
    /*work with us*/
    .work_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .work_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
    }
    .work_contect_bg {
        float: left;
        width: 100%;
    }
    .work_white_bg {
        float: left;
        width: 80%;
        margin: 0px 0 0px 10%;
    }
    .work_contect_title {
        float: left;
        width: 90%;
        margin: 80px 0 0 5%;
        font: 400 4.5em/1em San Francisco Display Thin;
        text-align: center
    }
    .work_contect_pic {
        float: left;
        width: 20%;
        margin: 70px 0 0 40%;
    }
    .work_contect_contect {
        float: left;
        width: 80%;
        margin: 70px 0 70px 10%;
        font: 1.2em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*contact us*/
    .contact_topbg {
        float: left;
        width: 100%;
        height: 750px;
    }
    .contact_topbg_title {
        width: 100%;
        margin: 350px 0 0 0%;
        padding: 15px 0;
    }
    .contact_contect_bg {
        width: 100%;
        margin: 0 0 0 10%;
        width: 80%;
    }
    .contact_contect_title {
        float: left;
        width: 90%;
        margin: 80px 0 0 5%;
        font: 400 4.5em/1em San Francisco Display Thin;
        text-align: center;
    }
    .contact_contect_contect {
        float: left;
        width: 90%;
        margin: 30px 0 0 5%;
        font: 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_box {
        float: left;
        width: 80%;
        margin: 30px 0 60px 10%;
        padding-bottom: 0px;
    }
    .contact_contect_boxin {
        float: left;
        width: 33%;
        margin: 80px 0 40px 0
    }
    .contact_contect_boxin_pic {
        float: left;
        width: 20%;
        margin: 0 0 0 40%
    }
    .contact_contect_boxin_title {
        float: left;
        width: 100%;
        margin: 50px 0 30px 0;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect {
        float: left;
        width: 100%;
        font: 1.1em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .contact_contect_boxin_contect a:hover {
        opacity: 0.7
    }
}


/* for 1024px or less */

@media screen and (max-width: 1150px) {
    /*header*/
    .header_bg {
        position: absolute;
        width: 100%;
        height: 70px;
        background: url("../images/menu_bg_1024.png") top left repeat;
        z-index: 51000
    }
    .header_logo {
        position: absolute;
        width: 150px;
        margin: 14px 0 0 30px;
        z-index: 53000
    }
    .header_right01 {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 105px;
        z-index: 53000
    }
    .header_right01_text {
        position: absolute;
        right: 10px;
        top: 11px;
        color: #fff;
        font: 0.75em/1em 'cwTeXHei', sans-serif;
        z-index: 53001
    }
    .header_right02 {
        position: absolute;
        right: 0px;
        top: 33px;
        width: 50px;
        z-index: 53000;
        cursor: pointer
    }
    /*index*/
    .index_footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 30px;
        background: url("../images/menu_bg.png") top center repeat;
        color: #fff;
        z-index: 51000
    }
    .index_footer_text {
        float: left;
        width: 100%;
        margin: 10px 0 0 30px;
        font: 0.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    /*inner*/
    .inner_bg {
        float: left;
        width: 100%;
    }
    .inner_footer {
        float: left;
        width: 100%;
        background-color: #222;
    }
    .inner_footer_text01 {
        display: none;
    }
    .inner_footer_text02 {
        display: inline;
        float: left;
        width: 90%;
        margin: 1% 5% 0 5%
    }
    .inner_footer_text02_02 {
        float: left;
        width: 100%;
        border-top: 0px solid #999;
        padding: 1.5% 0;
        margin: 0 0 0 0
    }
    .inner_footer_text02_02contect {
        float: none;
        width: 100%;
        margin: 0 0 0.5% 0;
        color: #fff;
    }
    .inner_footer_text03 {
        display: inline;
        float: left;
        width: 90%;
        margin: 0 5% 1% 5%
    }
    .inner_footer_text03_03 {
        float: left;
        width: 100%;
        border-top: 1px solid #999;
        padding: 1.5% 0;
        margin: 0 0 0 0
    }
    .inner_footer_text03_03contect_a {
        float: none;
        width: 100%;
        margin: 0 0 0% 0;
        color: #fff;
    }
    .inner_footer_text03_03contect_b {
        display: none
    }
    .inner_topbg_title {
        float: none;
        text-align: center;
        font: 600 3em/1em San Francisco Display Thin;
        opacity: 1
    }
    .inner_topbg_arrow {
        position: absolute;
        width: 5%;
        left: 47.5%;
        top: 620px;
        z-index: 49000
    }
    /*Corporate Profile*/
    .profile_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    /*.profile_topbg_title { float:none; width: 80%; margin: 110px 0 0 50px; font: 400 4.5em/1em San Francisco Display Thin;}*/
    .profile_topbg_contect {
        float: none;
        width: 42%;
        margin: 30px 0 0 50px;
        font: 1em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: justify;
    }
    .profile_topbg_icon01 {
        float: none;
        width: 5%;
        margin: 60px 0 0 47.5%;
    }
    .profile_photo_con01 {
        float: left;
        width: 100%;
        margin: 1.3% 0 0 0
    }
    .profile_photo_con02 {
        float: left;
        width: 100%;
        margin: 1.3% 0 1.3% 0
    }
    /*value*/
    .value_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .value_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
    }
    .value_contect_bg {
        float: left;
        width: 100%;
    }
    .value_contect_title {
        float: left;
        width: 100%;
        margin: 70px 0 0 0;
        text-align: center;
        font: 600 2.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        color: #444;
    }
    .value_contect_box {
        float: left;
        width: 95%;
        margin: 30px 0 0 2.5%;
    }
    .value_contect_box01 {
        float: left;
        width: 29%;
        margin: 1% 2%
    }
    .value_contect_box01_pic {
        float: left;
        width: 45%;
        margin: 0 27.5%;
    }
    .value_contect_box01_title {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
        color: #5d92cd;
        text-align: center;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .value_contect_box01_contect {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
        text-align: center;
        font: 0.98em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    /*history*/
    .history_topbg_title {
        width: 100%;
        margin: 430px 0 0 0;
        padding: 15px 0;
    }
    /*Board of Directors*/
    .board_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .board_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
    }
    .board_contect_box {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .board_contect_box02 {
        float: left;
        width: 100%;
        margin: 30px 0 7px 0;
    }
    .board_contect_box_title {
        float: left;
        width: 90%;
        padding: 20px 5%;
        background-color: #555;
        color: #fff;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_title02 {
        float: left;
        width: 95%;
        padding: 20px 2.5%;
        background-color: #555;
        color: #fff;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_photo {
        position: relative;
        float: left;
        width: 100%
    }
    .board_contect_box_photo02 {
        position: relative;
        float: left;
        width: 100%;
        margin: 7px 0 0 0;
    }
    .board_contect_box_contect {
        position: absolute;
        width: 90%;
        bottom: 0px;
        padding: 20px 5%;
        background-color: #fff;
        opacity: 0.9;
        font: 600 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_white_bg {
        float: left;
        width: 90%;
        margin: 0 5% 100px 5%;
    }
    .board_detail_title {
        float: left;
        width: 90%;
        margin: 80px 5% 0 5%;
        padding: 20px 0;
        background-color: #555;
        color: #fff;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_phoho {
        float: left;
        width: 50%;
        margin: 40px 25%
    }
    .board_detail_name {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 600 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_contect {
        float: left;
        width: 70%;
        margin: 20px 15% 0 15%;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_back {
        float: left;
        width: 10%;
        margin: 50px 45% 60px 45%;
    }
    .board_detail_back a {
        color: #fff;
        transition: 0.5s ease;
        transition-property: all;
    }
    .board_detail_back a:hover {
        opacity: 0.7;
    }
    .board_detail_backin {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 0;
        font: 600 0.9em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*global location*/
    .global_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .global_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
        color: #fff
    }
    .global_conect_bg {
        float: left;
        width: 100%;
        margin: 0 auto;
    }
    .global_conect_title {
        float: left;
        width: 50%;
        margin: 50px 25% 0 25%;
        font: 400 1.3em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .global_conect_line {
        float: left;
        width: 10%;
        margin: 10px 45%;
        border-top: 4px solid #1566a3;
    }
    /*why alco*/
    .why_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .why_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
    }
    .why_topbg_subtitle {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .why_topbg_submenu {
        float: left;
        width: 100%;
        padding: 155px 0 0 0
    }
    .why_topbg_submenuin01 {
        float: left;
        width: 30%;
        margin: 0 0 0 17%;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .why_topbg_submenuin01 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .why_topbg_submenuin01 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 15px;
    }
    .why_topbg_submenuin01on {
        float: left;
        width: 30%;
        margin: 0 0 0 17%;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .why_topbg_submenuin02 {
        float: left;
        width: 30%;
        margin: 0 0 0 0;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .why_topbg_submenuin02 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .why_topbg_submenuin02 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 15px;
    }
    .why_topbg_submenuin02on {
        float: left;
        width: 30%;
        margin: 0 0 0 0;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    /*Technology & Design*/
    .technology_contect_bg {
        float: left;
        width: 100%;
    }
    .technology_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .technology_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 20px 20%;
        font: 600 1.6em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box {
        float: left;
        width: 90%;
        margin: 40px 0 60px 5%
    }
    .technology_contect_boxleft {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .technology_contect_boxright {
        float: right;
        width: 100%;
        margin: 0 0 0 0;
    }
    .technology_contect_box_photo1a {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo1b {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo1c {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo2a {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo2b {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_photo2c {
        display: inline;
        float: left;
        width: 32%;
        margin: 20px 0 20px 1%;
    }
    .technology_contect_box_title {
        float: left;
        width: 90%;
        margin: 10px 5%;
        color: #0072ce;
        font: 600 1.4em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box_contect {
        float: left;
        width: 90%;
        margin: 10px 0 30px 5%;
        font: 1em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Facility & Equipment*/
    .facility_contect_bg {
        float: left;
        width: 100%;
    }
    .facility_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .facility_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 10px 20%;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1.1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_contect {
        float: left;
        width: 80%;
        margin: 30px 10% 0 10%;
        font: 400 1em/1.6em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: left
    }
    .facility_contect_box {
        float: left;
        width: 95%;
        margin: 40px 0 60px 3.5%
    }
    .facility_contect_boxin {
        float: left;
        width: 31%;
        margin: 0 2% 0 0
    }
    .facility_contect_boxin :hover {
        transition: 0.5s ease;
        transition-property: all;
        opacity: 0.7
    }
    .facility_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .facility_contect_boxin_title {
        float: left;
        width: 100%;
        height: 30px;
        margin: 10px 0;
        font: 0.9em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Products*/
    .products_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .products_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
        color: #fff
    }
    /*Investor Relation*/
    .investor_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .investor_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
    }
    .investor_topbg_submenu {
        float: left;
        width: 100%;
        padding: 170px 0 0 0
    }
    .investor_topbg_submenuin01 {
        float: left;
        width: 22%;
        margin: 0 0 0 14%;
        padding: 5px 10px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin01 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin01 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 10px;
    }
    .investor_topbg_submenuin01on {
        float: left;
        width: 22%;
        margin: 0 0 0 14%;
        padding: 5px 10px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .investor_topbg_submenuin02 {
        float: left;
        width: 22%;
        margin: 0 0 0 0%;
        padding: 5px 10px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin02 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin02 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 10px;
    }
    .investor_topbg_submenuin02on {
        float: left;
        width: 22%;
        margin: 0 0 0 0%;
        padding: 5px 10px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .investor_topbg_submenuin03 {
        float: left;
        width: 22%;
        margin: 0 0 0 0%;
        padding: 5px 10px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin03 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin03 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 10px;
    }
    .investor_topbg_submenuin03on {
        float: left;
        width: 22%;
        margin: 0 0 0 0%;
        padding: 5px 10px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    /*Annual / Interim Reports*/
    .annual_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .annual_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 0 20%;
        text-align: center
    }
    .annual_contect_box {
        float: left;
        width: 95%;
        margin: 30px 0 30px 4%
    }
    .annual_contect_boxin {
        float: left;
        width: 19%;
        margin: 0 6% 0 0
    }
    .annual_contect_boxin a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .annual_contect_boxin a:hover {
        opacity: 0.7
    }
    .annual_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .annual_contect_boxin_title {
        float: left;
        width: 100%;
        height: 40px;
        margin: 10px 0;
        font: 1.1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Announcements*/
    .announcements_contect_bg {
        float: left;
        width: 100%;
    }
    .announcements_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .announcements_contect_title {
        float: left;
        width: 80%;
        margin: 80px 0 0 10%;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .announcements_contect_subtitle {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
        font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .announcements_contect_subtitlein01 {
        float: left;
        width: 49%;
        margin: 7px 20px 0 0;
        text-align: right
    }
    .announcements_contect_subtitlein02 {
        float: left;
        width: 10%;
    }
    .announcements_contect_box {
        float: left;
        width: 90%;
        margin: 30px 0 60px 6%
    }
    .announcements_contect_box_title {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 20px;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        border-bottom: 2px solid #ccc;
    }
    .announcements_contect_box_contect {
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
        font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        border-bottom: 1px solid #ccc;
    }
    .announcements_contect_box a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .announcements_contect_box a:hover {
        opacity: 0.5
    }
    .announcements_contect_box_contectin01 {
        float: left;
        width: 25%;
        padding: 20px 0
    }
    .announcements_contect_box_contectin02 {
        float: left;
        width: 2%;
        padding: 18px 20px 0 0
    }
    .announcements_contect_box_contectin03 {
        float: left;
        width: 40%;
        padding: 20px 0
    }
    /*work with us*/
    .work_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .work_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
    }
    .work_contect_bg {
        float: left;
        width: 100%;
    }
    .work_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .work_contect_title {
        float: left;
        width: 90%;
        margin: 80px 0 0 5%;
        text-align: center
    }
    .work_contect_pic {
        float: left;
        width: 30%;
        margin: 70px 0 0 35%;
    }
    .work_contect_contect {
        float: left;
        width: 80%;
        margin: 70px 0 70px 10%;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*contact us*/
    .contact_topbg {
        float: left;
        width: 100%;
        height: 680px;
    }
    .contact_topbg_title {
        width: 100%;
        margin: 280px 0 0 0;
        padding: 15px 0;
    }
    .contact_contect_bg {
        float: left;
        width: 100%;
        margin: 0;
    }
    .contact_contect_title {
        float: left;
        width: 90%;
        margin: 80px 0 0 5%;
        text-align: center;
    }
    .contact_contect_contect {
        float: left;
        width: 90%;
        margin: 30px 5%;
        font: 1.2em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_box {
        float: left;
        width: 95%;
        margin: 30px 0 60px 2.5%
    }
    .contact_contect_boxin {
        float: left;
        width: 33%;
        margin: 80px 0 40px 0
    }
    .contact_contect_boxin_pic {
        float: left;
        width: 20%;
        margin: 0 0 0 40%
    }
    .contact_contect_boxin_title {
        float: left;
        width: 100%;
        margin: 50px 0 30px 0;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect {
        float: left;
        width: 100%;
        font: 1.2em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .contact_contect_boxin_contect a:hover {
        opacity: 0.7
    }
}


/* for 768px or less */

@media screen and (max-width: 768px) {
    /*header*/
    .header_logo {
        position: absolute;
        width: 150px;
        margin: 13px 0 0 30px;
        z-index: 53000
    }
    /*index*/
    .index_footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 40px;
        background: url("../images/menu_bg.png") top center repeat;
        color: #fff;
        z-index: 51000
    }
    .index_footer_text {
        float: left;
        width: 100%;
        margin: 13px 0 0 0;
        text-align: center;
        font: 0.9em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    /*inner*/
    .inner_topbg_title {
        float: none;
        text-align: center;
        font: 600 3.5em/1em San Francisco Display Thin;
        opacity: 1
    }
    .inner_topbg_arrow {
        position: absolute;
        width: 7%;
        left: 46.5%;
        top: 880px;
        z-index: 49000
    }
    /*Corporate Profile*/
    .profile_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    /*.profile_topbg_title { float:none; width: 80%; margin: 130px 0 0 10%; font: 400 4.5em/1em San Francisco Display Thin;}*/
    .profile_topbg_contect {
        float: none;
        width: 80%;
        margin: 50px 0 0 10%;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: justify;
    }
    .profile_topbg_icon01 {
        float: none;
        width: 7%;
        margin: 80px 0 0 46.5%;
    }
    .profile_photo_con01 {
        float: left;
        width: 100%;
        margin: 1.5% 0 0 0
    }
    .profile_photo_con02 {
        float: left;
        width: 100%;
        margin: 1.3% 0 1.3% 0
    }
    /*value*/
    .value_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .value_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
    }
    .value_contect_bg {
        float: left;
        width: 100%;
        background: #fff
    }
    .value_contect_title {
        float: left;
        width: 100%;
        margin: 50px 0 0 0;
        text-align: center;
        font: 400 4.5em/1em San Francisco Display Thin;
        color: #444;
    }
    .value_contect_box {
        float: left;
        width: 95%;
        margin: 40px 0 0 2.5%;
    }
    .value_contect_box01 {
        float: left;
        width: 100%;
        margin: 1% 0
    }
    .value_contect_box01_pic {
        float: left;
        width: 40%;
        margin: 0 30%;
    }
    .value_contect_box01_title {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
        color: #5d92cd;
        text-align: center;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .value_contect_box01_contect {
        float: left;
        width: 80%;
        margin: 20px 10% 30px 10%;
        text-align: center;
        font: 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    /*history*/
    .history_topbg_title {
        width: 100%;
        margin: 280px 0% 0 0%;
        padding: 15px 0;
    }
    .board_box01 {
        display: block
    }
    .board_box01_left,
    .board_box01_right {
        width: 100%
    }
    .history_topbg {
        height: 580px;
    }
    /*Board of Directors*/
    .board_bg00 {
        background: #fff
    }
    .board_topbg {
        float: left;
        width: 100%;
        height: 950px;
    }
    .board_topbg_title {
        width: 100%;
        margin: 380px 0% 0 0%;
        padding: 15px 0;
    }
    .board_contect_box {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .board_contect_box02 {
        float: left;
        width: 100%;
        margin: 30px 0 7px 0;
    }
    .board_contect_box_title {
        float: left;
        width: 90%;
        padding: 10px 5%;
        background-color: #555;
        color: #fff;
        font: 600 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_title02 {
        float: left;
        width: 95%;
        padding: 10px 2.5%;
        background-color: #555;
        color: #fff;
        font: 600 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_photo {
        position: relative;
        float: left;
        width: 100%
    }
    .board_contect_box_photo02 {
        position: relative;
        float: left;
        width: 100%;
        margin: 7px 0 0 0;
    }
    .board_contect_box_contect {
        position: absolute;
        width: 90%;
        bottom: 0px;
        padding: 10px 5%;
        background-color: #fff;
        opacity: 0.9;
        font: 600 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_detail_contect {
        float: left;
        width: 80%;
        margin: 20px 10% 0 10%;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*global location*/
    .global_topbg {
        float: left;
        width: 100%;
        height: 950px;
    }
    .global_topbg_title {
        width: 100%;
        margin: 380px 0% 0 0%;
        padding: 15px 0;
        color: #fff
    }
    .global_conect_bg_768 {
        display: inline;
        float: left;
        width: 100%;
    }
    .global_conect_title {
        display: none
    }
    .global_conect_line {
        display: none
    }
    /*why alco*/
    .why_topbg {
        float: left;
        width: 100%;
        height: 950px;
    }
    .why_topbg_title {
        width: 100%;
        margin: 380px 0% 0 0%;
        padding: 15px 0;
    }
    .why_topbg_subtitle {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .why_topbg_submenu {
        float: left;
        width: 100%;
        padding: 285px 0 0 0
    }
    .why_topbg_submenuin01 {
        float: left;
        width: 40%;
        margin: 0 0 0 5%;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .why_topbg_submenuin01 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .why_topbg_submenuin01 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 15px;
    }
    .why_topbg_submenuin01on {
        float: left;
        width: 40%;
        margin: 0 0 0 5%;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .why_topbg_submenuin02 {
        float: left;
        width: 40%;
        margin: 0 0 0 0;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .why_topbg_submenuin02 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .why_topbg_submenuin02 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 15px;
    }
    .why_topbg_submenuin02on {
        float: left;
        width: 40%;
        margin: 0 0 0 0;
        padding: 5px 15px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    /*Technology & Design*/
    .technology_contect_bg {
        float: left;
        width: 100%;
        background: #fff
    }
    .technology_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .technology_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 20px 20%;
        font: 600 1.6em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box {
        float: left;
        width: 90%;
        margin: 40px 0 60px 4.5%
    }
    .technology_contect_boxleft {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .technology_contect_boxright {
        float: right;
        width: 100%;
        margin: 0 0 0 0;
    }
    .technology_contect_box_title {
        float: left;
        width: 90%;
        margin: 10px 5%;
        color: #0072ce;
        font: 600 1.4em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box_contect {
        float: left;
        width: 95%;
        margin: 10px 0 30px 2.5%;
        font: 1em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Facility & Equipment*/
    .facility_contect_bg {
        float: left;
        width: 100%;
        background: #fff
    }
    .facility_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .facility_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 10px 20%;
        font: 600 1.6em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_contect {
        float: left;
        width: 80%;
        margin: 30px 10% 0 10%;
        font: 400 1em/1.6em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: left
    }
    .facility_contect_box {
        float: left;
        width: 90%;
        margin: 40px 0 30px 5%
    }
    .facility_contect_boxin {
        float: left;
        width: 100%;
        margin: 0 2% 0 0
    }
    .facility_contect_boxin :hover {
        transition: 0.5s ease;
        transition-property: all;
        opacity: 0.7
    }
    .facility_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .facility_contect_boxin_title {
        float: left;
        width: 100%;
        height: 20px;
        margin: 10px 0;
        font: 0.9em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Products*/
    .products_topbg {
        float: left;
        width: 100%;
        height: 950px;
    }
    .products_topbg_title {
        width: 100%;
        margin: 380px 0% 0 0%;
        padding: 15px 0;
        color: #fff
    }
    /*Investor Relation*/
    .annual_contect_bg,
    .announcements_contect_bg,
    .work_contect_bg02 {
        background: #fff
    }
    .investor_topbg {
        float: left;
        width: 100%;
        height: 950px;
    }
    .investor_topbg_title {
        width: 100%;
        margin: 380px 0% 0 0%;
        padding: 15px 0;
    }
    .investor_topbg_submenu {
        float: left;
        width: 100%;
        padding: 300px 0 0 0
    }
    .investor_topbg_submenuin01 {
        float: left;
        width: 30%;
        margin: 0 0 0 3%;
        padding: 5px 5px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin01 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin01 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 5px;
    }
    .investor_topbg_submenuin01on {
        float: left;
        width: 30%;
        margin: 0 0 0 3%;
        padding: 5px 5px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .investor_topbg_submenuin02 {
        float: left;
        width: 30%;
        margin: 0 0 0 0%;
        padding: 5px 5px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin02 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin02 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 5px;
    }
    .investor_topbg_submenuin02on {
        float: left;
        width: 30%;
        margin: 0 0 0 0%;
        padding: 5px 5px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    .investor_topbg_submenuin03 {
        float: left;
        width: 30%;
        margin: 0 0 0 0%;
        padding: 5px 5px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .investor_topbg_submenuin03 a {
        color: #555;
        transition: 0.5s ease;
        transition-property: all;
    }
    .investor_topbg_submenuin03 a:hover {
        background-color: #0072ce;
        color: #fff;
        padding: 5px 5px;
    }
    .investor_topbg_submenuin03on {
        float: left;
        width: 30%;
        margin: 0 0 0 0%;
        padding: 5px 5px;
        font: 600 1.1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
        background-color: #626262;
        color: #fff;
    }
    /*Annual / Interim Reports*/
    .annual_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .annual_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 0 20%;
        font: 600 1.8em/1em;
        text-align: center
    }
    .annual_contect_box {
        float: left;
        width: 95%;
        margin: 30px 0 30px 4%
    }
    .annual_contect_boxin {
        float: left;
        width: 25%;
        margin: 0 8% 0 0
    }
    .annual_contect_boxin a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .annual_contect_boxin a:hover {
        opacity: 0.7
    }
    .annual_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .annual_contect_boxin_title {
        float: left;
        width: 100%;
        height: 40px;
        margin: 10px 0;
        font: 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Announcements*/
    .announcements_contect_bg {
        float: left;
        width: 100%;
    }
    .announcements_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .announcements_contect_title {
        float: left;
        width: 80%;
        margin: 80px 0 0 10%;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .announcements_contect_subtitle {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
        font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .announcements_contect_subtitlein01 {
        float: left;
        width: 49%;
        margin: 7px 20px 0 0;
        text-align: right
    }
    .announcements_contect_subtitlein02 {
        float: left;
        width: 15%;
    }
    .announcements_contect_box {
        float: left;
        width: 90%;
        margin: 30px 0 60px 6%
    }
    .announcements_contect_box_title {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 20px;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        border-bottom: 2px solid #ccc;
    }
    .announcements_contect_box_contect {
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
        font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        border-bottom: 1px solid #ccc;
    }
    .announcements_contect_box a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .announcements_contect_box a:hover {
        opacity: 0.5
    }
    .announcements_contect_box_contectin01 {
        float: left;
        width: 30%;
        padding: 20px 0
    }
    .announcements_contect_box_contectin02 {
        float: left;
        width: 3%;
        padding: 18px 20px 0 0
    }
    .announcements_contect_box_contectin03 {
        float: left;
        width: 58%;
        padding: 20px 0
    }
    /*work with us*/
    .work_topbg {
        float: left;
        width: 100%;
        height: 950px;
    }
    .work_topbg_title {
        width: 100%;
        margin: 380px 0% 0 0%;
        padding: 15px 0;
    }
    .work_contect_bg {
        float: left;
        width: 100%;
    }
    .work_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .work_contect_title {
        float: left;
        width: 90%;
        margin: 80px 0 0 5%;
        text-align: center
    }
    .work_contect_pic {
        float: left;
        width: 30%;
        margin: 70px 0 0 35%;
    }
    .work_contect_contect {
        float: left;
        width: 80%;
        margin: 70px 0 70px 10%;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*contact us*/
    .contact_topbg {
        float: left;
        width: 100%;
        height: 950px;
    }
    .contact_topbg_title {
        width: 100%;
        margin: 380px 0% 0 0%;
        padding: 15px 0;
    }
    .contact_contect_bg {
        float: left;
        width: 100%;
        margin: 0 auto;
    }
    .contact_contect_title {
        float: left;
        width: 90%;
        margin: 80px 0 0 5%;
        text-align: center;
    }
    .contact_contect_contect {
        float: left;
        width: 90%;
        margin: 70px 5%;
        font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_box {
        float: left;
        width: 100%;
        margin: 30px 0 60px 0%
    }
    .contact_contect_boxin {
        float: left;
        width: 33%;
        margin: 80px 0 40px 0
    }
    .contact_contect_boxin_pic {
        float: left;
        width: 30%;
        margin: 0 0 0 35%
    }
    .contact_contect_boxin_title {
        float: left;
        width: 100%;
        margin: 50px 0 30px 0;
        font: 600 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect {
        float: left;
        width: 100%;
        font: 1.2em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .contact_contect_boxin_contect a:hover {
        opacity: 0.7
    }
    .work_contect_pic01 {
        width: 50%;
        margin: 70px 0 0 25%;
    }
    .work_contect_pic02 {
        width: 20%;
        margin: 20px 0 20px 40%;
    }
}


/* for 480px or less */

@media screen and (max-width: 480px) {
    /*header*/
    .header_logo {
        position: absolute;
        width: 150px;
        margin: 13px 0 0 3%;
        z-index: 53000
    }
    /*index*/
    .index_footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 60px;
        background: url("../images/menu_bg.png") top center repeat;
        color: #fff;
        z-index: 51000
    }
    .index_footer_text {
        float: left;
        width: 100%;
        height: 100%;
        margin: 2% 0 0 0;
        text-align: center;
        vertical-align: middle;
        font: 0.9em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .index_footer_text {
        display: none;
    }
    .index_footer_text_480 {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        margin: 5px 0 0 0;
        font: 1em/1.6em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .index_footer_text_480 a {
        color: #fff;
        transition: 0.5s ease;
        transition-property: all;
    }
    .index_footer_text_480 a:hover {
        opacity: 0.7;
        text-decoration: underline;
    }
    /*inner*/
    .inner_bg {
        float: left;
        width: 100%;
    }
    .inner_footer {
        float: left;
        width: 100%;
        background-color: #222;
    }
    .inner_footer_text01 {
        display: none;
    }
    .inner_footer_text02 {
        display: none
    }
    .inner_footer_text03 {
        display: inline;
        float: left;
        width: 90%;
        margin: 2% 5% 2% 5%
    }
    .inner_footer_text03_03 {
        float: left;
        width: 100%;
        border-top: 0px solid #999;
        padding: 2% 0;
        margin: 0 0 0 0
    }
    .inner_footer_text03_03contect_a {
        display: none
    }
    .inner_footer_text03_03contect_b {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 0% 0;
        color: #fff;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .inner_footer_text03_03contect_b a {
        color: #fff;
        transition: 0.5s ease;
        transition-property: all;
    }
    .inner_footer_text03_03contect_b a:hover {
        opacity: 0.7;
        text-decoration: underline;
    }
    .inner_topbg_title {
        float: none;
        text-align: center;
        font: 400 3em/1em San Francisco Display Thin;
        opacity: 1
    }
    .inner_topbg_arrow {
        position: absolute;
        width: 12%;
        left: 44%;
        top: 520px;
        z-index: 49000
    }
    /*Corporate Profile*/
    .profile_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .profile_topbg_title {
        margin: 280px 0 0 0;
    }
    /*.profile_topbg_title { float:none; width: 90%; margin: 120px 0 0 5%; font: 400 4.5em/1em San Francisco Display Thin;}*/
    .profile_topbg_contect {
        float: none;
        width: 90%;
        margin: 30px 0 0 5%;
        font: 0.95em/1.6em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: left;
    }
    .profile_topbg_icon01 {
        float: none;
        width: 8%;
        margin: 40px 0 0 42%;
    }
    .profile_photo_con01 {
        float: left;
        width: 100%;
        margin: 1.5% 0 0 0
    }
    .profile_photo_con02 {
        float: left;
        width: 100%;
        margin: 1.3% 0 1.3% 0
    }
    /*value*/
    .value_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .value_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
    }
    .value_contect_bg {
        float: left;
        width: 100%;
    }
    .value_contect_title {
        float: left;
        width: 100%;
        margin: 50px 0 0 0;
        text-align: center;
        font: 400 4.5em/1em San Francisco Display Thin;
        color: #444;
    }
    .value_contect_box {
        float: left;
        width: 95%;
        margin: 40px 0 0 2.5%;
    }
    .value_contect_box01 {
        float: left;
        width: 100%;
        margin: 1% 0
    }
    .value_contect_box01_pic {
        float: left;
        width: 40%;
        margin: 0 30%;
    }
    .value_contect_box01_title {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
        color: #5d92cd;
        text-align: center;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .value_contect_box01_contect {
        float: left;
        width: 80%;
        margin: 20px 10% 30px 10%;
        text-align: center;
        font: 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    /*history*/
    .history_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
    }
    /*Board of Directors*/
    .board_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .board_topbg_title {
        width: 70%;
        margin: 250px 15% 0 15%;
        padding: 15px 0;
    }
    .board_contect_box {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
    }
    .board_contect_box02 {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
    }
    .board_contect_boxleft {
        float: left;
        width: 100%;
    }
    .board_contect_boxright {
        float: right;
        width: 100%
    }
    .board_contect_box_title {
        float: left;
        width: 90%;
        padding: 10px 5%;
        background-color: #555;
        color: #fff;
        font: 600 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_title02 {
        float: left;
        width: 95%;
        padding: 10px 2.5%;
        background-color: #555;
        color: #fff;
        font: 600 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_contect_box_photo {
        position: relative;
        float: left;
        width: 100%
    }
    .board_contect_box_photo02 {
        position: relative;
        float: left;
        width: 100%;
        margin: 0 0 0 0;
    }
    .board_contect_box_contect {
        position: absolute;
        width: 90%;
        bottom: 0px;
        padding: 10px 5%;
        background-color: #fff;
        opacity: 0.9;
        font: 600 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .board_white_bg {
        float: left;
        width: 95%;
        margin: 0 2.5% 100px 2.5%;
    }
    .board_detail_title {
        float: left;
        width: 95%;
        margin: 80px 2.5% 0 2.5%;
        padding: 20px 0;
        background-color: #555;
        color: #fff;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_phoho {
        float: left;
        width: 80%;
        margin: 40px 10%
    }
    .board_detail_name {
        float: left;
        width: 90%;
        margin: 0 5% 0 5%;
        font: 600 1.2em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_contect {
        float: left;
        width: 90%;
        margin: 20px 5% 0 5%;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .board_detail_back {
        float: left;
        width: 20%;
        margin: 50px 40% 60px 40%;
    }
    .board_detail_backin {
        background-color: #0072ce;
        color: #fff;
        padding: 10px 0;
        font: 600 0.9em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*global location*/
    .global_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .global_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
        color: #fff
    }
    /*why alco*/
    .why_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .why_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
    }
    .why_topbg_subtitle {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .why_topbg_submenu {
        display: none;
    }
    /*Technology & Design*/
    .technology_contect_bg {
        float: left;
        width: 100%;
    }
    .technology_white_bg {
        float: left;
        width: 90%;
        margin: 0px 5% 0px 5%;
    }
    .technology_contect_title {
        float: left;
        width: 60%;
        margin: 50px 20% 10px 20%;
        font: 600 1.6em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box {
        float: left;
        width: 100%;
        margin: 40px 0 60px 0
    }
    .technology_contect_boxleft {
        float: left;
        width: 90%;
        margin: 0 0 5% 5%;
    }
    .technology_contect_boxright {
        float: right;
        width: 90%;
        margin: 0 5% 0 0;
    }
    .technology_contect_box_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .technology_contect_box_title {
        float: left;
        width: 80%;
        margin: 10px 10%;
        color: #0072ce;
        font: 600 1.4em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .technology_contect_box_contect {
        float: left;
        width: 95%;
        margin: 10px 2.5%;
        font: 1em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Facility & Equipment*/
    .facility_contect_bg {
        float: left;
        width: 100%;
    }
    .facility_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .facility_contect_title {
        float: left;
        width: 60%;
        margin: 80px 20% 10px 20%;
        font: 600 1.6em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_subtitle {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
        font: 400 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .facility_contect_contect {
        float: left;
        width: 80%;
        margin: 30px 10% 0 10%;
        font: 400 1em/1.6em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: left
    }
    .facility_contect_box {
        float: left;
        width: 90%;
        margin: 40px 0 30px 5%
    }
    .facility_contect_boxin {
        float: left;
        width: 100%;
        margin: 0 2% 0 0
    }
    .facility_contect_boxin :hover {
        transition: 0.5s ease;
        transition-property: all;
        opacity: 0.7
    }
    .facility_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .facility_contect_boxin_title {
        float: left;
        width: 100%;
        height: 20px;
        margin: 10px 0;
        font: 0.9em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*products*/
    .products_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .products_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
        color: #fff
    }
    /*Investor Relation*/
    .investor_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .investor_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
    }
    .investor_topbg_submenu {
        display: none;
    }
    /*Annual / Interim Reports*/
    .annual_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .annual_contect_title {
        float: left;
        width: 100%;
        margin: 80px 0% 0 0%;
        font: 600 1.8em/1em;
        text-align: center
    }
    .annual_contect_box {
        float: left;
        width: 95%;
        margin: 30px 0 30px 4.5%
    }
    .annual_contect_boxin {
        float: left;
        width: 40%;
        margin: 0 10% 0 0
    }
    .annual_contect_boxin a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .annual_contect_boxin a:hover {
        opacity: 0.7
    }
    .annual_contect_boxin_photo {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .annual_contect_boxin_title {
        float: left;
        width: 100%;
        height: 40px;
        margin: 10px 0;
        font: 1.1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*Announcements*/
    .announcements_contect_bg {
        float: left;
        width: 100%;
    }
    .announcements_white_bg {
        float: left;
        width: 90%;
        margin: 0px 0 0px 5%;
    }
    .announcements_contect_title {
        float: left;
        width: 80%;
        margin: 80px 0 0 10%;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    .announcements_contect_subtitle {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
        font: 1em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .announcements_contect_subtitlein01 {
        float: left;
        width: 47%;
        margin: 7px 20px 0 0;
        text-align: right
    }
    .announcements_contect_subtitlein02 {
        float: left;
        width: 30%;
    }
    .announcements_contect_box {
        float: left;
        width: 90%;
        margin: 30px 0 60px 6%
    }
    .announcements_contect_box_title {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 20px;
        font: 600 1.8em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        border-bottom: 2px solid #ccc;
    }
    .announcements_contect_box_contect {
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
        font: 1em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        border-bottom: 1px solid #ccc;
    }
    .announcements_contect_box a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .announcements_contect_box a:hover {
        opacity: 0.5
    }
    .announcements_contect_box_contectin01 {
        float: left;
        width: 100%;
        padding: 20px 0;
        font-weight: 600
    }
    .announcements_contect_box_contectin02 {
        float: left;
        width: 7%;
        padding: 10px 20px 15px 0
    }
    .announcements_contect_box_contectin03 {
        float: left;
        width: 80%;
        padding: 10px 0
    }
    /*work with us*/
    .work_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .work_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
    }
    .work_contect_bg {
        float: left;
        width: 100%;
    }
    .work_white_bg {
        float: left;
        width: 95%;
        margin: 0px 0 0px 2.5%;
    }
    .work_contect_title {
        float: left;
        width: 95%;
        margin: 80px 0 0 2.5%;
        text-align: center
    }
    .work_contect_pic {
        float: left;
        width: 50%;
        margin: 70px 0 0 25%;
    }
    .work_contect_contect {
        float: left;
        width: 90%;
        margin: 70px 0 70px 5%;
        font: 1em/2em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center
    }
    /*contact us*/
    .contact_topbg {
        float: left;
        width: 100%;
        height: 580px;
    }
    .contact_topbg_title {
        width: 100%;
        margin: 250px 0% 0 0%;
        padding: 15px 0;
    }
    .contact_contect_bg {
        float: left;
        width: 100%;
    }
    .contact_contect_title {
        float: left;
        width: 90%;
        margin: 80px 0 0 5%;
        text-align: center;
    }
    .contact_contect_contect {
        float: left;
        width: 90%;
        margin: 70px 5%;
        font: 1.3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_box {
        float: left;
        width: 100%;
        margin: 30px 0 60px 0%
    }
    .contact_contect_boxin {
        float: left;
        width: 80%;
        margin: 80px 0 40px 10%
    }
    .contact_contect_boxin_pic {
        float: left;
        width: 30%;
        margin: 0 0 0 35%
    }
    .contact_contect_boxin_title {
        float: left;
        width: 100%;
        margin: 50px 0 10px 0;
        font: 600 1.3em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect {
        float: left;
        width: 100%;
        font: 1.2em/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: center;
    }
    .contact_contect_boxin_contect a {
        transition: 0.5s ease;
        transition-property: all;
    }
    .contact_contect_boxin_contect a:hover {
        opacity: 0.7
    }
}

.layui-layer-content p {
    color: #000000;
}

.layui-layer-content .indextitle {
    font-weight: bold;
    font-size: 18px;
}

.pfooter .footertitle {
    font-size: 20px;
}

.flright {
    text-align: right;
}

.sedname {
    display: block;
    font-size: 16px;
    margin-top: 15px;
}

.mods {
    display: initial;
}

@media screen and (max-width: 445px) {
    .mods {
        display: block;
    }
}