/*body 共用*/
@import url("reset.css");

/*載入icon字CSS檔案================================*/
@import url("font-awesome.min.css");
/*================================================*/

/* ==================DeskTop First 桌機版型區 優先================== */

/* ======全部共用區====== */
*{-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
html{scrollbar-3dlight-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-arrow-color:#999; scrollbar-base-color:#ddd;scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#999; scrollbar-face-color:#ddd; scrollbar-track-color:#eee; }
body,td,select {font-family: "微軟正黑體", sans-serif;font-size:17px;line-height:190%;color:#555; height:auto; }
a {color:#555;text-decoration: none;}
a:hover{color: #ccc;}

/*png 圖片透明(共用)*/
.img {behavior: url("iepngfix.htc"); }

.wrapper{width:1200px; margin:0 auto;}
/*.top{ width:100%;height:89px;  position:relative; }
.logo{background:url(../images/all/logo.png) no-repeat left; width:334px; float:left; height:89px; cursor:pointer;}*/
.top{ width:100%;height:89px;  position:relative; }
.logo{width:334px; float:left; height:89px; cursor:pointer;}

.tel{ float:right; margin:28px 0 0 10px; font-size:26px; font-weight:bold; color:#a9a9a9;}
.tel span{  margin-right:5px;}
.topList{ float:right; color:#FFF; font-size:26px; }
.topList li{ float: right;width:40px; height:40px; border-radius:50%; line-height:40px; text-align:center; cursor:pointer; margin:24px 0 0 10px;background-image:linear-gradient(0deg, #cdcdcd 0%,  #222222 100%);transition:all 0.6s ease-out;}
.topList li:hover{background-image:linear-gradient(0deg, #222222 0%,  #222222 100%); width:44px; height:44px; line-height:44px;}

/*選單*/
nav{background-image:linear-gradient(0deg, #98000c 0%, #ca0010 40%, #e60012 100%); width:100%;  height:60px; position:relative; margin:0 0 2px 0; background:url(../images/all/menuBg.jpg)}
.slicknav_menu {display:none;}
#menu{position:absolute; z-index:999999;}
#menu li { float:left; width:150px;text-align:center;background-image:linear-gradient(0deg, #98000c 0%, #ca0010 40%, #e60012 100%);display:block;  color:#FFF; padding:0 0 10px 0; }
#menu li:hover{background-image:linear-gradient(0deg, #e05204 0%, #e05204 40%, #e05204 100%);}
#menu li:hover a{ font-size:20px;}
#menu li:hover a ul li{font-size:18px;}
#menu li.on{background-image:linear-gradient(0deg, #e05204 0%, #e05204 40%, #e05204 100%);}
#menu li a{ color:#FFF; text-decoration:none; position:relative; font-size:18px;line-height:50px; display:block;}
#menu li a span{display:block;position:absolute;z-index:2;font-size:12px;color:#f29a76;  text-align:center; width:150px;  top:0; margin:18px 0 0 0;}
#menu li ul{ margin:10px 0 -10px 0; padding:0 0 -10px 0; overflow:hidden;}
#menu li ul li { display:none; text-align:left; padding:10px 15px; font-size:18px; }
#menu li ul li:last-child{ color:#000;}
#menu li:hover ul li { display:block; min-width:150px;background:rgba(241,145,73,.9);}
#menu li:hover ul li a{  display:block;line-height:30px; }
#menu li ul li:hover { background:rgba(201,3,19,.9)}

/*首頁*/
.banner{ height:400px; width:100%; background-image:linear-gradient(0deg, #FFF 0%, #eeeeee 100%)}
.container{width:1200px; margin:20px auto; overflow:hidden;}
.col-3{ width:calc(100%/3 - 0px); height:275px; float:left; margin-left:calc(0px * 3/ 2);  margin-bottom:calc(0px * 3/ 2); overflow:hidden;}
.col-3:nth-child(1){ margin-left:0px;background:#f7f7f7; border-radius:5px;}
.indexTitle{ color:#e60012; font-size:22px; margin:20px 20px; cursor:pointer;}
.indexTitle:hover{ font-size:24px; }
#marquee4 {width:100%;height:160px; overflow:hidden;}
#marquee4 ul li {float:left; width:calc(100% - 40px); margin:0px 20px; padding:10px 0 10px 25px; border-bottom:1px dashed #CCC; overflow:hidden; background:url(../images/index/icon.png) no-repeat left 19px;}
#marquee4 ul li a:hover{color:#666;transition:all .4s;}
#marquee4 ul li a:hover{color:#eb6100;}


.col-3:nth-child(2){ background:url(../images/index/about-4.jpg) no-repeat center bottom ;  background-size: cover;cursor:pointer;}
.col-3:nth-child(2):hover{background:url(../images/index/aboutS-4.jpg) no-repeat center bottom ;  background-size: cover; }
.aboutContent{width:100%; margin:0% 1%; color:#000;}
.col-3:nth-child(3){ }
.indexLink{width:100%; margin: 15px 0 0;  overflow:hidden; }
.indexLink li{width:calc(100%/3);float:left;overflow:hidden; text-align:center;height:110px; cursor:pointer;}
.indexLink li .c1,.indexLink li .c2,.indexLink li .c3,.indexLink li .c4{ box-shadow: 0px 0px 0 5px #eeeeee inset;width:80px; height:80px; border-radius:50%;  margin:0 auto; line-height:80px; color:#FFF;  font-size:45px;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out; }
.indexLink li .c1{ background:#f19149;}
.indexLink li .c2{ background:#11cd84;}
.indexLink li .c3{ background:#56b6f2;}
.indexLink li .c4{ background:url(../images/index/c4.png) #f19149 ;background-size: cover; }
.indexLink li .c1:hover,.indexLink li .c2:hover,.indexLink li .c3:hover{background:#e60012; width:90px; height:90px; font-size:50px; line-height:90px; }
.indexLink li .c4:hover{background:url(../images/index/c4.png) #e60012 ;background-size: cover;width:90px; height:90px; }
.indexLink li h2{ font-size:18px; color:#000; line-height:18px;}

/*頁尾*/
footer{ height:110px;padding:0px 5px; overflow:hidden;background-image:linear-gradient(0deg, #FFF 0%, #FFF 70%,#eeeeee 100%)}
.footerTxt{ width:1200px; margin:0 auto;font-size:14px; color:#777;}
.footerTxt li{ float:left; overflow:hidden;}
.footerTxt li a{ color:#777;}
.footerTxt li a:hover{ text-decoration:underline;color:#777;}
.footerTxt li:nth-child(1){ margin:20px 40px 0 0px; width:77px; height:77px; }
.footerTxt li:nth-child(2){ margin:25px 0 0 0;}
.footerTxt li:nth-child(3){ float:right; margin:30px 0 0 0;}
.footerBtn{float: right;width:40px; height:40px; border-radius:50%; line-height:40px; text-align:center; cursor:pointer; margin:0px 0 10px 10px;background-image:linear-gradient(0deg, #cdcdcd 0%,  #222222 100%); color:#FFF;font-size:26px;transition:all 0.6s ease-out;}
.footerBtn:hover{background-image:linear-gradient(0deg, #222222 0%,  #222222 100%);width:44px; height:44px; line-height:44px;}

/*header*/
.header{ width:100%; background-image:linear-gradient(0deg, #FFF 0%, #eeeeee 100%); vertical-align:middle;}
.headerCenter{ width:1200px; margin:0 auto;  }
.headerCenter img{ width:100%; height:auto;}

/*內容主框架*/
.title{background-image:linear-gradient(0deg, #a5492d 0%,  #e96840 100%); width:100%; padding:5px 30px; margin:15px 0 10px 0; color:#FFF; font-size:22px;}
.title span{ font-size:14px; padding:0 10px;}
.content{ overflow:hidden; margin:25px 0 60px 0;}
.sidebar{ width:300px; background:#eeeeee;  float:left; position:relative; padding:30px;}
.sidebar:after{ position:absolute; z-index:2; height:10px; background:#a5000d; top:0; left:0; content: ""; display:block; width:100%;}
.sidebarList li a{ width:95%; padding:18px 0px 18px 36px;display:block; border-bottom:1px dashed #CCC; font-size:18px; color:#000; background:url(../images/sidebar/icon.png) no-repeat left 28px;}
.sidebarList li a:hover,.sidebarList li a.on{color:#a5000d;}
.sidebarList li a:hover{ font-size:20px;}
.sidebar2{ width:300px; float:left; }
.mainContent{ float:right; width:860px; overflow:hidden; }
.mainContentTitle{font-size:22px; color:#a5000d; border-bottom:1px solid #CCC; padding:0 0 15px 0; margin:0 0 30px 0;}

/*P1集團簡介*/
.UpPic,.LeftPic,.RightPic,.DownPic,.youtube iframe{overflow:hidden; margin:17px  0px 17px 0;}
.UpPic img{margin:0  0px 8px 0; width:860px; height:auto;}
.LeftPic img{ float:left; margin:0  33px 33px 0; width:410px; height:auto;}
.RightPic img{ float:right; margin:0 0 33px 33px; width:410px; height:auto;}
.DownPic img{margin:33px  0px 0px 0; width:860px; height:auto;}
.yearList tr{ border-bottom:1px solid #FFF; }
.yearList tr th{padding:10px 8px; font-size:15px; line-height:20px;font-weight:bold;  font-style:italic;color:#000; width:16%;}
.yearList tr td{ width:84%;}
.yearList tr td,.yearList tr td a{position: relative;padding:10px 8px 10px 18px;;font-size:15px; line-height:20px;color:#777;}
.yearList tr td:after{position: absolute; z-index:2;display:block; width:100%;content:" ► "; left:0; top:10px; width:16%; font-size:10px; color:#a5000d;}
.yearList tr:nth-child(odd){background:#f5f5f5;}
.yearList tr:hover{background:rgba(255,247,238,1);}
.teamList tr:first-child{ border-top:1px solid #CCC; }
.teamList tr{ border-bottom:1px solid #CCC; }
.teamList tr:nth-child(odd){background:#f5f5f5;}
.teamList tr th{ padding:20px 15px 20px 20px ; width:20%;}
.teamList tr td{ padding:20px 20px 20px 15px; width:80%;}
.teamList tr th img{ width:100%; height:auto; padding:0px; margin:0px;}

/*P2業務內容*/
.businessList{ min-height:240px; padding:30px; border:1px solid rgba(165,0,13,.5); overflow:hidden;transition:all .4s; background:#FFF;border-radius:10px; margin:30px 0; cursor:pointer;}
.businessList img{ border-radius:10px; float:left; margin:0 30px 0 0; width:240px; height:180px; border:1px solid #EEE;}
.businessList:hover{ background:rgba(255,247,238,.7);}
.businessList h1{ color:#a5000d; font-size:20px; font-weight:bold;}

/*P3特約商專區&p11員工專區*/
#iframeBox{width:100%;height:0;padding-bottom:50%;position:relative; }
#iframeBox iframe{ position:absolute; width:100%; height:100%;border:#CCC 1px solid; }
.specialContentTitle{font-size:22px; color:#a5000d; border-bottom:1px solid #CCC; padding:0 30px 15px 30px; margin:0 0 30px 0;}
.specialContentTitle2{ padding:20px 30px;border-radius:20px;background:rgba(255,247,238,1); margin:0 0 30px 0;}
.specialAgreen{overflow: auto; height:200px; width:100%; border:1px solid #CCC; margin:0 0 30px 0; padding:0px 30px 15px 30px;}
.specialAgreen h1{ font-weight:bold; font-size:18px; padding:15px 0 0px 0;}
.specialAgreen h5{font-weight:bold; font-size:20px; padding:15px 0 0px 0;  } 
.page_form2{overflow: hidden; border-bottom:1px solid #FFF;padding:10px 10px;}
.page_form2:nth-child(odd){background:#f5f5f5;}
.page_form2:hover{background:rgba(255,247,238,1);}
.page_form2 .name{float: left;width:250px;text-align:left;padding:0 20px 0 20px; color:#000; }
.page_form2 .text{overflow: hidden;}


/*P4檔案下載*/
.downloadList li{ border-bottom:1px solid #FFF; overflow:hidden; padding:15px 0;}
.downloadList li:nth-child(odd){background:#f5f5f5;}
.downloadList li:hover {background:rgba(255,247,238,1);}
.downloadList li .date{ float:left;  width:140px; text-align:center;color:#eb6100; font-style:italic;}
.downloadList li .link{ float:left;  background-color:#bb0c38; color:#FFF;  font-size:13px;text-align:center;width:70px;  padding:0 10px;margin:0 20px 0 0;border-radius:20px; }
.downloadList li .downloadName a{ float:left; width:610px; display:block;}
.downloadList li .downloadName a:hover{ color:#555;}
.num{ text-align:center; margin:40px 0 0 0;}
.num span a{padding:5px 15px 5px 15px;color:#FFF;background-image:linear-gradient(0deg, #a5000d 0%,  #e60012 100%); display:block;transition:all .4s; width:150px; display:inline-block; margin:5px 5px;border-radius:10px;}
.num span a:hover{ background-image:linear-gradient(0deg, #F60 0%,  #e05204 100%);}

/*P5反應諮詢*/
.input1,.input2,.input3,.input4{background-color: #FFF;border: 1px solid #ccc; font-size:17px; padding:2px;}
.input1{width:40%;}
.input2{width:50%;}
.input3{width:100%;}
.input4{width:20%;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
select{background-color: #FFF;border: 1px solid #ccc; }
.page_form{overflow: hidden; border-bottom:1px solid #FFF;padding:10px 10px;}
.page_form:nth-child(odd){background:#f5f5f5;}
.page_form:hover{background:rgba(255,247,238,1);}
.page_form .name{float: left;width:150px;text-align:left;padding:0 10px; color:#000; }
.page_form .text{overflow: hidden;}
.red{ color:#a5000d;}


/*P6合作銀行*/
.cooperationList{ border-bottom:solid 1px #CCC; padding:25px; margin:20px 0; overflow:hidden;} 
.cooperationList img{ float:left; width:215px; height:215px; border:solid 1px #CCC; margin:15px 40px 25px 0;box-shadow:10px 10px  #CCC;}
.cooperationList h4{ color:#a5000d; font-weight:bold; font-size:24px;}

/*P7菁英募集*/
.careersBox{ overflow:hidden;}
.careersList{ width:calc(100%/2 - 10px ); float:left; border-bottom:1px solid #CCC; padding:10px; cursor: pointer; margin:10px 0 10px 0; overflow:hidden; min-height:120px;}
.careersList:nth-child(odd){ margin:10px 20px 10px 0;}
.careersList h1{ width:80px; height:80px; background:#dcdcdc; border-radius:50%; float:left; margin:0 20px 0 0; line-height:80px; font-size:46px; text-align:center;-webkit-transition:all .75s;-moz-transition:all .75s; color:#999;}
.careersList:hover h1{background:#555; color:#FFF;width:90px; height:90px; line-height:90px;}
.careersList h3{ float:left;width:calc(100% - 125px); overflow:hidden}
.careersBtn{margin:0 0 40px 0;}
.careersBtn a{text-align:center; padding:5px 15px 5px 15px; color:#FFF; background-image:linear-gradient(0deg, #a5000d 0%,  #e60012 100%); display:block; float:right;width:150px;transition:all .4s; border-radius:10px;}
.careersBtn a:hover{ background-image:linear-gradient(0deg, #F60 0%,  #e05204 100%);}
.careersName { margin:0 0px 30px 0; padding:10px;}
.careersName h1{ width:120px; height:120px;background: #E1E1E1; border-radius:50%; float:left;line-height:120px; font-size:24px;text-align:center; color:#630; margin:0 30px 0 0; }
.careersName h2{ font-size:26px; line-height:120px;color:#eb6100;border-bottom:1px dashed #CCC; width:calc(100% - 150px); overflow:hidden; min-height:120px;}
.careersName h3{ border-bottom:1px dashed #CCC; width:calc(100% - 150px); overflow:hidden; min-height:120px; padding:30px 0;}

/*P8問與答*/
#qaContent { width:100%;}
.qaBtn{  margin:0px 0 25px 0; overflow:hidden; text-align:right;}
.qaBtn a{padding:5px 15px 5px 15px;color:#FFF;background-image:linear-gradient(0deg, #a5000d 0%,  #e60012 100%); display:block;transition:all .4s; width:150px; display:inline-block; margin:5px 5px;border-radius:10px;text-align: center; }
.qaBtn a:hover{ background-image:linear-gradient(0deg, #F60 0%,  #e05204 100%);}
#qaContent h3 {-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; background:#999; color:#FFF; padding:3px 30px;}
.accordionPart {margin: 10px 30px 50px 30px;}
.accordionPart li {border-bottom: solid 1px #e3e3e3;padding-bottom: 12px;margin-top: 12px;}
.qa_title {background: url(../images/p8/icon.png) no-repeat 0px 5px;padding:0 0 0 40px;cursor: pointer;color: #a5000d}
.qa_title_on { font-size:20px;}
.qa_content {margin: 10px 0 20px 28px; border:1px dashed #CCC; padding:15px 25px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background:#fcfaf7;}

/*P9最新消息*/
.newsList li{ border-bottom:1px solid #FFF; overflow:hidden; padding:15px 0;}
.newsList li:nth-child(odd){background:#f5f5f5;}
.newsList li:hover {background:rgba(255,247,238,1);}
.newsList li .date{ float:left; width:170px; color:#eb6100; font-style:italic; background:url(../images/index/icon.png) no-repeat 20px 10px; padding:0 0 0 40px;}
.newsList li a{ float:left; width:650px; display:block;}
.newsList li a:hover{ color:#555;}
.detailDate{color:#eb6100; font-style:italic; text-align:right; padding:0 5px;}
.newsSearch{ margin:0 0 20px 0; text-align:right;}

/*P10網站地圖*/
.mapList li{ float:left;  line-height:50px; height:50px; margin:0 0 10px 0; }
.mapList li a{padding:0px 30px 0 50px; color:#a5000d; background:url(../images/sidebar/icon.png) no-repeat 30px; }
.mapList li a:hover{ color:#eb6100; background:url(../images/sidebar/icon_s.png)  no-repeat 30px;}
.mapList li:first-child{ width:100%;background:#eeeeee;position:relative;margin:0 0 20px 0; }
.mapList li:first-child a{ font-size:20px; color:#555; background:none;padding:0px 30px; display:block; width:100%;color:#000;}
.mapList li:first-child:after { position:absolute; z-index:2; background:#eb6100; bottom:0;left:0; content: ""; width:100%; height:2px;}
.mapList li:first-child a:hover{ color:#eb6100; font-size:23px;}

/* ==================平板版型區=================== */

@media screen and (min-width: 768px) and (max-width: 1200px) {

/*選單*/
nav{ position:relative;width:100%; }
.slicknav_menu {
  *zoom: 1; position:absolute; z-index:999999; width:100%; margin:70px 0 0px 0;}

nav{ display:none;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}

	}

@media screen and (min-width: 768px) and (max-width: 1204px) {
/*.top{ width:100%;height:70px; background:url(../images/all/logo_2.png) no-repeat; }
.logo{background:url(../images/all/logo_2.png) no-repeat left; width:334px; float:left; height:70px;}*/
.top{ width:100%;height:70px;  }
.logo{width:334px; float:left; height:70px;}

.tel{ margin:20px 0 0 10px;color:#a9a9a9; }
.tel span{  margin-right:5px;}
.topList li{ margin:20px 0 0 10px;}
.topList li:hover{width:40px; height:40px; line-height:40px;}
.wrapper{ width:100%; margin:0px; }

/*首頁*/
.banner{ margin:60px 0 0 0;width:100%; height:auto;}
.container{width:100%; height:auto;margin:15px auto}
.col-3:nth-child(1){ width:100%; float:none; }
.col-3:nth-child(2){ width:calc(100%/2 - 10px); margin-bottom:5; margin-left:0px;}
.col-3:nth-child(3){ width:calc(100%/2 - 10px);}

/*頁尾*/
footer{ height:100%; height:auto;}
.footerTxt{ width:100%;}
.footerTxt li:nth-child(1){ margin:0; display:none; }
.footerTxt li:nth-child(2){ width:100%; text-align:center; margin:10px 0px 0px 0px;}
.footerTxt li:nth-child(3){  width:100%;  text-align:center; margin:5px 0 0 0;  overflow:hidden; }
.footerBtnBox{ margin:0 auto; width:150px; overflow:hidden;}
.footerBtn:hover{width:40px; height:40px; line-height:40px;}
/*header*/
.headerCenter{  margin:60px 0 0 0;width:100%;height:auto;}
.headerCenter img{ width:100%; height:auto;}

/*內容主框架*/
.title{ width:100%; margin:0px 0 -20px 0; padding:5px 5px;}
.content{ margin:25px 0 30px 0;}
.sidebar{ display:none;}
.sidebar2{ display:none;}
.mainContent{ float:none; width:100%; padding:0px 3px; }
.mainContentTitle{ width:100%;padding:5px 2px; }

/*P1集團簡介*/
.UpPic img{ width:100%; height:auto;}
.DownPic img{ width:100%; height:auto;}
.youtube{width:100%;height:0;padding-bottom:56.27906976744186%;  position:relative; }
.youtube iframe{width:100%;height:100%;position:absolute; }

/*P3特約商專區&p11員工專區*/
#iframeBox iframe{ width:96%; height:100%; margin:0 2%;}
.specialContentTitle{  padding:5px 5px;}
.specialContentTitle2{ padding:10px 10px; }
.specialAgreen{ height:200px; width:96%; padding:0px 10px 10px 10px; margin:0 2% 30px 2%;}
.page_form2{padding:10px 5px;}
.page_form2 .name{width:200px;padding:0px;  }

/*P4檔案下載*/
.downloadList li .date{  width:15%; margin:0 2% 0 0; }
.downloadList li .link{  width:10%;}
.downloadList li .downloadName a{ width:61%; display:block; padding:0 5%;margin:0 2% 0 0;}

/*P7菁英募集*/
.careersList{ width:100%; float: none;   padding:20px;  margin:0px 0 0px 0; }
.careersList:nth-child(odd){ margin:0px 0 0px 0;}
.careersBtn{margin:20px 0 0px 0; }
.careersBtn a{ float: none; margin:0 auto; }

/*P8問與答*/
.qaBtn{  margin:20px 0 20px 0; overflow:hidden; text-align: center;}

/*P9最新消息*/
.newsList li .date{ width:20%;  background:url(../images/index/icon.png) no-repeat 20px 10px; padding:0 0 0 4%;}
.newsList li a{  width:76%; }
.detailDate{ text-align: left; padding:0 5px;}
.newsSearch{ margin:10px 0 10px 0; text-align:right;}

}

/* ==================手機版型區================== */

@media screen and (max-width: 767px) {
.wrapper{ width:100%; margin:0px;}
/*.top{ width:100%;height:50px; background:url(../images/all/logo_3.png) no-repeat; }
.logo{background:url(../images/all/logo_3.png) no-repeat left; width:136px; float:left; height:50px;}*/
.top{ width:100%;height:50px;  }
.logo{ width:225px; float:left; height:50px;}

.tel{ display:none;}
.topList li{ margin:5px 0 0 10px;}
.topList li:hover{width:40px; height:40px; line-height:40px;}

/*選單*/
nav{ position:relative;width:100%; }
.slicknav_menu {
  *zoom: 1; position:absolute; z-index:999999; width:100%; margin:50px 0 0px 0;}
nav{ display:none;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}

/*首頁*/
.banner{ margin:60px 0 0 0;width:100%; height:auto;}
.container{width:100%; height:auto;margin:0px}
.col-3:nth-child(1){ width:100%; float:none;margin:0px;}
.col-3:nth-child(2){ width:100%; float:none; margin:0px;}
.col-3:nth-child(3){width:100%; float:none; margin:0px;}

/*頁尾*/
footer{ height:100%; height:auto; margin:10px 0 0 0; overflow:hidden;}
.footerTxt{ width:100%;}
.footerTxt li:nth-child(1){ margin:0; display:none; }
.footerTxt li:nth-child(2){ width:100%; text-align:center; margin:20px 0px 0px 0px;}
.footerTxt li:nth-child(3){ width:100%; text-align:center; margin:10px 0 0 0;}
.footerBtnBox{ margin:0 auto; width:150px; overflow:hidden;}
.footerBtn:hover{width:40px; height:40px; line-height:40px;}
/*header*/
.headerCenter{ width:100%; height:auto;}
.headerCenter img{ margin:60px 0 0 0;width:100%; height:auto;}

/*內容主框架*/
.title{ width:100%;  margin:0px 0 -20px 0;padding:5px 5px; }
.content{ margin:25px 0 30px 0;}
.sidebar{ display:none; }
.sidebar2{ display:none; }
.mainContent{ float:none; width:100%;  padding:0px 3px;}
.mainContentTitle{ width:100%;padding:5px 2px; }

/*P1集團簡介*/
.UpPic img{ width:100%; height:auto; margin:0px}
.LeftPic img{width:100%; height:auto; margin:0px; float:none; }
.RightPic img{width:100%; height:auto; margin:0px;; float:none; }
.DownPic img{ width:100%; height:auto; margin:0px}
.youtube{width:100%;height:0;padding-bottom:56.27906976744186%;  position:relative; margin:}
.youtube iframe{width:100%;height:100%;position:absolute; margin:0px;}
.yearList tr th{width:25%;}
.yearList tr td{width:75%;}
.teamList tr th{ padding:10px 8px 10px 10px ; width:35%;height:auto;}
.teamList tr td{ padding:10px 10px 10px 8px; width:65%; height:auto;}

/*P2業務內容*/
.businessList{ width:100%; padding:10px; margin:30px 0; }
.businessList img{ float:none; margin:0px; width:100%; height:auto;}

/*P3特約商專區&p11員工專區*/
#iframeBox iframe{ width:96%; height:100%; margin:0 2%;}
.specialContentTitle{  padding:5px 5px;}
.specialContentTitle2{ padding:10px 10px; }
.specialAgreen{ height:200px; width:96%; padding:0px 10px 10px 10px; margin:0 2% 30px 2%;}
.page_form2{padding:10px 0;}
.page_form2 .name{float:none;width:100%;text-align:left;padding:0 10px;}
.page_form2 .text{ width:100%;padding:0px 10px;}

/*P4檔案下載*/
.downloadList li .date{ text-align:left; padding:0 10px; width:110px;}
.downloadList li .downloadName a{ width:100%; padding:0 10px; }

/*P5反應諮詢*/
.input1{background-color: #FFF;border: 1px solid #ccc; font-size:17px; padding:2px;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
select{background-color: #FFF;border: 1px solid #ccc; }

.page_form{padding:10px 0;}
.page_form .name{float:none;width:100%;text-align:left;padding:0 10px;  }
.page_form .text{ width:100%;padding:0px 10px;}
.input1{width:100%;}
.input2{width:100%;}
.input3{width:100%;}
.input4{width:30%;}


/*P6合作銀行*/
.cooperationList{ padding:10px; margin:10px 5px; } 
.cooperationList img{ float:none; width:100%; height:auto;  margin:15px 0px 25px 0;}

/*P7菁英募集*/
.careersList{ width:100%; float: none;   padding:20px;  margin:0px 0 0px 0; }
.careersList:nth-child(odd){ margin:0px 0 0px 0;}
.careersBtn{margin:20px 0 0px 0;}
.careersBtn a{ float: none; margin:0 auto; }
.careersName { margin:0 0px 10px 0; padding:10px;}
.careersName h1{ width:100%; height: auto; border-radius:5px; float: none;line-height:26px; font-size:26px;text-align: left; margin:0 20px 0 0; padding:10px 10px }
.careersName h2{ font-size:26px; line-height:26px; width:calc(100% - 0px); min-height:26px; padding:20px 0;}
.careersName h3{  width:calc(100% - 0px); min-height:26px; padding:20px 0;}

/*P8問與答*/
.qaBtn{  margin:20px 0 20px 0; overflow:hidden; text-align: center;}
#qaContent h3 { padding:3px 15px;}
.accordionPart {margin: 10px 15px 50px 15px;}
.accordionPart li {border-bottom: solid 1px #e3e3e3;padding-bottom: 12px;margin-top: 12px;}
.qa_title {background: url(../images/p8/icon.png) no-repeat 0px 5px;padding:0 0 0 40px;cursor: pointer;color: #a5000d}
.qa_title_on { font-size:20px;}
.qa_content {margin: 10px 0 20px 28px; border:1px dashed #CCC; padding:15px 15px;}

/*P9最新消息*/
.newsList li{  padding:15px 0;}
.newsList li .date{ float:none; width:100%;  background:url(../images/index/icon.png) no-repeat 10px 8px; padding:0 0 0 30px;}
.newsList li a{ float: none; width:100%;padding:0 0 0 10px; }
.detailDate{ text-align: left; padding:0 5px;}
.newsSearch{ margin:10px 0 10px 0; text-align:right;}

/*P10網站地圖*/
.mapList li{ float: none;  line-height:50px; height:50px; margin:0 0 5px 0; }
.mapList li a{padding:0px 30px 0 30px; color:#a5000d; background:url(../images/sidebar/icon.png) no-repeat 10px;}
.mapList li a:hover{ color:#eb6100; background:url(../images/sidebar/icon_s.png)  no-repeat 10px;}
.mapList li:first-child{ width:100%;background:#eeeeee;position:relative;margin:0 0 10px 0; }
.mapList li:first-child a{ font-size:20px; color:#555; background:none;padding:0px 10px;}


	}