body
{
	transition: all 1s ease;
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt 'Lustria',"微軟正黑體",Microsoft JhengHei,Helvetica,sans-serif;
	background: #EFEFEF;
}
ul{margin-bottom: 0;}
#footer_wrap{
	font-family: "微軟正黑體";
	color: white;
	text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    width: 85%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	position: fixed;bottom: 0;
	z-index: 10;	
}
#mobile_slides{display: none !important;}
#conc_wrp{
	min-height: 380px;
}
#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}
.rel{
	position: relative;
}

#header
{
	background: url("../imgs/header_bg.png") repeat-x bottom;
	margin: 0;
	position: fixed;
	width: 95%;
	top: 0;
	z-index: 10000;
	padding: 25px 2.5% 0;
}
.pg_press{position: relative;overflow-x: hidden;}
#content
{
    padding: 20px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

.press_con_thumb{
	position: absolute;
	right: -50%;
	width: 45%;
	top:10%;
	height: 80%;
	opacity: 0;
	transition: all 1s;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}
.news_link_f{
	text-decoration: none;
}
.news_item:hover .news_link_btn{
	background-position: 10px 0;
}

#mainmenu ul
{
	padding:16px 5px 5px 20px;
	margin:0px;
}
.news_link_btn{
	position: absolute;right: 30px;
	transition: 0.5s all;
	top: 0;
	bottom:0;margin:auto;
	background: url("../imgs/new_arrow.png") ;
	width: 10px;
	height: 35px;
}
#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a {
	transition: 1s all;
    color: #ffffff;
    font-family: "微軟正黑體";
    background-color: transparent;
    font-size: 15px;
    text-decoration: none;
    padding: 5px 20px;
    text-transform: uppercase;
    text-shadow: 0px 0px 40px #000;
}

#mainmenu ul li.lang_item a,#mainmenu ul li.music_item a{
	padding-left: 5px;
	padding-right: 5px;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #D3162F;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#slides .slides-pagination a{
	transition: 0.5s all;
}


.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px 'Lustria',"微軟正黑體",Microsoft JhengHei;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}


