@font-face {
    font-family: "AMUSAF";
    src: url('../fonts/AMUSAF.TTF');
}
@font-face {
    font-family: "Questrial-Regular";
    src: url('../fonts/Questrial-Regular.ttf');
}

.bdy_aboutcont{
	padding: 76px 0px 0px 0px;
}    

.lSSlideOuter #gp_aboup .lslide{
	padding: 0px;
}
.abutgp_banslider img{
	width: 100%;
}

.abutgp_banslider{
	background-repeat: 	no-repeat;
	background-position: center;
	background-size: auto 100%;
}

.guoptat_ti{
	font-size: 40px;
	/* font-family: "AMUSAF"; */
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.guoptat_ti2{
	margin-bottom: 50px;
	/*font-family: "Questrial-Regular"; */
	font-size: 16px;
}

.guoptat_ti3{
	line-height: 20px;
	margin-bottom: 15px;
	/*font-family: "Questrial-Regular"; */
	font-size: 16px;
}


.lSSlideOuter #gp_aboupcont  .lslide{
	padding: 15px 0px 0px 0px;
}

.gp_aboutslider{
	color: #c1c1c1;
	border-top: 3px solid rgba(255, 255, 255, 0.5);
	text-align: left;
	font-size: 18px;
}
#gp_aboupcont{

}
.pg_contmar{
	margin-top: -85px;
	margin-bottom: 35px;
}
.gp_aboutslider >span{
	color: #c1c1c1;
	font-size: 24px;
	-moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}
.gp_aboutslider{
	cursor: pointer;
	-moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
    min-height: 45px;
}
.pc_hovertag .gp_aboutslider:hover{
	border-color: white;
	color: white;
}
.pc_hovertag .gp_aboutslider:hover >span{
	color: white;
}

.pc_hovertag .gp_aboutslider:hover{
	border-color: rgba(255, 255, 255, 0.5);
	color: #c1c1c1;
}
.pc_hovertag .gp_aboutslider:hover >span{
	color: #c1c1c1;
}

.this_abutssliders{
	border-color: white!important;
	color: white!important;
}
.this_abutssliders >span{
	color: white!important;
}

.map_gruop{
	padding: 100px 0px 30px 0px;
}

.map_gruop{
	max-width: 1450px;
	margin: 0 auto;
	overflow: hidden;
}

.mpgp_left >img{
	width: 100%;
}
.mpgp_left{
	position: relative;
	float: left;
	width: 65%;
}
.mpgp_right{
	float: left;
	width: 35%;
    padding: 87px 16px 0 100px;
}
.right_mprigpimg >img{
	width: 100%;
}

.right_mprigp {
    display: none;
    position: relative;
    z-index: 2;
   	box-shadow: -2px 1px 22px rgba(0, 0, 0, 0.1)
}

.allflasgs_grop{
	background-color: white;
	padding: 20px;
}
.mainoffice{
	 /*font-family: "Questrial-Regular"; */
	font-size: 24px;
	color: #4e4e4e;
	padding-bottom: 20px;
	font-weight: 600;
}
.group_flasgs >div{
	/*font-family: "Questrial-Regular";*/
}

.group_flasgs{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;

    /* Direction defaults to 'row', so not really necessary to specify */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;

    margin-bottom: 15px;
}

.gpflgs_next1{
	 /*font-family: "Questrial-Regular"; */
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25px;
	-ms-flex: 0 0 25px;
	flex: 0 0 25px;
	max-width: 25px;
    padding-top: 0px;
}
.gpflgs_next2{
	 /*font-family: "Questrial-Regular"; */
	font-weight: bold;
	color: black;
	padding-right: 10px;

	-webkit-flex: 0 0 48px;
	-ms-flex: 0 0 48px;
	flex: 0 0 48px;
	max-width: 48px;
	font-weight: bold;
}
.gpflgs_next3{
	 /*font-family: "Questrial-Regular"; */
	color: #4e4e4e;
    padding-top: 1px;
	
}

.abt_atg_gop{
	padding-top: 5px;
	margin-bottom: 15px;
}

.abtatg_more{
	display: block;
	border: 1px solid #4e4e4e;
	text-align: center;
	padding: 10px 0px;
	width: 150px;
	/* font-family: "AMUSAF"; */
	font-size: 16px;
	color: #4e4e4e;
	-moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}
.pc_hovertag .abtatg_more:hover{
	background-color: #eaeaea;
}

.posab_lefttag1{
	position: absolute;
	top: 20%;
	right: 9%;
}
.posab_padchag{
	position: relative;
	cursor: pointer;
}
.posb_leftit{
	display: inline-block;
	 /*font-family: "Questrial-Regular"; */
	font-size: 22px;
	vertical-align: middle;
	color: black;
	-moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-webkit-transition: .4s ease;
}
.posb_leftbk{
	display: inline-block;
	border: 1px solid #9e2525;
	padding: 3px;
	border-radius: 50%;
	-moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-webkit-transition: .4s ease;
    vertical-align: middle;
}
.posb_leftbk >div{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-webkit-transition: .4s ease;
    background-color: #9e2525;
}

.pc_hovertag .posab_padchag:hover .posb_leftit{
	color: #b8163c;
}

.pc_hovertag .posab_padchag:hover .posb_leftbk{
	background-color: #ca9999;
}

.this_posabtag .posb_leftit{
	color: #b8163c;
	padding-right: 10px;
}
.this_posabtag .posb_leftbk{
	background-color: #ca9999;
	padding: 7px;
}

.this_posabtag .posb_leftbk >div{
	border: 5px solid #9e2525;
	background-color: white;
	padding: 3px;
}

.this_posabtag .posab_linetg{
	display: block;
	position: absolute;
	left: 100%;
	top: 15px;
	width: 30vw;
	height: 1px;
	background-color: #9e2525;
	-moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
    background-color: #9e2525;
}

.posab_lefttag2{
	position: absolute;
	top: 39%;
	right: 18%;
}
.posab_lefttag3{
	position: absolute;
	top: 55%;
	right: 22%;
}

.posab_lefttag4{
	position: absolute;
	top: 36%;
	right: 42%;
}

.posab_lefttag5{
	position: absolute;
	top: 41%;
	right: 47%;
}
.posab_lefttag6{
	position: absolute;
	top: 48%;
	right: 44%;
}
.posab_lefttag7{
	position: absolute;
	top: 63%;
	right: 48%;
}
.mpage1{
	display: block;
}

#mob_abotmap{
	display: none;
	padding: 0px 30px;

}
.click_mobmap{
	position: relative;
	background-color: #9e2525;
	padding: 10px 10px;
	color: white;
	cursor: pointer;
}
.click_mobmap >div{
	font-size: 20px;
	/*font-family: "Questrial-Regular";*/
}
.clickgruop_all{
	display: none;
	border: 1px solid #d8d8d8;
	border-top: 0px;
	border-bottom: 0px;
}
.open_mobmap{
	cursor: pointer;
	padding: 10px 10px;
	font-size: 20px;
	/*font-family: "Questrial-Regular";*/
	border-bottom: 1px solid #d8d8d8;
	color: black;
}
.click_mobmap >div{
	display: none;
}
.mobmap1 > .click_mobmap >div:nth-child(1){
	display: block;
}
.mobmap2 > .click_mobmap >div:nth-child(2){
	display: block;
}
.mobmap3 > .click_mobmap >div:nth-child(3){
	display: block;
}
.mobmap4 > .click_mobmap >div:nth-child(4){
	display: block;
}
.mobmap5 > .click_mobmap >div:nth-child(5){
	display: block;
}
.mobmap6 > .click_mobmap >div:nth-child(6){
	display: block;
}
.mobmap7 > .click_mobmap >div:nth-child(7){
	display: block;
}

.mobmap1 > .clickgruop_all >div:nth-child(1){
	display: none;
}
.mobmap2 > .clickgruop_all >div:nth-child(2){
	display: none;
}
.mobmap3 > .clickgruop_all >div:nth-child(3){
	display: none;
}
.mobmap4 > .clickgruop_all >div:nth-child(4){
	display: none;
}
.mobmap5 > .clickgruop_all >div:nth-child(5){
	display: none;
}
.mobmap6 > .clickgruop_all >div:nth-child(6){
	display: none;
}
.mobmap7 > .clickgruop_all >div:nth-child(7){
	display: none;
}

.clkmopmap_don{
	display: block!important;
	position: absolute;
	top: 10px;
	right: 15px;
	-moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}
.opppen_down .clkmopmap_don{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

.abt_bgimgtime{
	background-repeat: 	no-repeat;
	background-position: top center;
	background-size: 100%;
}
.lSSlideOuter #gp_time .lslide{
	padding: 0px;
}
.lSSlideOuter #gp_time_line .lslide{
	padding: 0px;
}



.abtcontiner{
	padding: 320px 0px 270px 0px;
	position: relative;
}

.abt_timecont{
	position: absolute;
    margin: 0px;
    padding-right: 15px;
    bottom: 28%;
    max-width: 30%;
    height: 250px;
}

.titl_time{
	position: relative;
	text-align: left;
	font-size: 66px;
	line-height: 66px;
	 /*font-family: "Questrial-Regular"; */
	color: #4e4e4e;
	font-weight: bold;
	margin-bottom: 5px;
}
.titl2_time{
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	/*font-family: "Calibri Regular";*/
	color: #4e4e4e;
	margin-bottom: 5px;
}
.titl3_time{
	text-align: left;
	font-size: 16px;
	/*line-height: 14px;*/
	/*font-family: "Calibri Regular";*/
	color: #4e4e4e;
}

.left_pgimg{
	position: absolute;
	top: 0px;
	left: -25px;
}
.left_pgimg >img{
	width: 15px;
}
.left_pgimg2{
	position: absolute;
	width: 15px;
	right: -30px;
	background-image: url(../images/about_bgmark.png);
}



#gp_time_line{
	
}
.time_gpling{
	height: 180px;
}
.outer_timegp{
	position: relative;
	margin-top: -180px;
}
.outer_timegp::before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: white;
	position: absolute;
	bottom: 60px;
}

