body {
     font: 0.9em/1.4em 'Open Sans', arial, sans-serif;
     color: #666;
     overflow-x: hidden;
     overflow-y: scroll;
     background-color: #fff;
     font-family: 'Open Sans', sans-serif !important;
 }
 
 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     text-align: center
 }
 
 .profile_contect_contect {
     float: left;
     width: 70%;
     margin: 80px 0 80px 15%;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
 }
 
 .value_contect_box01_contect {
     float: left;
     width: 100%;
     margin: 20px 0 0 0;
     text-align: center;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     margin: 20px 0 20px 0
 }
 
 .board_title02 {
     float: left;
     width: 100%;
     min-width: 370px;
     font: 600 1.4em/1em "Open Sans", arial, sans-serif;
     margin: 0 0 30px 0
 }
 
 .board_contect01 {
     float: left;
     width: 100%;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, 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;
     font-size: 3.5em
 }
 
 .why_topbg_subtitle {
     width: 100%;
     margin: 0 0 0 0;
     padding: 10px 0 0 0;
     font: 400 1.2em/2em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     text-align: center
 }
 
 .technology_contect_subtitle {
     float: left;
     width: 60%;
     margin: 0 20% 0 20%;
     font: 400 1.5em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     text-align: center;
 }
 
 .technology_contect_box_contect {
     float: left;
     width: 80%;
     margin: 10px 10% 30px 10%;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     text-align: center
 }
 
 .facility_contect_subtitle {
     float: left;
     width: 60%;
     margin: 0 20% 0 20%;
     font: 400 1.5em/1em "Open Sans", arial, sans-serif;
     text-align: center
 }
 
 .facility_contect_contect {
     float: left;
     width: 80%;
     margin: 30px 0 0 10%;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     text-align: center
 }
 
 .announcements_contect_subtitle {
     float: left;
     width: 100%;
     margin: 20px 0 0 0;
     font: 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     border-bottom: 2px solid #797979;
 }
 
 .announcements_contect_box_contect {
     float: left;
     width: 100%;
     margin: 5px 0 0 0;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     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 "Open Sans", arial, sans-serif;
     text-align: center
 }
 
 .work_contect_contect02 {
     float: left;
     width: 95%;
     margin: 10px 0 70px 2.5%;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     text-align: center;
 }
 
 .contact_contect_contect {
     float: left;
     width: 90%;
     margin: 30px 0 0 5%;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     text-align: center;
 }
 
 .contact_contect_boxin_contect {
     float: left;
     width: 100%;
     font: 1.3em/1.5em "Open Sans", arial, 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 "Open Sans", arial, 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: 5px;
         top: 15px;
         color: #fff;
         font: 600 0.9em/1em 'cwTeXHei', sans-serif;
         z-index: 53001
     }
     .header_right02 {
         position: absolute;
         right: 0px;
         top: 48px;
         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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         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 "Open Sans",arial,sans-serif;}*/
     .profile_topbg_contect {
         float: none;
         width: 40%;
         margin: 30px 0 0 50px;
         font: 1.1em/1.8em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     }
     .value_contect_box01_contect {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
         text-align: center;
         font: 1.1em/1.5em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     }
     .board_contect_box_title02 {
         float: left;
         width: 95%;
         padding: 20px 2.5%;
         background-color: #555;
         color: #fff;
         font: 600 1.5em/1em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .board_detail_contect {
         float: left;
         width: 70%;
         margin: 30px 15% 0 15%;
         font: 1.1em/2em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1.2em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_box_contect {
         float: left;
         width: 80%;
         margin: 10px 10% 30px 10%;
         font: 1.1em/1.8em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1.1em/1em "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_contect {
         float: left;
         width: 80%;
         margin: 30px 10% 0 10%;
         font: 400 1em/1.6em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .announcements_contect_subtitle {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
         font: 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         border-bottom: 2px solid #ccc;
     }
     .announcements_contect_box_contect {
         float: left;
         width: 100%;
         margin: 5px 0 0 0;
         font: 1.2em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center;
     }
     .contact_contect_contect {
         float: left;
         width: 90%;
         margin: 30px 0 0 5%;
         font: 1.2em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center;
     }
     .contact_contect_boxin_contect {
         float: left;
         width: 100%;
         font: 1.1em/1.8em "Open Sans", arial, 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: 5px;
         top: 13px;
         color: #fff;
         font: 0.75em/1em 'cwTeXHei', sans-serif;
         z-index: 53001
     }
     .header_right02 {
         position: absolute;
         right: 0px;
         top: 38px;
         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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         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 "Open Sans",arial,sans-serif;}*/
     .profile_topbg_contect {
         float: none;
         width: 42%;
         margin: 30px 0 0 50px;
         font: 1em/1.8em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     }
     .value_contect_box01_contect {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
         text-align: center;
         font: 0.98em/1.5em "Open Sans", arial, sans-serif;
     }
     /*history*/
     .history_topbg {
         float: left;
         width: 100%;
         height: 680px;
     }
     .history_topbg_title {
         width: 100%;
         margin: 280px 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 "Open Sans", arial, sans-serif;
     }
     .board_contect_box_title02 {
         float: left;
         width: 95%;
         padding: 20px 2.5%;
         background-color: #555;
         color: #fff;
         font: 600 1.3em/1em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .board_detail_contect {
         float: left;
         width: 70%;
         margin: 20px 15% 0 15%;
         font: 1em/2em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_box_contect {
         float: left;
         width: 90%;
         margin: 10px 0 30px 5%;
         font: 1em/1.8em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1.1em/1em "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_contect {
         float: left;
         width: 80%;
         margin: 30px 10% 0 10%;
         font: 400 1em/1.6em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .announcements_contect_subtitle {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
         font: 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         border-bottom: 2px solid #ccc;
     }
     .announcements_contect_box_contect {
         float: left;
         width: 100%;
         margin: 5px 0 0 0;
         font: 1em/1em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center;
     }
     .contact_contect_boxin_contect {
         float: left;
         width: 100%;
         font: 1.2em/1.8em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     }
     /*inner*/
     .inner_topbg_title {
         float: none;
         text-align: center;
         font: 600 3.5em/1em "Open Sans", arial, sans-serif;
         opacity: 1
     }
     .inner_topbg_arrow {
         position: absolute;
         width: 7%;
         left: 46.5%;
         top: 500px;
         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 "Open Sans",arial,sans-serif;}*/
     .profile_topbg_contect {
         float: none;
         width: 80%;
         margin: 50px 0 0 10%;
         font: 1em/2em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         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 "Open Sans", arial, sans-serif;
     }
     .value_contect_box01_contect {
         float: left;
         width: 80%;
         margin: 20px 10% 30px 10%;
         text-align: center;
         font: 1em/1.5em "Open Sans", arial, sans-serif;
     }
     /*history*/
     .history_topbg_title {
         width: 100%;
         margin: 280px 0% 0 0%;
         padding: 15px 0;
     }
     .board_box01 {
         display: block
     }
     .board_box01_left {
         width: 100%
     }
     .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 "Open Sans", arial, sans-serif;
     }
     .board_contect_box_title02 {
         float: left;
         width: 95%;
         padding: 10px 2.5%;
         background-color: #555;
         color: #fff;
         font: 600 1.2em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
     }
     .board_detail_contect {
         float: left;
         width: 80%;
         margin: 20px 10% 0 10%;
         font: 1em/2em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_box_contect {
         float: left;
         width: 95%;
         margin: 10px 0 30px 2.5%;
         font: 1em/1.8em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1em/1em "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_contect {
         float: left;
         width: 80%;
         margin: 30px 10% 0 10%;
         font: 400 1em/1.6em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .announcements_contect_subtitle {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
         font: 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         border-bottom: 2px solid #ccc;
     }
     .announcements_contect_box_contect {
         float: left;
         width: 100%;
         margin: 5px 0 0 0;
         font: 1em/1em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center;
     }
     .contact_contect_boxin_contect {
         float: left;
         width: 100%;
         font: 1.2em/1.8em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         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 "Open Sans",arial,sans-serif;}*/
     .profile_topbg_contect {
         float: none;
         width: 90%;
         margin: 30px 0 0 5%;
         font: 0.95em/1.6em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         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 "Open Sans", arial, sans-serif;
     }
     .value_contect_box01_contect {
         float: left;
         width: 80%;
         margin: 20px 10% 30px 10%;
         text-align: center;
         font: 1em/1.5em "Open Sans", arial, 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: 280px 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 "Open Sans", arial, sans-serif;
     }
     .board_contect_box_title02 {
         float: left;
         width: 95%;
         padding: 10px 2.5%;
         background-color: #555;
         color: #fff;
         font: 600 1.2em/1em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .board_detail_contect {
         float: left;
         width: 90%;
         margin: 20px 5% 0 5%;
         font: 1em/2em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .technology_contect_box_contect {
         float: left;
         width: 95%;
         margin: 10px 2.5%;
         font: 1em/1.8em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_subtitle {
         float: left;
         width: 60%;
         margin: 0 20% 0 20%;
         font: 400 1em/1em "Open Sans", arial, sans-serif;
         text-align: center
     }
     .facility_contect_contect {
         float: left;
         width: 80%;
         margin: 30px 10% 0 10%;
         font: 400 1em/1.6em "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center
     }
     .announcements_contect_subtitle {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
         font: 1em/1em "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         border-bottom: 2px solid #ccc;
     }
     .announcements_contect_box_contect {
         float: left;
         width: 100%;
         margin: 5px 0 0 0;
         font: 1em/1.5em "Open Sans", arial, 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: 75%;
         margin: 80px 0 0 15%;
         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 "Open Sans", arial, 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 "Open Sans", arial, 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 "Open Sans", arial, sans-serif;
         text-align: center;
     }
     .contact_contect_boxin_contect {
         float: left;
         width: 100%;
         font: 1.2em/1.8em "Open Sans", arial, 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
     }
 }
 
 .pfooter .footertitle {
     font-size: 20px;
 }
 
 .flright {
     text-align: right;
 }
 
 .sedname {
     display: block;
     font-size: 16px;
     margin-top: 15px;
 }