#hd_logo{
	background: url("../imgs/logo_white.png") no-repeat;
	width: 197px;
	height: 48px;
	float: left;

}
#mainmenu{
	float: right;
}
.clr{clear: both;}
.hd_inner{
	margin-bottom: 10px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	padding: 3px 5px;
}
#slides{
	background: black;
}
#slides .slides-pagination a{
	width: 8%;
    background: rgba(255,255,255,0.3);	
    border:0;
    margin: 0 14px;
    border-radius: 0;
    height: 5px;
}
#slides .slides-pagination a.current, #slides .slides-pagination a:hover {
    background: #d52530;
}
#slides .slides-pagination{
	bottom: 75px;
}
.main_content{
	padding-top: 105px; 
}
.company_word{
	margin: 10% auto;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	max-width: 75%;
}
.company_logo{
	margin-bottom: 15px;
	height: 135px;
	position: relative;
	text-align: center;
}
.company_logo img{
	height: 100%;
}
.company_bottom_wrapper{
	margin-bottom: 40px;
	position: relative;
	text-align: center;
	color: grey;
	margin-top: 5%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.company_bottom_line{
	position: absolute;width: 100%;
	background:grey;
	height: 5px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.company_bottom_word{
	background: white;
	display: inline-block;
	position: relative;z-index: 1;
	padding: 0 15px;
	font-size: 24px;
	text-transform: uppercase;
}
.prj_thumb{
	height: 120px;
	position: relative;
	overflow: hidden;
}
.prj_link{
	text-align: center;
    display: block;
    width: 150px;
    margin: 20px auto;
    font-size: 24px;
    background: black;
    color: white;
    text-decoration: none;
    padding: 15px 40px;
}
.prj_link:hover{
	opacity: 0.9;
	color: white;
}
.inner_logo{
	margin-top: 40px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: 50% 10px;
}
.cover_prj .prj_name{
	margin-top: 40px;
	text-align: center;
	font-size: 18px;
}
.inner_content{
	width: 80%;
	font-size: 24px;
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
}
.prj_thumb img{
	height: 80%;
	position: absolute;
	width: auto;
	top:-100px;
	bottom:-100px;
	left:-100px;
	right:-100px;
	margin: auto;
}
.prj_item,.space_item{
	overflow: hidden;
	background: rgba(255,255,255,0.5);
	border-left:0.5px solid #eee;
	border-top:0.5px solid #eee;
	width: 19.9%;
	display: inline-block;
	min-height: 250px;
	text-align: center;
	float: left;
	margin-bottom: 0px;
}

.prj_sepline{
	width: 50%;
	margin: 10px auto;
	height: 5px;
	background:#d52631;
}
.cprj_wicon{height: 160px;}
.cprj_wicon img{max-height: 160px;}
.space_item{display: none;}
.space_item_a0{display: block;}
.space_item_a1{display: block;}

.space_item_b3{display: block;}
.space_item_b4{display: block;}
.cover_prj{position: fixed;width: 100%;right: -100%;z-index:2;background: black;transition: all 0.8s;background-size: 100% auto;opacity: 0;}
.inner_back {
	transition: 1s all;
    position: absolute;
    left: 0;
    height: 100%;
    width: 75px;
    background: url(../imgs/back_arrow.png) no-repeat 50% 50%;
    cursor: pointer;
    z-index: 10;
    opacity:0.5;
}
.cprj_block{
    position: absolute;
    z-index: 10;
    left: 85px;
    top: 120px;
}
.inner_back:hover{opacity: 0.9;}
.cover_prj.show_c{right: 0%;opacity: 1;}
.project_grid{transition: all 0.3s;background: url("../imgs/HDE_11_HR2.jpg") no-repeat;background-size: 100% auto;}
.press_sub_menu{
	z-index:3;
	position: fixed;
	top:105px;
	width: 750px;
	padding: 0px 2% 0 5%;
	right: 0;

}
.space_item_first_row1{display: block;}
.space_item_first_row2{display: block;}
.space_item_first_row3{display: block;}
.space_item_first_row4{display: block;}
.space_item_first_row5{display: block;}
.press_sub_menu{
	text-align: right;
	text-shadow: 1px 1px 4px #6a6a6a;
}
.sub_menu_tag{
	transition: 1s all;
	margin:0 1.5%;height: 40px;line-height: 40px;
	font-size: 16px;text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	font-family: "微軟正黑體";
	color: white;
	display: inline-block;
}
.pg_comp{background-position: fixed !important;background-size: 100% auto!important;}
.sub_menu_tag:hover{color: #D3162F;}
.map_wrapper{width: 63%;float: left;overflow: hidden;}
.contact_content_wrapper{width: 35%;float: right;margin-top: 30px;}
.contact_pg{padding-left: 0%;padding-right: 2.5%;}
.press_pg{padding-left: 2.5%;padding-right: 2.5%;padding-top: 10px;}
.contact_section_tit{
	text-transform: uppercase;
	color: white;font-size: 55px;
	font-family: "微軟正黑體";
}
.pt_addr{background: url("../imgs/contact_add.png") no-repeat;}
.pt_phone{background: url("../imgs/contact_phone.png") no-repeat;}
.pt_fax{background: url("../imgs/contact_fax.png") no-repeat;}
.pt_mail{background: url("../imgs/contact_email.png") no-repeat;}
.contact_section_tit_line{
	width: 160px;
	height: 3px;
	background:white;
	margin: 5px 0 40px;
}
.contact_section_point {
    color: #a32329;
    font-size: 22px;
    font-family: "Abel";
    margin-bottom: 20px;
    padding-left: 55px;
    height: 40px;
    line-height: 40px;
}
.press_con_block{
	width: 48%;
	position: relative;
	overflow: hidden;
	padding-left: 2%;
	float: left;
	overflow: hidden;
}
.press_tit{
	text-transform: uppercase;
	font-family: "微軟正黑體";
	font-size: 50px;
	font-weight: bold;
	color: rgb(25,25,25);
	position: absolute;
	top:30px;
	left: -100%;
	z-index: 2;
}
.press_stit{
	opacity: 0;
	z-index: 2;
	font-family: "微軟正黑體";
	font-size: 20px;
	color: rgb(25,25,25);
	position: absolute;
	left: -100%;	
	top:90px;
}
.press_stit_line{
	z-index: 2;
	top:94px;
	position: absolute;
	opacity: 0;
	top:110px;
	left: -100%;	
	width: 130px;
	height: 3px;
	background:#d42932;
	margin: 15px 0;	
}
.contact_content_wrapper_inner{
	position: absolute;top:50px;bottom: 0;height: 300px;margin:auto;opacity: 0.25;
}
.contact_content_wrapper{position: relative;height: 500px;}

.hid_img{
	position: absolute;
	top:0;
	left: 0;
	width: 2px;
	opacity: 0;
}

/* entire container, keeps perspective */
.flip-container,.prj_item {
	perspective: 1000px;
}
.prj_item.hover .prj_item_flipper{
	transform: rotateY(180deg);
}

/* flip speed goes here */
.prj_item_flipper {
	z-index: 1;
	height: 100%;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.prj_item_front{opacity: 0;}
.prj_item_front, .prj_item_back {
	height: 100%;
	width: 100%;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin:auto;
}
.prj_item_front{
	height: 165px;
}
/* front pane, placed above back */
.prj_item_front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	transition: 1s all;
}

/* back, initially hidden pane */
.prj_item_back {
	transform: rotateY(180deg);
}
.prj_item,.space_item{
	transition: 1s all;
}
.sub_menu_tag.active{color:#D3162F;}


.prj_item.hover .flipper, .prj_item..flip .flipper {
	transform: rotateY(180deg);

}
#body_wrapper{
	min-height: 100%;
	position: relative;
}
#body_wrapper.being_removed{
	min-height: 1px;
}
.hasSel{
	opacity: 0.3;
}
.prj_link_btn{
	opacity: 0;
	background: url("../imgs/go_btn.png") no-repeat 0 0;width: 45px;
	height: 45px;margin:10px auto 0;
	transition: 1s all;
	cursor: pointer;
}
.prj_item:hover,.hover.hasSel{opacity: 1;background: rgba(255,255,255,0.5);}
.prj_item:hover .prj_item_front{height: 230px;}
.prj_item:hover .prj_link_btn{opacity: 1;}
.prj_item .prj_link_btn:hover{
	background-image: url("../imgs/go_btn_u.png");	
}
.prj_item.seet{background: none;}
.prj_item.seet .prj_item_front{display: none;}
.space_item.seet{background: none;}
#body_wrapper_screen{position: absolute;width: 100%;min-height: 100%;top:0;left: 0;z-index: 0;}
#body_wrapper_inner{position: relative;z-index: 1;min-height: 100%;}
#page_wrapper{min-height: 100%;}
.press_stit_cont_inner{
overflow: auto;
height: 100%;
}
.press_stit_cont {
    padding-top: 170px;
    opacity: 0;
    width: 100%;
    font-family: "微軟正黑體";
}
.oy{overflow: hidden !important; }
body{overflow-y: scroll;}
.white_grd_block{
	display: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+50,1+50,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	position: fixed;
	height: 205px;top: 105px;
	width: 100%;left: 0;
	z-index: 1;
}
.press_con_block{
	display: none;
}
.press_con_block.active{
	display: block;
}
.press_con_thumb.active{
	display: none;
	right: 0%;
	opacity: 1;
}
.press_stit_cont{
	padding-bottom: 60px;
}
#mobile_menu{
	background: rgba(0,0,0,0.8);position: fixed;right: 2%;top:15px;z-index: 2;color: white;cursor: pointer;transition: 0.5s all;
	display: none;
	z-index: 10001;
	background: url("../imgs/menu.png") 50% 50% no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 40px;
}

#mobile_menu_wrapper{
	position: fixed;
	top:0px;
    width: 100%;
    background: black url("../imgs/mobile_bg.jpg") repeat-y 50% 0;
    background-size: 100% auto;
    display: none;
    z-index: 10000;
	border-bottom: 1px solid #D3162F;
	padding-top: 70px;
}
.prj_slides .slides-pagination {
    bottom: initial;
    width: 480px;
    top: 280px;
    left: 55px;
    z-index: 11;
    text-align: center;
    padding-left: 0px;
    height:100px;
}
.cprj_con{
	margin-top: 30px;
    width: 500px;
    color: white;
    font-size: 14px;
    margin-left: 9px;
}
.close_vdo_frame{
    color: white;
    text-align: right;
    font-size: 23px;
    cursor: pointer;
    width: 25px;
    float: right;
}
.cprj_licon{margin-top: 15px;padding-left: 10px;}
.prj_licon{display: inline-block;width: 50px;height: 50px;transition: 1s all;opacity: 0.8;margin-right: 5px;background-size: 100% auto !important;}
.prj_licon.ilink{background: url("../imgs/web_icon.png") no-repeat;}
.prj_licon.imap{background: url("../imgs/location_icon.png") no-repeat;}
.prj_licon.itel{background: url("../imgs/call_icon.png") no-repeat;}
.prj_licon.iemail{background: url("../imgs/email_icon.png") no-repeat;}
.prj_licon.iyoutube{background: url("../imgs/youTube.png") no-repeat;}
.prj_licon.i360{background: url("../imgs/360_icon.png") no-repeat;}