.outer_timegp >.container{
	padding: 0px;
}
.timecont_ti{
	cursor: pointer;
	color: white;
	 /*font-family: "Questrial-Regular"; */
	font-size: 18px;
}
.linel_time >div{
	display: block;
	width: 1px;
	height: 7px;
	background-color: white;
	margin: 0 auto;
}
.outraus_time{
	margin:0 auto;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: white;
	border: 1px solid white;
	-moz-transition: .4s ease;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	-o-webkit-transition: .4s ease;
}
.padraus_time{
	margin: 0 auto;
	border-radius:50%;
	width: 0px;
	height: 0px;
	background-color: white;
	-moz-transition: .4s ease;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	-o-webkit-transition: .4s ease;
}

.hover_timecont{
	position: relative;
	padding-top: 85.5px;
}
.hover_imgabtime{
	position: absolute;
    top: 30px;
    left: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateX(-50%);

    opacity: 0;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-webkit-transition: .4s ease;

}
.hover_imgabtime >img{
	width: 85px;
	border: 2px solid white;
}

.thishover_timecont .hover_imgabtime{
	opacity: 1;
}

.thishover_timecont .outraus_time{
	width: 7px;
	height: 7px;
	background-color: #9e2525;
	border: 1px solid white;
}

.activ_tmmi{
	opacity: 0;
	-moz-transition: .4s ease;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	-o-webkit-transition: .4s ease;
}
.acti_tiline{
	display: block;
    width: 2px;
    height: 13px;
    background-color: #9e2525;
    margin: 0 auto;
}

.acti_tiliradi{
	display: block;
	border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #9e2525;
    margin: 0 auto;
}
.acti_tictcont{
	color: white;
	/*font-family: "Questrial-Regular";*/
	font-size: 26px;
	line-height: 26px;
	padding-top: 3px;
}
.noacti_time{
	-moz-transition: .4s ease;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	-o-webkit-transition: .4s ease;
}

.time_gpling.active .noacti_time{
	opacity: 0;
}

.time_gpling.active .activ_tmmi{
	opacity: 1;
}

.time_gpling.active .outraus_time{
	width: 10px;
    height: 10px;
    background: #9e2525;
    border: 0px;
    margin: -2px auto 0px;
    padding: 2px;
}
.time_gpling.active .padraus_time{
	width: 6px;
    height: 6px;
    background: #9e2525;
    border: 1px solid #cacaca;
}

.time_gpling.active .timecont_ti{
	cursor: default;
}


.lSSlideWrapper.usingCss #gp_time > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}
.lSSlideWrapper.usingCss #gp_time > *.active {
    opacity: 1;
}

.left_backk{
	display: none;
	position: absolute;
	left: 30px;
	top: 135px;
	cursor: pointer;
}
.left_backk >img{
	width: 8px;
}

.righ_backk{
	display: none;
	position: absolute;
	right: 30px;
	top: 135px;
	cursor: pointer;
}
.righ_backk >img{
	width: 8px;
}

.dislik_hesd{
	/* width: 72px; */
	display: inline-block;
	margin-left: 15px;
}
.header nav .dislik_hesd >a{
	vertical-align: middle;
	width: 30px;
	/* font-family: "AMUSAF"; */
	font-weight: 400;
	color: #808080;
	-moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-webkit-transition: .4s ease;
    line-height: normal;
}
.header nav .dislik_hesd >a:hover{
	color: red;
}

.dislik_hesd >span{
	font-size: 14px;
    margin-right: 2px;
}

#gotag_more{
	margin-top: -76px;
	padding-top: 76px;
}
.shawn_fx .this_benefits{
	background: #cccccc;
    color: white;
}
.bendis_no{
	display: none;
}
.open_benfit1{
	display: block;
}

.c-data .benefitsgg{
	cursor: pointer;
	font-size: 20px;
	padding: 10px 0;
}

.shawn_fx{
	padding: 4px;
}

.open_1{
	padding: 10px;
}

.n-f0{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc(100% - 110px);
	-ms-flex: 0 0 calc(100% - 110px);
	flex: 0 0 calc(100% - 110px);
	max-width: calc(100% - 110px);
}
.n-f1{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 70px;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px;
	max-width: 70px;
}
.open_1_1_1{
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 70px);
    -ms-flex: 0 0 calc(100% - 70px);
    flex: -1 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
}
.open_1_1_2{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 70px;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px;
	max-width: 70px;
}
.fixd{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40px;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	max-width: 40px;
	width: 100%;
}
.news_text{
	width: 100%;
}

.n-f1 >p{
    padding-top: 4px;
}

.rorze.video-r video{
	width: 100%!important;
}
/* .left_ennn{
	margin-left: 10px;
} */

/* .und_line{
	position: absolute;
	bottom: -1.5px;
	width: 0%;
	height: 2px;
	background-color: #dd2633;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	transition-property: all;
	transition-duration: 0.3s;
} */

.header nav .active >div,.header nav .hover  >div{
    color: #fff;
}
.header nav .hoverOut.hover { color: white!important; }
.header nav .hoverOut.active >div{ color: black!important; }
    
/* .header nav {
    right: 6px;
} */


.p_img_a{
	display: none;
}
.pimgpgpg_1{
	display: block;
}
.claick_dede  >p{
	cursor: pointer;
}

.products000{
	background: url(../images/abt_imgbg.png) no-repeat;
	background-position: bottom center;
	background-size: 100%;
}



.fx_n{
	position: relative;
}
.fx_n_p{
	position: relative;
}
p.invalid{
	font-family: "微 ? ?? ?;
	font-size: 12px;
	/* position: absolute; */
	color: #9e2525;
	padding: 0px 0px 0px 0px;
}

.contact_data{
	display: none;
}
.contact_data1{
	display: block;
}

.gpeopadf {
	cursor: pointer;
	font-size: 20px;
	font-weight: 600;
	-moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.gpeopadf img {
    width: 35px;
    padding-bottom: 6px;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.this_hu_p img {
    width: 40px;
}

.pc_hovertag  .gpeopadf:hover{
	color: #b8163c;
}

.news_data{
	display: none;
}
.openpg1{
	display: block;
}

.this_hu_p{
	color: #b8163c;
}

.about_ourtitl{
	/* font-family: "AMUSAF"; */
	color: #4e4e4e;
	font-size: 38px;
	font-weight: bold;
}
.grop_ourtitl{
	text-align: center;
	padding: 70px 0px 50px 0px;
}

.ourtitl_line{
	display: block;
	width: 85px;
	height: 1px;
	margin: 20px auto 0px;
	background-color: #9e203f;
}
.our_customer .lSPager{
	padding-top: 30px!important;
	padding-bottom: 50px!important;
}

.fx .our_c {
    align-self: center;
    height: 115px;
    /*line-height: 50px;*/
    padding: 10px 33px 0px;
	-webkit-flex: 0 0 calc(100% / 4);
    -ms-flex: 0 0 calc(100% / 4);
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);

    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.ggg888 .our_c{
	flex: 0 0 50%;
}

.our_c img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.pc_hovertag .our_c img:hover {
    -moz-transform-origin: center;

    -webkit-transform-origin: center;

    -o-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    -webkit-filter: grayscale(0);
}

.ctrlBtn:active{
	outline: none!important;
	-webkit-box-shadow: 0px 0px 0px!important;
	box-shadow: 0px 0px 0px!important;
}

/* button  ?? start */
	
	.speci_atag {
	    display: block;
	    padding: 6px;
	    border: 1px solid #4e4e4e;
	    text-align: center;
	    text-transform: uppercase;
	    position: relative;
	    overflow: hidden;
	    -webkit-transition: .3s;
	    transition: .3s;
	   	width: 120px;
	   	cursor: pointer;
	   	z-index: 1;
	   	background-color: rgba(255, 255, 255, 0);
	}
	.speci_atag:after {
	    position: absolute;
	    -webkit-transition: .3s;
	    transition: .3s;
	    content: '';
	    width: 0;
	    left: 50%;
	    bottom: 0;
	    height: 3px;
	    background: #a40000;
	}
	.speci_atag:after {
	    height: 120%;
	    left: -10%;
	    z-index: -1;
	}
	.pc_hovertag .speci_atag:hover {
	    color: white;
	    border-color:#a40000;
	}
	.pc_hovertag .speci_atag:hover:after {
	    left: -10%;
	    width: 120%;
	}

/* button  ??over */


.group_bosss{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;

    /* Direction defaults to 'row', so not really necessary to specify */
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;

    color: white;

    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0px 15px;
}
.gropbose_1{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 400px;
	-ms-flex: 0 0 400px;
	flex: 0 0 400px;
	max-width: 400px;
	align-self: flex-end;
}
.gropbose_2{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc(100% - 400px);
	-ms-flex: 0 0 calc(100% - 400px);
	flex: 0 0 calc(100% - 400px);
	max-width: calc(100% - 400px);
	padding-bottom: 30px;
}

.gpbse_ti1{
	font-size: 22px;
	margin-bottom: 20px;
}
.gpbse_ti2{
	font-size: 14px;
	margin-bottom: 20px;
}
.gpbse_ti3{
	text-align: right;
	font-size: 14px;
	padding: 35px 0px 20px 0px;
}

.gpbose_imgg{
	text-align: right;
}
.groupboss_bgcolor{
	padding-top: 60px;
	background-color: black;
}


.shawn_flex{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;

    /* Direction defaults to 'row', so not really necessary to specify */
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
	height: 100%;
    /*padding: 0px 45px;*/
    /*background-repeat: no-repeat;*/
}

.shawflex_pg1{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc(100% - 450px);
	-ms-flex: 0 0 calc(100% - 450px);
	flex: 0 0 calc(100% - 450px);
	max-width: calc(100% - 450px);
	padding: 80px 35px 30px 0px;
}
.shawflex_pg1 >img{
	width: 100%;
}
.shawflex_pg2{
	/* -webkit-box-flex: 0; */
    /* -webkit-flex: 0 0 450px; */
    -ms-flex: 0 0 450px;
    /* flex: 0 0 450px; */
    /* max-width: 450px; */
    /* right: 10%; */
    align-self: center;
    margin-right: 50px;
}

.shawn_flex .work_title_gin{
	margin-bottom: 15px;
}
.sect2_career_bg{
	position: relative;
    min-height: 100%; 
    /* background: url(../images/career/bn_2.png) no-repeat; */
    background-position: bottom right;
    background-size: 100%;
    background-repeat: no-repeat;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    height: 100%;
}


.career-bg{
	background-repeat: no-repeat !important;
	background-size: cover !important;
	height: 100VH;
}

.sect2catext_bg{
	/*position: absolute;
    top: 40%;
    margin-left: 50px;*/
    margin-left: 50px;
    align-self: center;
}

.show_bggcar991{
	display: none;
	padding: 40px 0px 40px;
}

.show_bggcar991 >img{
	width: 100%;
}


.shawn_flex2 .shawflex_pg2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 500px;
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    max-width: 500px;
    align-self: center;
}
.shawn_flex2 .shawflex_pg1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 500px);
    -ms-flex: 0 0 calc(100% - 500px);
    flex: 0 0 calc(100% - 500px);
    max-width: calc(100% - 500px);
    align-self: center;
}

