html, body { min-width:980px; font-family:Verdana, 微軟正黑體, Arial, Helvetica, sans-serif; color:#464646; font-size:16px; position:relative; }
a { color:inherit; cursor:pointer; text-decoration:none; }
a:hover { text-decoration:none; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
:focus { outline:0; }
* {  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
footer { width:100%; min-width:980px; color:#fff; background-color:#AB3024; display:flex; align-items:center; flex-direction:column; }
	
hr {
    border: 0;
    height: 1px;
    background-color: #e2e2e2;
}




.slick-track, .slick-list { 
-webkit-perspective：2000; 
-webkit-backface-visibility：hidden;
}

.slick-slide {-webkit-backface-visibility：hidden; }
	
.honor_store_tag04 span,.honor_store_tag03 span,.honor_store_tag02 span,.honor_store_tag01 span,
.job_close span,.job_search span,.honor_2_area_rightbt span,
.honor_2_area_leftbt span,.honor_1_area_rightbt span,.honor_1_area_leftbt span,.honor_list_items_tab01 span,.honor_list_items_tab02 span,.honor_list_items_tab03 span,.honor_list_items_tab04 span,.honor_list_items_tab05 span{
    -webkit-transition:all 0.3s ease-out;  
	-moz-transition:all 0.3s ease-out; 
	-ms-transition:all 0.3s ease-out;
    opacity: 0;
	filter:alpha(opacity=0); 
	display: block;
	background-position: bottom;
	}

.job_close span:hover,
.honor_store_tag04 span:hover,.honor_store_tag03 span:hover,.honor_store_tag02 span:hover,
.honor_store_tag01 span:hover,.job_search span:hover,.honor_2_area_rightbt span:hover,.honor_2_area_leftbt span:hover,
.honor_1_area_rightbt span:hover,.honor_1_area_leftbt span:hover,.honor_list_items_tab01 span:hover,.honor_list_items_tab02 span:hover,.honor_list_items_tab03 span:hover,.honor_list_items_tab04 span:hover,.honor_list_items_tab05 span:hover{
	opacity: 1;
	cursor:pointer;
	filter: alpha(opacity=100);
	}	

.sale_pic div:nth-child(4),.sale_pic{
	 -webkit-transition:all 0.2s ease-out;  
	-moz-transition:all 0.2s ease-out; 
	-ms-transition:all 0.2s ease-out;
}

#job_map,#elite_sales .honor_2_area,#elite_sales .honor_1_area,#elite_sales,
#content_no1_01,#content_no1_02,#content_no1_03{position: relative; width: 100%; overflow: hidden;}
#honor_main_banner{width: 100%;}
#content_no1_01{ background: url(../img/content_no1_01.jpg)top center; height:1140px; }
#content_no1_02{ background: url(../img/content_no1_02.jpg)center; height: 660px;}
#content_no1_03{ background: url(../img/content_no1_03.jpg)center; height: 495px;}
.hr_content{ margin: auto; width: 980px; height: 100%;}
#content_no1_01 .hr_content span{ color: #e10012;}
#content_no1_01 .hr_content{ text-align: center;}
#content_no1_01 .hr_content .content_no1_01_pic{  padding: 45px 0 0 0 ; }
#content_no1_01 .hr_content .content_no1_01_pic02{margin: 45px 0 0 0 ; }
#content_no1_01 .hr_content .content_no1_01_pic03{position: absolute; margin: -135px 0 0 750px; }
#content_no1_01 .hr_content .content_no1_01_pic04{position: absolute; margin: -135px 0 0 15px; }
#content_no1_01 .hr_content .content_no1_01_pic05{ width: 657px; height: 326px; background-image:url(../img/content_no1_01_pic05.png); margin:30px auto 0; padding: 35px 0 0 0;    line-height: 30px; text-align: left; }
#content_no1_01 .hr_content .content_no1_01_pic05 .t1 
{ width: 260px;  height: 120px; margin: 0 0 0 32px; text-align: center; display:inline-block; }
#content_no1_01 .hr_content .content_no1_01_pic05 .t1 span{ font-weight: bold; font-size: 20px;}
#content_no1_01 .hr_content .content_no1_01_pic05 .t2{margin: 0 0 0 84px;}
#content_no1_01 .hr_content .content_no1_01_pic05 .t3{margin:58px 0 0 35px}
#content_no1_01 .hr_content .content_no1_01_pic05 .t4{margin:58px 0 0 80px}
#content_no1_01 .hr_content .text01{ margin: 75px 0 0 0;}
#content_no1_01 .hr_content .text02{ margin: 75px 0 0 0;}
.hrfontstyle01{ font-size: 18px; font-family:"微軟正黑體"; letter-spacing: 2px;  }
#content_no1_02 .hr_content .content_no2_01_pic {position: absolute; margin: 28px 0 0 360px;}
#content_no1_02 .hr_content .content_no2_01_pic02 {position: absolute; margin: 93px 0 0 417px;}
#content_no1_03 .hr_content .content_no3_01_pic{position: absolute; margin: -293px 0 0 690px;}
#content_no1_03 .hr_content .content_no3_01_pic02{position: absolute; margin: -220px 0 0 749px;}
#content_no1_03 .hr_content .t01{ margin: 370px 0 0 51px;  }
#content_no1_03 .hr_content .t02{ position: absolute; margin: -116px 0 0 385px; }
#content_no1_03 .hr_content .t02 li,#content_no1_03 .hr_content .t01 li{ margin:11px; border-bottom: 1px solid #bfbfbf; padding-bottom:3px;width: 177px; font-size: 16px; letter-spacing: 1px; font-weight: bold;}
#content_no1_03 .content span{ color: #e10012;}
#elite_sales{ background-image:url(../img/hornor_area_title_bg.png);text-align: center;}
#elite_sales .hornor_area_title{ margin: 10px 0 0 0 ;}
.honor_list_items_tab01{float: left; margin: 0 0 0 0px ;}
.honor_list_items_tab01 ,.honor_list_items_tab01 span{width:245px; height: 56px;}
.honor_list_items_tab02{float: left;}
.honor_list_items_tab02 ,.honor_list_items_tab02 span{width:245px; height: 56px;}
.honor_list_items_tab03{float: left;}
.honor_list_items_tab03 ,.honor_list_items_tab03 span{width:245px; height: 56px;}
.honor_list_items_tab04{float: left;}
.honor_list_items_tab04 ,.honor_list_items_tab04 span{width:245px; height: 56px;}
.honor_list_items_tab05{float: left;}
.honor_list_items_tab05 ,.honor_list_items_tab05 span{width:245px; height: 56px;}

.awarded_list{margin:56px auto 0; width: 100%; height:575px; background-color:#fff; text-align: center; padding-top:52px; }
.awarded_list .honor_1_area_leftbt, .awarded_list .honor_1_area_rightbt { z-index:1; }
.honor_1_area_leftbt{ position: absolute; top: 50%; margin: -55px 0 0 0 ; }
.honor_1_area_leftbt,.honor_1_area_leftbt span{ width: 55px; height: 110px; background-image:url(../img/honor_1_area_l.png); }
.honor_1_area_rightbt{ position: absolute; top: 50%; margin: -55px 0 0 0 ; right: 0px; }
.honor_1_area_rightbt,.honor_1_area_rightbt span{ width: 55px; height: 110px; background-image:url(../img/honor_1_area_r.png); }
.sale_pic{ width: 300px ; height: 422px; border: solid 1px #c2c2c2; display: inline-block; padding: 5px; background-color: #fff;  }
.sale_pic div:nth-child(2){ float: left; margin: 10px 0 0 10px; font-size: 24px; font-weight: bolder; }
.sale_pic div:nth-child(3){ float: left;  margin: 14px 0 0 10px; font-size: 15px; background-color: #e6e6e6; padding: 3px 12px;font-weight: bolder; }
.sale_pic div:nth-child(4){ float: left; width: 100%;  margin: 8px 0 0 0; font-size: 17px; height: 40px; background-color:#de0012; color: #fff; font-weight: bolder;text-align: left; line-height: 40px; padding: 0 18px;}
.sale_pic div:nth-child(4) img{ float: right; margin-top:15px}
.sale_pic:hover{border: solid 1px #de0012; cursor: pointer;}
.sale_pic:hover div:nth-child(4){background-color:#b5000e;}
.honor_mem_img{ max-width:calc(326px*3); margin: auto; height: 454px; overflow: hidden; } 
.sale_pic_wrapper { width:326px; height:454px; display:inline-block; float:left; padding-top:30px; padding-left:18px; }
.dot_group{ margin: 25px auto 0; width: 300px;}
.dot{ width: 8px; height: 8px; background-color: #a7a7a7;border-radius:99em; margin: 0 3px; display: inline-block;}
.dot:hover{background-color: #4d4d4d; cursor: pointer;}
.dot.select { background-color: #4d4d4d; }
#elite_sales .honor_2_area{ width: 100%; background: url(../img/honor_2_area_bg.png); padding: 40px 0; }
.sale_pic_s_group{ width: 900px; margin:40px auto 0; overflow: hidden; height: 260px;  }
.sale_pic_s_wrapper { width:900px; height:260px; }
#elite_sales .honor_2_area .sale_pic_s_group .sale_pic_s{ width:200px; height: 260px;  display: inline-block; margin: 0 10px; }
#elite_sales .honor_2_area .sale_pic_s_group .sale_pic_s div:nth-child(1){ width: 200px; height: 200px; overflow: hidden; border-radius:99em; background-color: #FFFFFF; }
#elite_sales .honor_2_area .sale_pic_s_group .sale_pic_s div:nth-child(2){ font-size: 15px;  margin: 10px 0 0 0; line-height: 22px; font-weight:bold; }
#elite_sales .honor_2_area .sale_pic_s_group .sale_pic_s div:nth-child(2) span{color: #de0012;}
.honor_2_area_leftbt{ position: absolute; margin:80px 0 0 -45px;}
.honor_2_area_leftbt,.honor_2_area_leftbt span{ width: 43px; height: 43px; background-image: url(../img/honor_2_area_l.png);}
.honor_2_area_rightbt{ position: absolute; margin:80px 0 0 900px;}
.honor_2_area_rightbt,.honor_2_area_rightbt span{ width: 43px; height: 43px; background-image: url(../img/honor_2_area_r.png);}
.honor_branch_table{ width: 650px; margin:auto; text-align: left; font-size: 15px;}
.honor_branch_table td{ border: solid 1px #B8302E;  width: 325px; height: 35px;  padding:  5px 30px; font-weight: bold; line-height: 35px; font-size:16px;}
.honor_branch_table img{ margin: 5px 0 0 0 ;}
.honor_branch_table tr:nth-child(odd){ background-color: #FFF;}
.honor_branch_table tr:nth-child(even){ background-color: #FACFB1;}

.honor_store_tag04,.honor_store_tag03,.honor_store_tag02,.honor_store_tag01{ margin:10px auto; display: inline-block;}
.honor_store_tag01,.honor_store_tag01 span{ width: 165px; height: 45px;}
.honor_store_tag02,.honor_store_tag02 span{ width: 165px; height: 45px;}
.honor_store_tag03,.honor_store_tag03 span{ width: 165px; height: 45px;}
.honor_store_tag04,.honor_store_tag04 span{ width: 165px; height: 45px;}
.job_menu{ position: absolute; top: 178px; width: 100%; height: 50px;z-index: 999;}
.top1_left{ position: absolute; margin: -190px 0 0 -184px;}
.top1_right{ position: absolute; margin: -190px 0 0 628px;}

.elite_sales_popup{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; }
.job_popup{ position:fixed; left: 50%; top: 50%; margin:-208px 0 0 -422px; width: 845px; height: 505px; background-image: url(../img/job_popup.png);}
.job_close{ position: absolute; right: 0px; top:-1px; }
.job_close, .job_close span{ width:70px; height: 70px; background-image: url(../img/job_close.png); }
.elite_sales_popup>div .job_popup .sale_pic{ margin: 44px 0 0 29px;  border:0px; cursor:auto; transition:none; height: auto; width: 324px!important; background-color:rgba(0, 0, 0, 0);}
.elite_sales_popup>div .job_popup .sale_pic:hover div:nth-child(5){  background-color:#de0012;}
.elite_sales_popup>div .job_popup .sale_pic div:nth-child(5){ height: 10px;}
.elite_sales_popup>div .job_popup .title{ position: absolute; margin:46px 0 0 20px; font-size: 20px; margin: 47px 0 0 379px; font-weight: bold; color: #de0012;}
.elite_sales_popup>div .job_popup .title span{ font-size: 15px; color:#000; font-family: "微軟正黑體";  }
.elite_sales_popup>div .job_popup .main{position: absolute;margin:92px 0 0 368px; width: 445px; height: 367px; overflow: hidden; line-height: 30px; letter-spacing: 1px;}
.awarded_list .honor_mem_img .sale_pic .medals{ position: absolute; margin: -40px 0 0 -33px;}

@media screen and (min-width:980px){

	.honor_mem_img{width: 100%; max-width:calc(326px*3);}
	.sale_pic{margin: 0 8px;}
	}

@media screen and (min-width:1480px){

	.honor_mem_img{width: 100%; max-width:calc(326px*4);}
	}
@media screen and (min-width:1800px){

	.honor_mem_img{width: 100%; max-width:calc(326px*5);}
	}

@media screen and (min-width:1570px){
	.sale_pic_s_group{ width: 1400px;}
	.sale_pic_s_wrapper { width: 1400px; }
	.honor_2_area_rightbt{margin:80px 0 0 1410px;}
}


.job_menu.on { position: fixed; top:0; left:0; background-color: #464646; }

.honor_3_area {}
.honor_3_area>ul>li:nth-child(2){ display:none; }
.honor_3_area>div:nth-child(n+3){ display:none; }
.honor_3_area>div.on>table { animation:tabShow linear 0.4s; -webkit-animation:tabShow linear 0.4s; }
@keyframes tabShow { 0%{ opacity:0; } 100%{ opacity:1; } }

.awarded_list.on { background-color:#d3d3d3; }
.awarded_list.s2 { background-color:#FFFFFF; }
.awarded_list.s3 { background-color:#FFFFFF; }