a.pause {
    color: white;
    background: url(../imgs/music_btn.png) no-repeat 7px 0px;
    padding: 0px 15px;
    height: 10px;
    display: inline-block;
    width: 22px;
    float: right;
}
a.play {
    color: white;
    background: url(../imgs/music_btn.png) no-repeat 7px -20px;
    padding: 0px 15px;
    height: 10px;
    display: inline-block;
    width: 22px;
    float: right;
}
.prj_licon.ilink:hover{background-image: url("../imgs/web_icon_u.png") ;}
.prj_licon.imap:hover{background-image: url("../imgs/location_icon_u.png");}
.prj_licon.itel:hover{background-image: url("../imgs/call_icon_u.png") ;}
.prj_licon.iemail:hover{background-image: url("../imgs/email_icon_u.png");}
.prj_licon.iyoutube:hover{background-image: url("../imgs/youTube-on.png");}
.prj_licon.i360:hover{background-image: url("../imgs/360_icon_u.png");}




.prj_slides  .slides-pagination a {
    width: 7%;
    background: rgba(255,255,255,0.3);
    border: 0;
    margin: 0 5px;
    border-radius: 0;
    height: 3px;
}
.prj_slides .slides-pagination a.current, .prj_slides .slides-pagination a:hover {
    background: #d52530;
}