#video-new video{
	width: 100%;
	height: 100%;
}

.liglasdgjladsf{
	position: relative;
	background-image: url(../images/bt_imgtime.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto 100%;
}

.fxfxcc{
	flex: 0 0 50%;
}


.ggg888{
	display: none;
}

#adaptive2 >div{
	padding: 0px;
}

.img_left >img{
	-moz-transition: .6s ease;
	-webkit-transition: .6s ease;
	-ms-transition: .6s ease;
	-o-webkit-transition: .6s ease;
}

.ctrlBtn{
	right: 15px!important;
	padding: 0px;
}
/*.banner_fix2{
	padding-top: 76px;
}*/

.btn-circle:active{
	box-shadow:  0px 0px 0px;
}

/* .header nav{
	right: 5px;
} */

/*
.abutgp_banslider:nth-child(2) .goupabt_con{
	padding-top: 250px;
	color: black;
}*/
/*.abutgp_banslider:nth-child(4) .goupabt_con{
	padding-top: 195px;
	color: black;
}*/

/*.d_font.detail_be_t{
	padding: 0px 15px;
}*/

.gg88fx {
    width: 940px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.shawn_flex {
	min-height: calc(100vh - 76px);
}

.seting_top .fp-tableCell{
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.seting_top0 .fp-tableCell{
	vertical-align: top;
	padding-top: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.show_enbdy .tw_show_cont{
	display: none;
}
.show_twbdy .en_show_cont{
	display: none;
}
.show_enbdy .foter_twcont{
	display: none;
}
.show_twbdy .foter_encont{
	display: none;
}

.show_enbdy .header_twcont{
	display: none;
}
.show_twbdy .header_encont{
	display: none;
}

.vide_lightbx_al{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999;
}

.vide_lightbx{
	position: relative;
	top: 50%;
	max-width: 1200px;
	margin:0 auto;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index: 2
}

.clsov{
	cursor: pointer;
	position: absolute;
	top: -44px;
	right: 0px;
}
.clsov >img{
	width: 40px;
}
.bg_ligtmark{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	z-index: 1;
}


/*index start寫這裡 ?  ?copy??smarty*/
.indxgdgad_bg{
	background-image: url(../images/i_01.jpg);
	background-repeat: no-repeat;
	min-height: calc(100vh - 76px);
	background-size: cover;
	background-position: left center;
}

.indxgdgad_bg .index_bgnoneb2{
	padding: 0px;
	color: white;
	position: absolute;
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
	left: 46%;
	width: 675px;
}

.bton_indxgo{
	position: absolute;
	bottom: 15px;
	left: 50%;
	-moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}

.indxgdgad_bg2{
	background: url(../images/i_02.jpg) no-repeat;
	background-repeat: no-repeat;
	min-height: 100vh;
	background-size: cover;
	background-position: right center;
}
.indxgdgad_bg2 .index_bgnone{
	padding: 0px;
	color: white;
	position: absolute;
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
	left: 10%;
}
.indxgdgad_bg2 .index_bgtitl{
	color: #353535;
}

.indxgdgad_bg3{
	background: url(../images/i_03.jpg) no-repeat;
	background-repeat: no-repeat;
	min-height: 100vh;
	background-size: cover;
	background-position: left center;
}
.indxgdgad_bg3 .index_bgnone{
	padding: 0px;
	color: white;
	position: absolute;
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
	right: 8%;
}
.indxgdgad_bg3 .index_bgtitl{
	color: #353535;
}

.indxgdgad_bg4{
	background: url(../images/i_04.jpg) no-repeat;
	background-repeat: no-repeat;
	min-height: 100vh;
	background-size: cover;
	background-position: right center;
}
.indxgdgad_bg4 .index_bgnone{
	padding: 0px;
	color: white;
	position: absolute;
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
	left: 10%;
}
.indxgdgad_bg4 .index_bgtitl{
	color: #353535;
}


.contl_ingbax{
	position: fixed;
	left: 20px;
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.bord_writu{
    margin-bottom: 6px;	
}
.bord_writu >a{
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	margin-bottom: 15px;
	background-color: white;
	-moz-transition: .4s ease;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	-o-webkit-transition: .4s ease;
}
.bord_writu >a:hover{
	background-color: #9f203e;
}
.fp-viewing-page1 .bord_writu:nth-child(1) >a{
	background-color: #9f203e;
}
.fp-viewing-page2 .bord_writu:nth-child(2)>a,
.fp-viewing-page2-0 .bord_writu:nth-child(2) >a,
.fp-viewing-page2-1 .bord_writu:nth-child(2)>a,
.fp-viewing-page2-2 .bord_writu:nth-child(2)>a,
.fp-viewing-page2-3 .bord_writu:nth-child(2)>a,
.fp-viewing-page2-4 .bord_writu:nth-child(2)>a,
.fp-viewing-page2-5 .bord_writu:nth-child(2)>a,
.fp-viewing-page2-6 .bord_writu:nth-child(2)>a,
.fp-viewing-page2-7 .bord_writu:nth-child(2)>a {
	background-color: #9f203e;
}
.fp-viewing-page3 .bord_writu:nth-child(3) >a{
	background-color: #9f203e;
}
.fp-viewing-page4 .bord_writu:nth-child(4) >a{
	background-color: #9f203e;
}
.fp-viewing-page5 .bord_writu:nth-child(5) >a{
	background-color: #9f203e;
}
.fp-viewing-page6 .bord_writu:nth-child(6) >a{
	background-color: #9f203e;
}
.fp-viewing-page7 .bord_writu:nth-child(7) >a{
	background-color: #9f203e;
}

.section{
	position: relative;
}

.nopages_ctrl .contl_ingbax{
	display: none;
}
.nopages_ctrl .bton_indxgo{
	display: none;
}


.moble_indexbg{
	display: none;
}
.moble_indexbg >img{
	width: 100%;
}

.mbsssho{
	display: none!important;
}


/*index over*/


.open_title{
	margin-top: 50px;
}
.bg_icon_mark{
	width: 35px;
    height: 30px;
    background-image: url(../images/our_customer.png);
    background-repeat: no-repeat;
    margin: 0 auto;
	-moz-transition: .4s ease;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	-o-webkit-transition: .4s ease;
}
.our_c:hover .bg_icon_mark{
	background-image: url(../images/our_customer_hover.png);
}
.our_c:hover {
	color: #9e203f;
}
.our_c{
	position: relative;
}
.our_c::before{
	content: "";
	position: absolute;
	width: 1px;
	height: 20px;
	right: 0px;
	top: 46px;
	background-color: black;
}
.our_c:nth-child(4n)::before{
	display: none;
}

.guoptat_ti {
    text-shadow: 1px 1px 7px rgb(78, 78, 78);
}
.guoptat_ti2{
	text-shadow: 1px 1px 7px rgb(78, 78, 78);
}

.be-title{
	margin-top: 45px;
}

.with_us {
    background-position: left bottom !important;
}


/*.videcont_lightbx{
	width: calc(100% - 30px);
	height: 100%;
}*/

.mob767_timeshow{
	padding-top:  67px;
	display: none;
}
.mob767_timeshow >img{
	width: 100%;
}

.abutgp_banslider{
	padding: 0px!important;
	height: calc(100vh - 76px);
}

.padtp0{
	padding-top: 0px;
}

.abt_img1{
 	background: url('../images/abt_img1.jpg') no-repeat;
}

.abt_img2 {
	background: url('../images/abt_img2.jpg') no-repeat;
}

.abt_img3 {
	background: url('../images/abt_img3.jpg') no-repeat;
}

/*.abt_img3 .goupabt_con{
	top: 3%;
}*/
.secti_block .fp-tableCell{
	display: block;
	overflow: hidden;
}


.mbssshi1024{
	display: block!important;
}
.mbssshi1024b{
	display: none!important;
}

.mobil_rorzee .bton_indxgo{
	display: none!important;
}

.nopages_ctrl .scrl_pc{
	display: none;
}

.scrl_mob{
	display: none;
}
.nopages_ctrl .scrl_mob{
	display: block;
}

/*20171210shawn*/
/* .pc_hovertag .vis_dtil{
	padding: 15px 0px 15px 0px;
} */
.pc_hovertag .products011{
	padding: 10px 0;
}
.pc_hovertag .p_img_a img {
    max-width: 400px;
    position: absolute;
    right: 25%;
    width: 100%;
}


.pc_hovertag .vis_dtil .dl_title{
	padding-bottom: 25px;
}
.vis_dtil{
	padding: 45px 0px 30px 0px;
}
.nopages_ctrl .mb_tpctrol{
	padding-top: 76px;
}

.nopages_ctrl .vision, .nopages_ctrl .products0 {
    padding: 70px 0;
}

.fp-section.fp-table.dibok_auto{
	display: block;
	overflow: auto;
}
.dibok_auto .fp-tableCell{
	display: block;
}

.gpflgs_next1 >img{
	width: 14px;
}

/* .body_macstyle .header nav{
	right: -9px;
} */




/* handsomeshawn css */
.right_bottom{
	margin: 12px -5px 0px -5px;
}    
.p4{
	margin-bottom: 7px;
}
.p7{
	margin-bottom: 12px;
}

.nopages_ctrl .first_mobpdtop{
	padding-top: 67px;
}

.carreer_img_ligh button.mfp-arrow{
	display: block;
}

.carreer_img_ligh{
	top: 0px!important;
	height: 100%!important;
	position: fixed!important;
}

.sectimg3_flex_bg{
	background-image: url('../images/sec3img3.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 240px 0px;
	margin-top: 40px;
}
.sectimg3_flex{
	padding: 0px 15px;
	width: 100%;
	max-width: 1155px;
	margin: 0 auto;
}
.sec3imgcar{
	position: relative;
	float: left;
	width: 215px;
	height: 190px;
	border: 1px solid white;
	color: white;
	align-self: center;
	text-align: center;
	margin: 0px 5px;
}
.sec3_imgcarab{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.sec3_imgcarab >div{
	font-size: 22px;
	margin-bottom: 5px;
}
.sec3_imgcarab >div:last-child{
	margin-bottom: 0px;
}



/* 設 ??  ??  ??? start*/
.bendisimg_bg{
	position: relative;
	background-color: #eeeeee;
	padding: 80px 0px;
	margin-top: 40px;
	height: 660px;
}
.bendsimg_cont{
	position: absolute;
	width: 1600px;
	height: 500px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.imgrop_bdg{
	cursor: pointer;
	border: 5px solid white;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 1px 1px 11px rgba(43, 43, 43, 0.2);
}
.imgrop_bdg img{
	width: 100%;
	overflow: hidden;
	-moz-transition: .6s ease;
	-webkit-transition: .6s ease;
	-ms-transition: .6s ease;
	-o-webkit-transition: .6s ease;
}
.imgrop_bdg img:hover{
	transition: all 0.2s ease;
	transform: scale(1.2,1.2);
}

.absolim_01{
	position: absolute;
	top: 0px;
	left: 237px;
	width: 83px;
}
.absolim_02{
	position: absolute;
	top: 63px;
	left: 237px;
	width: 83px;
}
.absolim_03{
	position: absolute;
	top: 125px;
	left: 237px;
	width: 83px;
}
.absolim_04{
	position: absolute;
	top: 188px;
	left: 237px;
	width: 83px;
}
.absolim_05{
	position: absolute;
	top: 229px;
	left: 20px;
	width: 212px;
}
.absolim_06{
	position: absolute;
	top: 36px;
	left: 139px;
	width: 93px;
}
.absolim_07{
	position: absolute;
	top: 258px;
	left: 237px;
	width: 273px;
}
.absolim_08{
	position: absolute;
	top: 378px;
	left: 237px;
	width: 171px;
}
.absolim_09{
	position: absolute;
	top: 378px;
	left: 121px;
	width: 111px;
}
.absolim_10{
	position: absolute;
	top: 107px;
	left: 61px;
	width: 171px;
}
.absolim_11{
	position: absolute;
	top: 0px;
	left: 325px;
	width: 136px;
}
.absolim_12{
	position: absolute;
	top: 111px;
	left: 325px;
	width: 208px;
}
.absolim_13{
	position: absolute;
	top: 0px;
	left: 466px;
	width: 136px;
}
.absolim_14{
	position: absolute;
	top: 0px;
	left: 607px;
	width: 154px;
}
.absolim_15{
	position: absolute;
	top: 0px;
	left: 766px;
	width: 128px;
}
.absolim_16{
	position: absolute;
	top: 0px;
	left: 899px;
	width: 162px;
}
.absolim_17{
	position: absolute;
	top: 0px;
	left: 1066px;
	width: 259px;
}

.absolim_18{
	position: absolute;
	top: 111px;
	left: 538px;
	width: 111px;
}
.absolim_19{
	position: absolute;
	top: 111px;
	left: 652px;
	width: 110px;
}

.absolim_20{
	position: absolute;
	top: 191px;
	left: 538px;
	width: 89px;
}

.absolim_21{
	position: absolute;
	top: 191px;
	left: 630px;
	width: 89px;
}
.absolim_22{
	position: absolute;
	top: 191px;
	left: 722px;
	width: 84px;
}

.absolim_23{
	position: absolute;
	top: 191px;
	left: 809px;
	width: 85px;
}

.absolim_24{
	position: absolute;
	top: 258px;
	left: 515px;
	width: 168px;
}

.absolim_25{
	position: absolute;
	top: 258px;
	left: 688px;
	width: 248px;
}

.absolim_26{
	position: absolute;
	top: 378px;
	left: 413px;
	width: 168px;
}

.absolim_27{
	position: absolute;
	top: 378px;
	left: 586px;
	width: 144px;
}

.absolim_28{
	position: absolute;
	top: 378px;
	left: 735px;
	width: 202px;
}

.absolim_29{
	position: absolute;
	top: 117px;
	left: 899px;
	width: 164px;
}

.absolim_30{
	position: absolute;
	top: 110px;
	left: 1068px;
	width: 207px;
}

.absolim_31{
	position: absolute;
	top: 110px;
	left: 1280px;
	width: 81px;
}

.absolim_32{
	position: absolute;
	top: 110px;
	left: 1366px;
	width: 81px;
}

.absolim_33{
	position: absolute;
    top: 171px;
    left: 1280px;
    width: 116px;
}

.absolim_34{
	position: absolute;
    top: 171px;
    left: 1401px;
    width: 170px;
}

.absolim_35{
	position: absolute;
    top: 258px;
    left: 943px;
    width: 237px;
}

.absolim_36{
	position: absolute;
    top: 258px;
    left: 1191px;
    width: 205px;
}

.absolim_37{
	position: absolute;
    top: 293px;
    left: 1401px;
    width: 131px;
}

.absolim_38{
	position: absolute;
	top: 424px;
	left: 943px;
	width: 103px;
}
.absolim_39{
	position: absolute;
	top: 424px;
	left: 1056px;
	width: 99px;
}
.absolim_40{
	position: absolute;
    top: 424px;
    left: 1163px;
    width: 116px;
}
.absolim_41{
	position: absolute;
	top: 424px;
	left: 1288px;
	width: 108px;
}

/* 設 ??  ??  ??? over*/

.mob787_sliimg{
	display: none;
	margin-top: 40px;
	position: relative;
	padding: 0px 60px;
}

.carreimg_group >img{
	width: 100%;
}
.mob787_sliimg .left_backk{
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.mob787_sliimg .righ_backk{
	top: 50%;
	-moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}

.shawn_fx{
	overflow: hidden;
}
.benefitsgg{
	text-align: center;
    border: 1px solid white;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;

    border-radius: 30px;

    transform:translateZ(0);
    -ms-transform:translateZ(0); 	/* IE 9 */
    -moz-transform:translateZ(0); 	/* Firefox */
    -webkit-transform:translateZ(0); /* Safari ??Chrome */
    -o-transform:translateZ(0); 
    
}
.carreimg_group{
	padding: 0px!important;
}


.header nav a >div{
	position: relative;
	font-size: 18px;
	width: 100%;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 75px!important;
	height: 75px!important;
	/* font-family: "Microsoft JhengHei"!important; */
	line-height: 145%;
}
.header nav a{
	font-family: "Microsoft JhengHei"!important;
}
/* .header nav.menu >div{
	font-family: "Microsoft JhengHei"!important;
	line-height: 145%;
} */


/* ?  ?? _css_start */
/* ? 面?  ?一? class? 稱 .show_enbdy */

.show_enbdy footer .f-box li p {
	line-height: 18px;
}

.show_enbdy *{
    font-family: "Questrial-Regular"!important;
	line-height: 26px;
}

.show_enbdy .career_title_0 {
	font-family: "AMUSAF"!important;
	font-size: 70px;
}

.show_enbdy  .career_title {
	font-family: "AMUSAF"!important;
	font-size: 48px;
}

.show_enbdy .work_title_gin {
	line-height: 50px;
	font-family: "AMUSAF"!important;
	font-size: 60px;
}

.work_title_gin.fix_title_margin {
	margin-bottom: 15px;
}

.show_enbdy .listStyle_index >li {
	margin: 16px 0 0 30px!important;
	line-height: 18px;
}

.show_enbdy .wwa_text {
		padding-top: 30px;
	}

.show_enbdy .whowe {
    padding: 36px 0;
}


.show_enbdy .n-f0{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc(100% - 160px);
	-ms-flex: 0 0 calc(100% - 160px);
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
}
.show_enbdy .n-f1{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 120px;
	-ms-flex: 0 0 120px;
	flex: 0 0 120px;
	max-width: 120px;
}
.show_enbdy .open_1_1_1{
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 120px);
    -ms-flex: 0 0 calc(100% - 120px);
    flex: -1 0 calc(100% - 120px);
    max-width: calc(100% - 120px);
}
.show_enbdy .open_1_1_2{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 120px;
	-ms-flex: 0 0 120px;
	flex: 0 0 120px;
	max-width: 120px;
}



.show_enbdy  .titl_time {
	line-height: 22px;
    position: relative;
    text-align: left;
    font-size: 66px;
    line-height: 66px;
    /* font-family: "Questrial-Regular"; */
    color: #4e4e4e;
    font-weight: bold;
    margin-bottom: 5px;
}

.show_enbdy .left_ennn{
	color: red!important;
}

.show_twbdy .righ_twww{
	color: red!important;
}

.show_enbdy .gpflgs_next2 {
	max-width: 76px;
}

.show_enbdy .about_ourtitl {
	font-weight: normal; 
	font-family: "AMUSAF"!important;
    font-size: 48px;
}

.show_enbdy .guoptat_ti {
	font-family: "AMUSAF"!important;
	font-size: 46px;
	line-height: 46px;
}
.show_enbdy .bg_icon_mark {
	margin-bottom: 10px;
}

.show_enbdy .index_bgtitl {
	font-family: "AMUSAF"!important;
	font-size: 30px;
}

.show_enbdy .open_title p {
	padding-top: 10px;
}

.show_enbdy  footer .foo-info p {
	margin-bottom: 0px;
}

.show_enbdy  .speci_atag {
	font-family: "AMUSAF"!important;
	font-size: 20px;
}

.show_enbdy  p.news_a.news2_title {
	line-height: 32px;
}

.show_enbdy  .news_detail_title_fix {
	line-height: 36px;
}

.show_enbdy  .fx .fx_banner p{
	font-size: 20px;
}

/* .show_enbdy p{
    font-family: "Questrial-Regular"!important;
}
.show_enbdy span{
    font-family: "Questrial-Regular"!important;
}
.show_enbdy ul{
    font-family: "Questrial-Regular"!important;
} */


/* ?  ?? _css_over */


.show_enbdy  .fx_p{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 120px;
	-ms-flex: 0 0 120px;
	flex: 0 0 120px;
	max-width: 120px;
}
.show_enbdy  .fx_p2{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc(100% - 120px);
	-ms-flex: 0 0 calc(100% - 120px);
	flex: 0 0 calc(100% - 120px);
	max-width: calc(100% - 120px);
}    


.show_enbdy .fa {
    font: normal normal normal 14px/1 FontAwesome!important;
}

.show_enbdy .menu >div{
	font-family: Arial, "微 ? ?? ?,"? 細?  ?"!important;
}

.show_enbdy .foo-info >li{
	padding-right: 15px;
}

/*rwd*/
@media (min-width: 1000px){
	.liglasdgjladsf {
	    background-size: 100%;
	}
}



@media (min-width: 1200px){

	/* .logo{
		float: left;
		width: 182px;
	}
	.header{
		height: 76px;
	    padding: 0px 30px;
	}

	.menu{
		text-align: right;
		float: right;
		width: calc(100% - 182px);
	}
	.header nav a {
	    width: 105px;
	} */
	nav .dislik_hesd a{
		font-size: 14px;
	}

	/* .header > div { position: relative; max-width: 1200px; width: 100%; height: 75px; margin: 0 auto; }

	.header nav a:hover .und_line{
		width: 100%;
	}
	.active_mennu .und_line{
		width: 100%;
	} */

}



@media (min-width: 1290px){
	.liglasdgjladsf {
	   background-size: auto 100%;
	}
}

@media (min-width: 1520px){
	.abutgp_banslider {
	    background-size: 100%;
	}
}

@media (min-width: 1600px){
	.liglasdgjladsf {
	   background-size: 100%;
	}
}

/*@media (min-width: 1300px){
	.shawn_flex{
		padding: 0px 100px 0px 45px;
		height: 930px;
	}
}*/

@media (min-width: 1850px){
	.abutgp_banslider{
		background-color: white;
		background-size: 100%;
	}
	/*.abt_bgimgtime{
		background-size: 100%;
	}*/
}



@media (max-width: 1700px){
	.mpgp_right{
		border-right: 50px solid white;
		width: 40%;
		padding-top: 0px;
		padding-left: 50px;
		position: relative;
		z-index: 2;
	}
	.mpgp_left{
		width: 60%;
	}
	/*.with_us{
    	background-image: url(../images/bn_1_1700.png)!important;
	}*/
	.career-bg#page_section3{
	    background:url('../images/career/bn_1_1700.png') no-repeat;
	}
	.career-bg#page_section5{
	    background:url('../images/career/bn_3_1700.png') no-repeat;
	}
	.career-bg#page_section4 {
	    background: url(../images/career/bn_2_1700.png) no-repeat;
	}

}


@media (max-width: 1600px) and (max-width: 1200px){
	.career-bg#page_section3{
	    background:url('../images/career/bn_1_1600.png') no-repeat;
	}
	.career-bg#page_section5{
	    background:url('../images/career/bn_3_1600.png') no-repeat;
	}
	.career-bg#page_section4 {
	    background: url(../images/career/bn_2_1600.png) no-repeat;
	}
	/* .indxgdgad_bg4 {
	    background: url(../images/index_05_1600.png) no-repeat;
	}
	.indxgdgad_bg2 {
	    background: url(../images/index_02_1600.png) no-repeat;
	}
	.indxgdgad_bg3 {
	    background: url(../images/index_03_1600.png) no-repeat;
	} */
}



@media (max-width: 1450px) and (max-width: 1367px){
	.indxgdgad_bg4 {
	    background: url(../images/index_05_1450.png) no-repeat;
	}
	.indxgdgad_bg2 {
	    background: url(../images/index_02_1450.png) no-repeat;
	}
	.indxgdgad_bg3 {
	    background: url(../images/index_03_1450.png) no-repeat;
	}
}

@media (max-width: 1600px){
	.bendsimg_cont{
		transform: scale(0.8,0.8)translateX(-62.5%);
	}

	.bendisimg_bg {
	    padding: 0px 0px;
	    height: 500px;
	}
}


@media (max-width: 1599px){
	.career-bg#page_section3{
	    background:url('../images/career/bn_1_1566.png') no-repeat;
	}
	.career-bg#page_section5{
	    background:url('../images/career/bn_3_1566.png') no-repeat;
	}
	.career-bg#page_section4 {
	    background: url(../images/career/bn_2_1566.png) no-repeat;
	}
	
}




@media (max-width: 1550px){
	.mpgp_right{
		border-right: 50px solid white;
		width: 40%;
		padding-top: 0px;
		padding-left: 50px;
		position: relative;
		z-index: 2;
	}
	.mpgp_left{
		width: 60%;
	}
}

@media (max-width: 1450px){
	.abt_timecont {
	    position: absolute;
	    margin: 0px;
	    padding-right: 15px;
	    bottom: 20%;
	    max-width: 30%;
	}

	.wwa_text{
		font-size: 16px;
		padding: 6px 0px 10px 0px;
	}
	.career_title{
		font-size: 24px;
	}
	
	.show_enbdy  .career_title {
		font-size: 36px;
	}
	
	.show_enbdy .whowe {
		padding: 30px 0;
	}
	
	.show_enbdy .wwa_text {
		padding-top: 15px;
	}
	
	.show_enbdy .work_title_gin {
    	font-size: 48px;
	}
	
	.show_enbdy .about_ourtitl {
		font-size: 36px;
	}

	
}

@media (max-width: 1420px){
	.career-bg#page_section3{
	    background:url('../images/career/bn_1_1420.png') no-repeat;
	}
	.career-bg#page_section5{
	    background:url('../images/career/bn_3_1420.png') no-repeat;
	}
	.career-bg#page_section4 {
	    background: url(../images/career/bn_2_1420.png) no-repeat;
	}
}