#mobile_menu_wrapper .mm_inner{
	height: 100%;
	width: 96%;
	padding: 20px 2%;
}
.open_menu #mobile_menu{
	background: url("../imgs/closed_icon.png") 50% 50% no-repeat;
	background-size: 100% auto;
}
#sidemenu{text-align: center;font-size: 16px;text-transform: uppercase;}
#sidemenu ul li a{color: #afafaf;font-size: 16px;text-decoration: none;border-bottom: 2px solid #333;display: inline-block;padding-left: 1%;padding-right: 1%;padding-bottom: 5px;}
#sidemenu ul li{list-style: none;margin-bottom: 10px;text-align: center;}
.side_menu_logo{ margin-bottom: 20px; margin-top: 15px;}
.slide_text{
	position: absolute;
    width: 85%;
    text-align: center;
    max-width: 1250px;
    left: 0;
    right: 0;
    margin: auto;
    top: 25%;
    bottom: 0;
    opacity: 0;
    height: 300px;
    font-size: 28px;
    text-transform: uppercase;
    color: white;
    text-shadow: 2px 2px 10px black;
}
#mobile_slides .slide_text{
	font-size: 20px;
	width: 95%;
}
#mobile_slides .sep_red_line{
height: 3px;
}
#mobile_slides .slider_big_word{
	font-size: 30px;
}
.slider_big_word{font-size: 60px;}
.sep_red_line{
    margin: 30px auto;
    height: 5px;
    background: #d52631;
    width: 70%;
    max-width: 200px;
}
.slide_sub_text{
	font-size: 25px;
}
#mainmenu ul{float: right;}
.lang_panel{float: right;    padding: 16px 0px 5px 0px;color: white;}
.lang_panel a{
	transition: 1s all;
	font-family: "微軟正黑體";
	color: inherit;
    background-color: transparent;
    font-size: 15px;
    text-decoration: none;
   	padding: 5px;
    text-transform: uppercase;
    color: white;
}