@media (min-width: 1366px){
	.nopages_ctrl .first_mobpdtop{
		padding-top: 76px;
	}
}

@media (min-width: 1366px){
	
}

@media (max-width: 1366px){
	.with_us{
		background: none!important;
		height: auto!important;
	}
	.shawn_flex,
	.sect2_career_bg{
		text-align: center;
		min-height: auto;
		height: auto;
	}
	.shawflex_pg2,
	.sect2catext_bg {
	    /* -webkit-box-flex: 0; */
	    /* -webkit-flex: 0 0 450px; */
	    -ms-flex: 0 0 450px;
	    /* flex: 0 0 450px; */
	    /* max-width: 450px; */
	    /* right: 10%; */
	    align-self: center;
	    margin-right: 50px;
	}
	.sect2catext_bg{
		text-align: center;
   		width: 100%;
	}
	.with_us .moble_indexbg{
		margin-top: 0px;
	}

	.full_capcmed{
		background: none!important;
		height: auto!important;
	}
	.full_capcmed .shawn_flex{
		min-height: auto;
	}
	.full_capcmed .moble_indexbg{
		margin-top: 0px;
	}

	.welcome_jooin{
		background: none!important;
		height: auto!important;
	}
	.welcome_jooin .shawn_flex{
		min-height: auto;
		height: auto;
	}
	.welcome_jooin .moble_indexbg{
		margin-top: 0px;
	}

	.sect2_career_bg{
		text-align: center;
		padding: 30px 15px 50px 15px;
	}
	.full_capcmed .work_title_gin{
		margin-bottom: 15px;
	}
	.moble_indexbg{
		display: none;
	}
	/*.indxgdgad_bg{
		background: none;
		min-height: auto;
	}*/
	.indxgdgad_bg2{
		background: none;
		min-height: auto;
	}
	.indxgdgad_bg3{
		background: none;
		min-height: auto;
	}
	.indxgdgad_bg4{
		background: none;
		min-height: auto;
	}

	.mbssshi{
		display: none!important;
	}
	.mbsssho{
		display: block!important;
	}

	.shawn_flex {
		display: block;
		padding: 30px 15px 50px 15px;
		position: relative;
	}
	.indxgdgad_bg2{
		background: url(../images/index_03_1366.png) no-repeat;
		background-size: cover;
		min-height: 100vh;
		background-position: right;
	}
	.indxgdgad_bg3 {
    	background: url(../images/index_04_1366.png) no-repeat;
		background-size: cover;
		min-height: 100vh;
	}
	.indxgdgad_bg4 {
    	background: url(../images/index_05_1366.png) no-repeat;
    	background-size: cover;
		min-height: 100vh;
		background-position: right center;
	}
	.indxgdgad_bg {
	    background: url(../images/index_01_1366.png) no-repeat;
	    background-size: cover;
		min-height: calc(100vh - 65px);
	}
	.indxgdgad_bg2 .index_bgnone,
	.indxgdgad_bg4 .index_bgnone{
		left: 30px;
	}
	.indxgdgad_bg3 .index_bgnone {
	    right: 30PX;
	}
	.contl_ingbax {
	    left: 8px;
	}
	/*.abt_img1 {
	    background: url(../images/abt_img1_930.jpg) no-repeat;
	}*/

	.career-bg .moble_indexbg {
    	display: block;
    }
   /* #page_section4 .work_title_gin,
    #page_section4 .work_text_gin{
    	color:#4e4e4e;
    }*/
}

@media (max-width: 1290px){
	.abt_bgimgtime {
	    background-size: auto 100%;
	}

	.abtcontiner{
		padding: 100px 15px 270px 30px;
	}
	.indxgdgad_bg2{
		min-height: 100vh;
	}
	.indxgdgad_bg3{
		min-height: 100vh;
	}
	.indxgdgad_bg4{
		min-height: 100vh;
	}
	
}

@media (max-width: 1250px){
	
}

@media (max-width: 1200px){
	.bdy_aboutcont {
	    /* padding: 67px 0px 0px 0px; */
	}
	.posab_lefttag4.this_posabtag{
		top: 32%;
	}
	/* .left_ennn{
		margin-left: 0px;
	} */


	#gotag_more{
		margin-top: -67px;
		padding-top: 67px;
	}
	/*.hu_p {
	    left: 41%;
	}
	.tg_p {
    	left: 36%;
	}
	.tn_p {
	    left: 28%;
	}*/

	/*.sect2_career_bg{
		min-height: 600px;
		background-size: 882px;
	}*/

	.banner_fix2{
		padding-top: 67px;
	}
	.seting_top .fp-tableCell{
		vertical-align: top;
		/* padding-top: 67px; */
	}

	.vide_lightbx {
	    width: calc(100% - 30px);
	}


	.nopages_ctrl .mb_tpctrol{
		padding-top: 67px;
	}

	.sec3imgcar {
	    width: 184px;
	    height: 190px;
	}
	.sectimg3_flex {
	    padding: 0px 25px;
	}
	.bendsimg_cont{
		transform: scale(0.5,0.5)translateX( -100%);
	}

	.menu >div > a {
	    display: block;
	    width: auto;
	    line-height: normal;
	    padding: 15px;
	    border-top: 1px solid #eee;
	}

	.header nav a >div{
		line-height: normal!important;
		height: auto!important;
	}
	.dislik_hesd{
		margin-left: 0px;
	}

	.last_atghead{
		border-bottom: 1px solid #eee;
	    margin-bottom: 15px;
	}

}

/*index START*/
@media (max-width: 1024px){
	.f_bg{
		top:67px;
	}
	#mob_abotmap{
		display: block;
		margin-top: 60px;
	}
	.mpgp_left{
		display: none;
	}
	.mpgp_right{
		display: block;
		width: 100%;
		border: 0px;
		padding: 0px 30px;
	}
	.map_gruop{
		padding: 30px 0px 60px 0px;
	}

	.indxgdgad_bg .index_bgnoneb2{
		position: relative;
		top: 0px;
		left: 0px;
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		color: black;
		padding: 30px 0px;
		width: auto;
		/* max-width: 100%; */
	}
	.indxgdgad_bg2 .index_bgnone{
		position: relative;
		top: 0px;
		left: 0px;
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		color: black;
		padding: 30px 0px;
		width: auto;
		max-width: 100%;
		min-height: auto;
	}
	.indxgdgad_bg3 .index_bgnone{
		position: relative;
		top: 0px;
		left: 0px;
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		color: black;
		padding: 30px 0px;
		width: auto;
		max-width: 100%;
	}
	.indxgdgad_bg4 .index_bgnone{
		position: relative;
		top: 0px;
		left: 0px;
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		color: black;
		padding: 30px 0px;
		width: auto;
		max-width: 100%;
	}
	.moble_indexbg{
		display: block;
	}
	.indxgdgad_bg{
		background: none;
		min-height: auto;
	}
	.indxgdgad_bg2{
		background: none;
		min-height: auto;
	}
	.indxgdgad_bg3{
		background: none;
		min-height: auto;
	}
	.indxgdgad_bg4{
		background: none;
		min-height: auto;
	}

	.mbssshi{
		display: none!important;
	}
	.mbsssho{
		display: block!important;
	}
	.mainWrap {
	    margin: 0px auto 0;
	}
	.first_indeximg{
		/* padding-top: 67px; */
	}
	.pages_stayl .first_indeximg {
	    margin-top: 0px;
	}
	
	.goupabt_con {
	    width: calc(100vw - 60px);
	    top: 7%;
	    bottom: 0%;
	}

	.mbssshi1024{
		display: none!important;
	}
	.mbssshi1024b{
		display: block!important;
	}

	
	.sec3imgcar{
		width: 100%;
		height: 166px;
		padding: 15px 0px;
		margin-bottom: 10px;
	}
	.sectimg3_flex_bg{
		padding: 30px 0px;
		background-size: auto 100%;
		background-position: center;
	}
	
	
}

/*@media (max-width: 992px){
	.hu_p {
	    left: 45%;
	}
	.tg_p {
    	left: 42%;
	}
	.tn_p {
	    left: 38%;
	}
}*/

@media (max-width: 1002px){
	.rorze_ch .down-arrow0{
		top: 103%;
	}
	 .show_enbdy .career_title_0 {
             font-size: 50px;
     }

}



@media (max-width: 991px){
	.abt_bgimgtime {
	    background-position: bottom left;
	}
	.abt_timecont{
		width: auto;
		margin: 0 auto;
		bottom: 30%;
	}
	.abtcontiner{
		padding: 100px 65px 270px 65px;
	}

	.left_backk{
		display: block;
	}

	.righ_backk{
		display: block;
	}
	/*.hu_p {
	    left: 44%;
	}
	.tg_p {
    	left: 40%;
	}
	.tn_p {
	    left: 34%;
	}*/

	.work_title_gin{
		font-size: 48px;
	}
	.work_text_gin {
	    font-size: 18px;
	}
	.shawflex_pg1{
		-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 40px 0px 40px;
	}
	.shawflex_pg2{
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 400px;
		margin: 0 auto;
	}
	
	
	.show_bggcar991{
		display: block;
	}
	.sect2_career_bg{
		background: none;
		min-height: auto;
	}
	.sect2catext_bg{
		position: relative;
		top: 0px;
		margin: 0 auto;
		max-width: 100%;
	}

	.open_catald{
		padding: 50px 0px 100px 0px;
	}

	.shawn_flex2 .shawflex_pg1{
		-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.c_data0 {
	    margin-bottom: 50px;
	}
	.shawflex_pg2 {
	    -webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    width: 100%;
	    margin: 0 auto;
	    text-align: center;
	}
	.career-bg {
	    background-repeat: no-repeat !important;
	    background-size: cover !important;
	    height: 125VH;
	}
	.gg88fx {
	    width: auto;
	}
	.our_c:nth-child(4n)::before{
		display: block;
	}
	.our_c:nth-child(3n)::before{
		display: none;
	}
	.fx .our_c {
	    -webkit-flex: 0 0 calc(100% / 3);
	    -ms-flex: 0 0 calc(100% / 3);
	    flex: 0 0 calc(100% / 3);
	    max-width: calc(100% / 3);
	}

	.b-img {
	    max-height: 100%;
	}


}

@media (max-width: 800px){
	.index .proSilder + div div ul.listStyle_index{
		width: 100%!important;
	}
		.career-bg {
	    background-repeat: no-repeat !important;
	    background-size: cover !important;
	    height: 100VH;
	}
}

@media (max-width: 930px){
	.abutgp_banslider.abt_img1 {
	    background: url(../images/abt_img1_930.jpg) no-repeat;
	    background-position: top center;

	}
	.abutgp_banslider.abt_img2 {
	    background: url(../images/abt_img2_930.jpg) no-repeat;
	    background-position: top center;
	}
	.abutgp_banslider.abt_img3 {
	    background: url(../images/abt_img3_930.jpg) no-repeat;
	    background-position: top center;
	}
	.abt_img3 .goupabt_con{
		top: 7%;
	}
	.abt_img3 .guoptat_ti {
	    text-shadow: none; 
	    color: #4e4e4e;
	    font-weight: 600;
	}

	.abt_img3 .guoptat_ti2 {
	    text-shadow: none;
	    color: #4e4e4e;
	}
	/*.this_abutssliders >span {
	    color: black!important;
	}
	.this_abutssliders {
	    border-color: black!important;
	    color: black!important;
	}
	.gp_aboutslider {
    	border-top: 3px solid hsla(0, 0%, 31%, 1);
    	color: hsla(0, 0%, 31%, 1)
	}
	.gp_aboutslider >span{
		color: hsla(0, 0%, 31%, 1);
	}*/
	.pg_contmar {
	    margin-top: -256px;
	}

}

@media (min-width: 769px){
	.our_customer_mo{
		display: none;
	}
}

@media (max-width: 768px){
	.hover_imgabtime{
		display: none;
	}
	.our_customer_pc{
		display: none;
	}
	.pg_contmar {
	    margin-top: -378px;
	}

	.nopages_ctrl  .products011{
		padding: 15px 0px 70px 0px;
	}
}

@media (max-width: 767px){
	/*.goupabt_con{
		padding: 100px 0px 150px;
	}*/
	.titl2_time{
		margin-bottom: 10px;
	}
	.shawn_whowe .wwa{
		text-align: left;
	}
	.shawn_whowe .wwa_text {
	    padding: 15px 0px 0px 0px;
	    line-height: 20px;
	    /*font-size: 20px;*/
	}
	.shawn_whowe .career_title{
		font-size: 35px;
	    line-height: 40px;
	    font-family: Microsoft JhengHei, 微 ? ?? ? 
	}
	.outer_timegp >.container {
	    padding: 0px 15px;
	}
	.open_auto{
		padding: 0px;
	}
	.open_main0 {
	    padding: 0 0px 0px 20px;
	}
	/*.hu_p {
	    left: 43%;
	}
	.tg_p {
    	left: 39%;
	}
	.tn_p {
	    left: 33%;
	}*/
	.career_be_t{
		padding: 40px 15px;
	}
	/*.wwa-0 .wwa_text{
		padding: 10px 0px;
	}*/
	.d_font.detail_be_t{
		text-align: left;
	}
	
	/*.fx_p{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100px;
		-ms-flex: 0 0 100px;
		flex: 0 0 100px;
		max-width: 100px;
	}*/
	/*.c_data{
		padding: 15px;
	}*/
	/*.fx_about .fx_p2{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc(100% - 100px);
		-ms-flex: 0 0 calc(100% - 100px);
		flex: 0 0 calc(100% - 100px);
		max-width: calc(100% - 100px);
		padding: 24px 0 24px 15px;
		padding: 24px 0 24px 15px;
	}*/
	.newfx.news_img.v-img {
	    margin-bottom: 10px;
	}
	.abt_timecont {
	    position: relative;
	    /* margin: 0px; */
	    /* padding-right: 0px; */
	    top: 30px;
	    max-width: calc(100% - 122px);
	    /* left: 50%; */
	    height: auto;
	    -moz-transform: translateX(-50%);
	    /* -webkit-transform: translateX(-50%); */
	    -o-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    /* transform: translateX(-50%); */
	}
	.liglasdgjladsf {
	    position: relative;
	    background: none;
	}
	.ggg777{
		display: none;
	}
	.ggg888{
		display: block;
	}

	.fx.gg88fx{
		width: auto;
	}
	.fx .our_c{
		-webkit-flex: 0 0 50%;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}

	/*.our_c:nth-child(3n)::before{
		display: block;
	}
	.our_c:nth-child(2n)::before{
		display: none;
	}*/
	
	.fx .our_c {
	    -webkit-flex: 0 0 calc(100% / 3);
	    -ms-flex: 0 0 calc(100% / 3);
	    flex: 0 0 calc(100% / 3);
	    max-width: calc(100% / 3);
	}

	.fx .our_c {
	    padding: 0px 15px;
	}

	/*.abutgp_banslider.lslide {
	    height: 440px;
	}*/
	.grop_ourtitl {
	    padding: 50px 0px 50px 0px;
	}

	.mob767_timeshow{
		display: block;
	}
	.outer_timegp {
		background-color: #fff;
	    margin-top: 0px;
	}
	.abtcontiner {
	    padding: 0px;
	    height: 250px;
	}

	.time_gpling{
		height: 100px;
	}
	.hover_timecont {
	    position: relative;
	    padding-top: 5.5px;
	}
	.hover_imgabtime{
		display: none!important;
	}

	.mob_hiddee{
		display: none;
	}
	.acti_tictcont,
	.timecont_ti{
		color: #4e4e4e;
	}
	.outraus_time{
		background-color: #4e4e4e;
    	border: 1px solid #4e4e4e;
	}
	.padraus_time,
	.linel_time >div{
		background-color: #4e4e4e;
	}
	.outer_timegp::before{
		background-color: #4e4e4e;
	}
	div#gp_aboup{
		height: 736px !important;
	}
	.pg_contmar {
	    margin-top: -180px;
	}
	.c-data .benefitsgg {
        font-size: 16px;
        align-self: center;
        line-height: normal;
        
    }
    .n-f0 p, .open_1 p {
	    font-size: 18px;
	}
	.our_customer_mo{
		display: block;
	}

	
	.nopages_ctrl .products011 .career_title{
		padding-bottom: 0px;
	}

	.mob787_sliimg{
		display: block;
	}
	.bendisimg_bg{
		display: none;
	}

}