.lang_panel a:hover{color: #d52530;}
.lang_panel a.active{color: white;}

.news_tit{
	text-transform: uppercase;
	font-size: 55px;text-align: center;font-weight: bold;color: #000000;margin-top: 45px;border-bottom: 1px solid #888;
	font-family: "微軟正黑體";
	width: 60%;
	padding-left: 10%;
	padding-right: 10%;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.news_item{
	position: relative;
	font-size: 20px;
	border-bottom: 1px solid #888;
	width: 60%;
	padding-left: 10%;
	padding-right: 10%;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.mobile_logo{display: none;}
.news_item_source {
	margin-left: 80px;
    font-size: 15px;
    color: #555;
    font-family: "微軟正黑體";
}
.news_item_date{
	font-size: 16px;float: left;width: 80px;color: #888;
	margin-top: 3px;
}
.mainmenu a.active{
	color: #D3162F !important;
}

.news_item_tit {
	font-family: "微軟正黑體";
    margin-left: 80px;
    font-size: 20px;
    color: black;
}
.intro_top_line{
	position: relative;
	text-align: center;
}
.intro_link{
	margin-top: 30px;
	text-align: center;
}
.intro_link a{color: black;font-size: 25px;text-decoration: none;}
.intro_wrapper{position: relative;height: 100%;}
.intro_block{width: 600px;margin:auto;position: absolute;top:00px;height: 145px;bottom: 0;left: 0;right: 0;}
.intro_top_title{text-align: center;font-size: 40px;text-transform: uppercase;color: black;margin:10px 0;}
.intro_cont{font-size: 14px;text-align: center;color: black;margin:0 30px;}
.tin_line{border-bottom: 1px solid #DA162E; width: 43%;left: 0;position: absolute;top:20px;}
.intro_btm_line{border-bottom: 1px solid black;margin-top: 30px;}
.project_grid_inner{overflow: hidden;}
.prj_mobile_thumb_item{display: none;}
.company_full_page{
	position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 9999;
}
.company_full_page_bg{
	position: fixed;
    background: url("../imgs/company_bg2.jpg") no-repeat 50% 50%;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 9888;
}
.company_inner{
	opacity: 0;
	padding-top: 10%;
    width: 90%;
    max-width: 820px;
    font-size: 28px;
    margin: 0 auto;
    text-align: center;
}
.company_subtit{margin-top: 20px;color: white;text-transform: uppercase;font-size: 20px;}
.cover_video{
	display: none;
   	position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.cover_inner{
	width: 40%;
    height: 400px;
    position: absolute;top:0;
    bottom: 0;margin: auto;

    right: 10%;
}
.cov_video_item{width: 45%;float: left;margin-right: 20px;margin-bottom: 20px;color: white;cursor: pointer;}
.cov_video_item img{display: block;max-width: 100%;margin-bottom: 5px; -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); transition: 1s all;}
.vdo_img_cover{
position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    transition: 1s all;
    background: url(../imgs/youTube.png) no-repeat 50% 50%;
    z-index: 1;
}
.cov_video_item:hover .vdo_img_cover{opacity: 0;}
.cov_video_item:hover img{-webkit-filter: grayscale(0);
       -moz-filter: none;
         -o-filter: none;
        -ms-filter: none;
            filter: none; }
.hyper_cover_video{
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 12;
    display: none;
}
.hyper_cover_video video{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.close_vdo{color: white;position: absolute;top:20%;right: 10%;cursor: pointer;font-size: 25px;}
@media only screen and (min-width: 780px) {
	#mobile_menu{display: none !important;}
}
@media only screen and (max-width: 1440px) {
	#mainmenu ul li a{font-size: 16px;padding: 5px 20px;}
}
@media only screen and (max-width: 1350px) {
	#mainmenu ul li a{font-size: 15px;padding: 5px 15px;}
}
@media only screen and (max-width: 1280px) {
/*	.prj_item, .space_item{width: 50%;}
	.space_item_b1,.space_item_a2{display: block;}
	.space_item_a1,.space_item_b2{display: none;}*/
}
@media only screen and (max-width: 1175px) {
	#mainmenu ul li a{font-size: 14px;padding: 5px 10px;}
	.prj_item, .space_item{width: 19.8%;}
	.prj_thumb img{max-width: 100%;height: auto;}
	.project_grid {
	    background-size: auto 100% ;
	}	
}

@media only screen and (max-width: 1080px) {
	#hd_logo{width: 55px;}
	#mainmenu ul li a{font-size: 14px;padding: 5px 5px;}
}
@media only screen and (max-width: 960px) {
	.project_grid {
	    background: none !important;
	    padding-bottom: 0px;
	    padding-top: 68px;
	}	
	.open_menu #body_wrapper{
		padding-top: 250px;
	}
	.cover_prj.show_c{overflow-y: auto;}
	.prj_mobile_thumb_item img{position: absolute;top:-100px;left: -100px;right: -100px;bottom: -100px;max-width: 550px;margin:auto;}
    .space_item{display: none !important;}
    .prj_item{width: 50%;border:0;}
    .prj_mobile_thumb_item{width: 50%;float: left;display: inline-block;overflow: hidden;position: relative;    min-height: 250px;opacity: 0;}
    .prj_thumb img{width: 80%;height: auto;}
    .prj_item .prj_thumb{cursor: pointer;}
    .prj_item.seet .prj_item_front{display: block;}
    .prj_slides{height: 50% !important;}
    .prj_slides img{width: 100% !important;height: auto !important;top:0 !important;left: 0 !important;}
    .cprj_block{position: relative;margin-top: 0px;top:initial;left: initial;}
    .inner_back{display: none;}
	.cprj_wicon {
	    width: 35%;
	    height: auto;
	    margin: 2px 15px 0;
	    height: 70px;
	    border-bottom: 5px white solid;
	    padding-bottom: 10px;
	}
    .cprj_wicon img{height: 75px;width: auto;}
	.cprj_licon {
		position: static;
		text-align: center;
	    margin-top: 15px;
	    padding-left: 10px;
	 
	    top: 15px;
	    right: 2%;
	}
	.prj_licon{width: 40px;height: 40px;background-size: 100% auto !important;}
	.cprj_con{padding-bottom: 80px;width: auto;}
	.prj_slides .slides-pagination{left: 0;right: 0;margin-left: auto;margin-right: auto;top: initial;bottom: 5px;max-width: 90%;}
	.cover_prj{padding-bottom: 60px;}
}


@media only screen and (max-width: 950px) {
.desktop_logo{    width: 55px;    display: inline-block;    overflow: hidden;}
}
@media only screen and (max-width: 780px) {
	.company_full_page{
    	background: url("../imgs/company_bg_mobile.jpg") no-repeat 50% 50%;
    	background-size: auto 100%;
    }	
    .cprj_con{margin-left: 15px;}
	.close_vdo{right: 5%;}
	.cover_video{position: static;height: auto;margin-top: 15px;}
	.hyper_cover_video{position: fixed;}
	.hyper_cover_video video{position: fixed;width: 100%;}
	.cover_inner{position: static;width: auto;height: auto;}
	.cov_video_item{width: auto;margin-left: 15px;margin-right: 15px;float: none;display: block;}
	.slide_sub_text{font-size: 20px;}
	.intro_link a{color: black;}
	.mobile_logo{display: block;max-width: 200px;}
	.mobile_logo img{max-width: 200px;}
	.desktop_logo{display: none;}
	#mobile_slides{display: block !important;}
	.hd_inner{border:0;}
	.sub_menu_tag{border:0;}
	.sub_menu_tag.active{border:0;}
	#header{padding-top: 5px;}
	.intro_wrapper{
		background: url("../imgs/m_intro.jpg") no-repeat 50% 50% !important;
		background-size: 100% auto !important;
	}
	.close_vdo_frame{margin-right: 15px;}
	.company_logo{height: 85px;}
	.vdo_img_cover{    background: url(../imgs/youTube_on.png) no-repeat 50% 50%;}

	.press_sub_menu{float: right;max-width: 320px;position: static;width: 50%;
		background: url("../imgs/compay_menu_bg.png") repeat-y left;
		padding-right: 2%;padding-left: 0;}
	.open_menu .press_sub_menu{display:none !important;}
	.sub_menu_tag{float: none;text-align: right;width: 100%;}

	.contact_pg{padding-right: 0;}
	.intro_block{width: 90%;}
	#slides{display: none !important;}
	#mobile_slides{display: block;}
	.intro_top_title{font-size: 32px;margin-top: 0;}
	.intro_cont{font-size: 12px;}
	.intro_link{margin-top: 5px;}
	.intro_btm_line{margin-top: 10px;}
	.news_tit{font-size: 33px;margin-top: 15px;color: white;width: 85%;padding-left: 5%;padding-right: 5%;}
	.news_item_tit{font-size: 15px;color: white;float: none;margin-left: 85px;margin-top: 5px;}
	.news_item_date{color: #cccccc;}
	.news_item{width: 75%;}
	.news_item_source{color: white;font-size: 12px;margin-top: 5px;margin-left: 85px;}
	.press_tit{position: static;font-size: 32px;}
	.press_stit{position: static;    font-size: 15px;}
	.press_stit_line{position: static;}
	.press_stit_cont{position: static;padding-top: 0;height:400px !important;overflow:auto;}
	.company_inner{font-size: 20px;margin-top: 20%;}



	.lang_panel{float: none;text-align: center;}
    .contact_content_wrapper{ float: none;width: 100%;height: 360px; margin-top: 10px;}
    .contact_section_point{font-size: 16px;margin-bottom: 10px;background-size: 30px auto;height: 29px;    line-height: 29px;}
    .pt_addr a{line-height: 17px !important;}
    .contact_section_tit_line{margin-bottom: 15px;}
    .map_wrapper{ float: none;width: 100%; height: 50%;}
    .contact_content_wrapper_inner{position: static;padding: 10px;margin-top: 0;}
    .contact_section_tit{font-size: 33px;}
    .company_word{font-size: 25px;}
    .ft_company_word{margin-top: 30px;}
    .press_con_block{width:96%;padding-right: 2%;padding-top: 10px;}
    #mainmenu ul li{display: block;}
    #mainmenu ul li.lang_item{display: inline-block;}
    .hd_inner{height: 50px;}
    #mainmenu{float: none;clear: both;display: none;}
    #header{width: 100%;padding-left: 0;padding-right: 0;}
    .sub_menu_tag{font-size: 15px;margin-left: 0;margin-right: 0;color: white;}
    #hd_logo{width: 197px;margin-left: 1%;}
    #mobile_menu{display: block;}
#footer_wrap {
    background: black;
    margin: 0;
    width: 98%;
    padding-right: 2%;
    text-align: center;
    position: static;
}
@media only screen and (max-width: 550px) {
	
	.intro_wrapper{
		background: url(../imgs/m_intro.jpg) no-repeat 50% 50% !important;
		background-size: auto 100% !important;
	}
}


}