/*@media (max-width: 655px){
	.hu_p {
	    left: 42%;
	}
	.tg_p {
    	left: 38%;
	}
	.tn_p {
	    left: 32%;
	}
}

@media (max-width: 615px){
	.hu_p {
	    left: 42%;
	}
	.tg_p {
    	left: 37%;
	}
	.tn_p {
	    left: 31%;
	}
}

@media (max-width: 560px){
	.hu_p {
	    left: 41%;
	}
	.tg_p {
    	left: 36%;
	}
	.tn_p {
	    left: 28%;
	    top: 31%;
	}
}*/

@media (max-width: 737px){
	.abutgp_banslider.abt_img1 {
    	background: url(../images/abt_img1_737.jpg) no-repeat;
    	height: 736px;
    }
    .abutgp_banslider.abt_img2 {
    	background: url(../images/abt_img2_737.jpg) no-repeat;
    	height: 736px;
    }
    .abutgp_banslider.abt_img3 {
    	background: url(../images/abt_img3_737.jpg) no-repeat;
    	height: 736px;
    }
    
    .abutgp_banslider.abt_img1,
	.abutgp_banslider.abt_img2,
	.abutgp_banslider.abt_img3
    {
    	background-size: inherit;
    	background-position: bottom;
    }
    .pg_contmar {
	    margin-top: -84px;
	}
    
}

/*@media (min-width: 581px){
	.abt-mobile-580{
 		display: none;
 	}
}

@media (max-width: 580px){
 	.abt-mobile-580{
 		display: block;
 	 }
 	.abutgp_banslider.lslide.abt_img1{
 		background: none;
 	}
 	.goupabt_con{
 		position: relative;
 	}
 	.guoptat_ti {
	    text-shadow: none;
	    color: #4e4e4e;
	    font-weight: 600;
	}
	.guoptat_ti2{
	    text-shadow: none;
	    color: #4e4e4e
	}
}*/

@media (max-width: 580px){
	.pg_contmar {
	    margin-top: -232px;
	}
	.abutgp_banslider.abt_img1{
    	background-size: contain!important;
    	background-position: top!important;
    }
    .abt_img3 .goupabt_con {
	    top: 5%;
	}
	.abutgp_banslider.abt_img2{
    	background-size: contain;
    	background-position: top;
    }
    .abutgp_banslider.abt_img3{
    	background-size: contain;
    	background-position: top;
    }
	.show_enbdy .career_title_0 {
        font-size: 36px;
     }
}

@media (max-width: 554px){
	.pg_contmar {
	    margin-top: -264px;
	}
}

@media (max-width: 528px){
	.pg_contmar {
	    margin-top: -290px;
	}
}

@media (max-width: 502px){
	.pg_contmar {
	    margin-top: -320px;
	}
}

@media (max-width: 490px){
    /*.fx .our_c {
        font-size: 16px;
        line-height: 30px;
    }*/
    
    .bg_icon_mark {
        margin-bottom: 16px;
    }

}



@media (max-width: 480px){
	.subs2 > li{
		padding: 0px 15px;
	}
	/*.p_data{
		padding: 0 15px;
	}*/
	.products000{
		padding: 70px 0px 0px 0px;
	}
	.PRODUC_pging{
		padding: 50px 0 70px 0px;
	}

	.work_title_gin {
	    font-size: 40px;
	}
	.work_text_gin {
	    font-size: 16px;
	}
	.open_catald{
		padding: 0px 0px 0px 0px;
	}
	.fx .our_c {
	    -webkit-flex: 0 0 calc(100% / 2);
	    -ms-flex: 0 0 calc(100% / 2);
	    flex: 0 0 calc(100% / 2);
	    max-width: calc(100% / 2);
	}
	.our_c:nth-child(3n)::before{
		display: block;
	}
	.our_c:nth-child(2n)::before{
		display: none;
	}

	.abt_timecont{
	    max-width: calc(100% - 90px);
	    padding-right: 0px;
	}
	.left_pgimg2 {
	    right: -15px;
	}
	.abtcontiner {
	    height: 240px;
	}
	.hover_timecont {
	    padding-top: 3.5px;
	}
	.show_enbdy .work_title_gin {
		font-size: 40px;
		line-height: 40px;
	}
	.show_enbdy .guoptat_ti {
		font-size: 36px;
	}
	
}

@media (max-width: 460px){
	.pg_contmar {
	    margin-top: -360px;
	}
	.contact_data .fx {
    	display: block;
    }
    .f_1,.f_2 {
	    -webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.fx p{
		padding: 3px 0px;
	}
}

@media (max-width: 440px){
	.show_enbdy  .fx_about .fx_p2 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 100%;
	    -ms-flex: 100%;
	    flex: 100%;
	    max-width: 100%;
	    display: block;
	    width: 100%;
	}
	.show_enbdy  .fx_p {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    border-bottom: 0px;
	}
}




@media (max-width: 424px){
	.pg_contmar {
	    margin-top: -400px;
	}
	.titl_time {
	    font-size: 40px;
	    margin-bottom: 5px;
	}
	.outer_timegp{
		margin-top: 10px;
	}
	.abt_timecont{
		top: 10px;
	}
}

@media (max-width: 385px){
	.pg_contmar {
	    margin-top: -440px;
	}
}

@media (max-width: 354px){
    .speci_atag{
        width: 100%;
    }
}

@media (max-width: 350px){
	.timecont_ti{
		font-size: 16px;
	}
	.acti_tictcont{
		font-size: 22px;
	}
	.guoptat_ti {
    	font-size: 34px;
    }
    .pg_contmar {
	    margin-top: -480px;
	}
	.hover_timecont {
	    padding-top: 9.5px;
	}
	
}

/* 20181205 odin index style*/
/* .slide{
	text-align: center;
	width: 100%;
	font-size: 36px;
} */
.sl {
	width: 14px;
	height: 27px;
	background: url(../images/base/back_left.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 2;
}
.sr{
	width: 14px;
	height: 27px;
	background: url(../images/base/back_right.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	right: 50px;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
	z-index: 2;
}
.f_bg{
	width: 100%;
	height: calc(100vh - 76px);
	background-image: url(../images/opic/rorze_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
    top: 67px;	
	/* min-width: 100vh; */
}
.f_bg img{
	display: none;
}
.nopages_ctrl .mbssshi1024 {
	display: none !important;
}
.nopages_ctrl .mbssshi1024b {
	display: none !important;
}
.s_slide{
	width: 100%;
}
.s_slide_cont{
	width: 100%;
	height: 100vh;
}
.ss1{
	background-color: rgb(213, 194, 231);
}
.ss2 {
	background-color: wheat;
}
.slick-dots {
	bottom: 50px;
}
@media (max-width: 768px) {
	.f_bg {
		background-image: none;
		height: auto;
		top:66px
	}
	.f_bg img {
		max-width: 100%;
		width: 100%;
		display: inline;
		height: auto;
	}
	.first_indeximg{
		padding-top: 0 !important;
	}
}

/* 20181212 odin style*/
.main_vbox{
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
    position: relative;
    top: 33px;
	height: 100%;
}
.nopages_ctrl .section2 {
	height: 100vh;
	display: flex;
	align-items: center;
}
.myvid{
	width: 26%;
	cursor: pointer;
	-moz-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-webkit-transition: all .6s ease;
	transition: all .6s ease;
}
.myvid1,
.myvid2,
.myvid4,
.myvid5{
	/* margin-right: 8%; */
	margin-right: 11%;
}
.myvid1,
.myvid2,
.myvid3{
	margin-bottom: 4%;
}
.myvid:hover .myv-img {
	opacity: 0.7;
}
.myvid:hover .myv_title_txt-img,
.myvid:hover .myv-img:after,
.myvid:hover .myv_title_txt {
	color: #a91e40;
}
.myv_title{
	width: 100%;
	display: flex;
	font-family: "Microsoft JhengHei" !important;
	align-items: center;
	margin-bottom: 20px;
}
.redB{
	width: 13px;
	height: 3px;
	background-color: #a91e40;
	margin-right: 10px;
}
.myv_title_txt{
	color: #353535;
	font-size: 18px;
	-moz-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-webkit-transition: all .6s ease;
	transition: all .6s ease;
}
.myv-img{
	width: 100%;
	position: relative;
}
.myv-img:after{
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: -25px 0 0 -25px;
	content: "\f01d";
	font-family: "FontAwesome";
	font-size: 65px;
	color: #FFF;
	display: block;
	position: absolute;
	text-align: center;
	opacity: 1;
	-moz-transition: .6s ease;
	-webkit-transition: .6s ease;
	-ms-transition: .6s ease;
	-o-webkit-transition: .6s ease;
}
.myv-img img{
	width: 100%;
}
.section3 .fp-tableCell,
.section4 .fp-tableCell {
	display: flex !important;
	align-items: center;
}
.slide_outer{
	max-width: 1560px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.slider3{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.slt{
	width: 14px;
	height: 27px;
	margin-right: 36px;
	background-image: url(../images/base/back_left.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
.srt{
	width: 14px;
	height: 27px;
	margin-left: 36px;
	background-image: url(../images/base/back_right.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
.main_slide{
	display: block;
	width: calc(100% - 100px);
}
.slide3{
	width: 100%;
	/* display: inline-flex !important; */
	/* justify-content: center; */
	text-align: center;
	cursor: pointer;
	display: block;
	padding: 0 !important;
}
.slide3 img{
	width: 100%;
}
.nopages_ctrl .section3{
	height: 100vh !important;
	display: flex;
	align-items: center;
}
.slide4{
	position: relative;
}
.s4btn3 {
	position: absolute;
	top: 75%;
	left: 5.3%;
	width: 10%;
}
.s4btn2 {
	position: absolute;
	top: 69%;
	right: 29%;
	width: 10%;
}
.s4btn1 {
	position: absolute;
	top: 69%;
	left: 5.3%;
	width: 10%;
}
.main_slide4EN .s4btn1 {
	top: 79%;
	left: 4%;
}
.main_slide4EN .s4btn2 {
    top: 78%;
    right: 33.2%;
}
.main_slide4EN .s4btn3 {
	top: 81%;
	left: 4%;
}

.joinus5{
	width: 100%;
	/* position: relative; */
	/* padding-top: 76px; */
	position: absolute;
	bottom: 0;
	left: 0;
}
.nopages_ctrl .joinus5 {
	width: 100%;
	position: relative;
	padding-top: 76px;
}
.txtb{
	width: 100%;
	position: absolute;
	top: 20%;
	left: 0;
	text-align: center;
}
.txtb1 {
	width: 100%;
	font-size: 34px;
	line-height: 34px;
	font-family: "Microsoft JhengHei" !important;
}

.txtb2 {
	width: 100%;
	font-size: 26px;
	line-height: 26px;
	font-family: "Microsoft JhengHei" !important;
	margin-top: 30px;
	margin-bottom: 30px;
}

.jusBtn{
	color: #d7000f !important;
	font-size: 24px;
	display: inline-block;
	z-index: 2;
	padding: 12px 40px 12px 20px;
	background: url(../images/base/arrow-02.png) no-repeat 88% center;
}

.jusBtn:hover {
	color: #fff!important;
	background: url(../images/base/arrow-03.png) no-repeat 88% center #d7000f;
}
.desk {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.mObile,
.mObile480 {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: none;
}
.slide_outer .lSSlideOuter {
	width: calc(100% - 100px);
}
.slide_outer .lSSlideWrapper {
	width: 100%;
}
@media (max-width: 1300px) {
	.jusBtn {
		font-size: 16px;
		z-index: 2;
		padding: 10px 40px 10px 20px;
		background: url(../images/base/arrow-02.png) no-repeat 88% center;
	}
	.txtb1 {
		font-size: 26px;
		line-height: 26px;
	}

	.txtb2 {
		font-size: 18px;
		line-height: 18px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
}
@media (max-width: 1200px) {
	.joinus5 {
		/* padding-top: 64px; */
	}
	.nopages_ctrl .f_bg {
		/* padding-top: 64px; */
		top: 67px;
	}
}
@media (max-width: 991px) {

}
@media (max-width: 768px) {
	.desk {
		display: none;
	}

	.mObile {
		display: inline;
	}	
}
@media (max-width: 760px) {
	.s4btn3,
	.s4btn2,
	.s4btn1 {
		position: relative;
		top: 0;
		left: 0;
		width: 120px;
		margin: 0 auto;
		margin-top: 30px;
	}
	.main_slide4EN .s4btn1,
	.main_slide4EN .s4btn2,
	.main_slide4EN .s4btn3 {
		top: 0;
		left: 0;
	}
}
@media (max-width: 650px) {
	.main_vbox{
		justify-content: center;
	}
	.myvid{
		width: 48%;
		margin-bottom: 30px;
	}
	.myvid1,
	.myvid3,
	.myvid5 {
		margin-right: 2%;
	}
	.myvid2,
	.myvid4,
	.myvid6 {
		margin-right: 0;
	}
	.myvid5,
	.myvid6 {
		margin-bottom: 0;
	}
}
@media (max-width: 480px) {
	.nopages_ctrl .section2,
	.nopages_ctrl .section3,
	.nopages_ctrl .section4 {
		height: auto !important;
	}
	.nopages_ctrl .main_vbox,
	.nopages_ctrl .slide_outer {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.s4btn3,
	.s4btn2,
	.s4btn1 {
		position: relative;
		top: 0;
		left: 0;
		width: 98%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.slt,
	.srt {
		width: calc(14px * 0.7);
		height: calc(27px * 0.7);
	}
	.txtb {
		width: 100%;
		position: absolute;
		top: 20%;
		left: 0;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.jusBtn {
		font-size: 14px;
		z-index: 2;
		padding: 10px 40px 10px 20px;
		background: url(../images/base/arrow-02.png) no-repeat 88% center;
	}

	.txtb1 {
		font-size: 22px;
		line-height: 1.5;
	}

	.txtb2 {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.slt {
		margin-right: 10px;
	}

	.srt {
		margin-left: 10px;
	}
	.main_slide {
		width: calc(100% - 30px);
	}
	.slide_outer .lSSlideOuter{
		width: calc(100% - 30px);
	}
	.mObile{
		display: none;
	}
	.mObile480{
		display: block;
	}
	.nopages_ctrl .joinus5 {
		padding-top: 0px;
	}
	.myv_title_txt {
		font-size: 14px;
	}
}

.header_twcont_links{
	position: absolute;
	display: none;
}
.video_links_ch,
.video_links_en{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 0 !important;
}
.video_links_en a{
	font-size: 14px;
	font-weight: 600;
	color: #666;
}

a.video_ch:hover,
a.video_en:hover {
	cursor: default;
	position: relative;
	display: inline-block;
}
a.video .video_links_ch > a,
a.video .video_links_en > a{
	line-height: 45px !important;
}

.video_links_ch a,
.video_links_en a{
	position: relative;
}
.video_links_ch a:hover,
.video_links_en a:hover{
    color: black;
}
.video_links_ch a:after,
.video_links_en a:after{
	content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 5px;
	height: 0;
	border-bottom: 3px solid #d7000f;
	transition: .2s;
}
.video_links_ch a:hover:after,
.video_links_en a:hover:after{ 
	left: 0;
	right: 0;
}
.video_links_ch .span_none,
.video_links_en .span_none{
	display: none;
	color: #999;
}
.video_links_ch .span_open,
.video_links_en .span_open{
	display: inline-block;
	color: #999;
}
.header div.mask{
	height: 45px;
}
.none{
	display: none;
}

/* section2 */
.main-vedio-wrapper{
	width: 100%;
}
.main-vedio-wrapper .video{
	width: 100%;
}
	@media screen and (min-width:1200px){
	.f_bg{
	width: 100%;
	height: calc(100vh - 76px);
	position: relative;
    top: 76px;	
	}
	.main_vbox{
		max-width: 1550px;
		height: calc(100vh - 76px);
		position: relative;
		top: 38px;	
	}
	.video_links_ch,
	.video_links_en{
		display: none;
	}

	.video_links_mousein{
		display: block;
		position: absolute;
		top: 76px;
		left: 412px;
	}
	.hover_link{
		color:white;
		background-color: #d7000f;
	}
	.header .menu .open{
		display: inline-block;
	}
}
.icon-control{
	position: absolute;
    top: 0;
	right: 0;
}
.section2 .icon-control i{
	cursor: pointer;
}
.section2 .icon-control i .none{
    display: none;
}
.menu .about_links{
	background-color: green;
	position: absolute;
	top:0;
}
.header_twcont{
	position: relative;
}