@charset "utf-8";
/**************************************************
= fix
********************/
.titlebar { display: none !important;}
.section { margin-bottom: 0px; padding-bottom: 0px;}
.section > .container {
  display: none !important;
}

.infoBox { position: relative; margin: 0px 0px 30px; padding: 0px;}
.infoBox h2 {
  clear: both;
  position: relative;
  margin: 0px auto 15px;
  text-align: center;
  letter-spacing: 1px;
  font-size: 22px;
  color: #593317;
  background: url(images/line_style01.png) no-repeat center center;
  border: none;
  font-family: "微軟正黑體"; 
}
.infoBox h2 .en {
  font-size: 18px;
  color: #c6a641;
  text-transform: uppercase;
  padding: 0 0 0 10px;
}
.infoBox h2 b { display: inline-block; position: relative; top: 0px; margin: 0px; padding: 0px 10px; background: #fff; border: none;}
.infoBox h3 { clear: both; position: relative; margin: 0px 0px 10px; padding: 0px; text-align: left; letter-spacing: 1px; color: #333; background: none; border: none;}
.infoBox p { margin: 0px 0px 30px; padding: 0px; text-align: center; line-height: 1.5em; font-size: 15px; color: #666;}

/*infoBoxA*/
.infoBoxA {
  padding: 40px 0px;
  border-top: 1px solid #e5e5e5;
  background-color: #f6f6f6;
  background-image: url(images/index-title-line.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}
.infoBoxA h2 { margin-bottom: 10px; background: none;}
.infoBoxA h2 b { background: none;}


@media screen and (max-width: 767px) {
.infoBox h2 b { padding: 0px 5px; letter-spacing: 0px;}
}

/**************************************************
= infoBoxAbout
********************/
.infoBoxAbout { margin: 0px; padding: 30px 0px;}
.infoBoxAbout h2 { margin-bottom: 10px; text-align: left; background: none;}
.infoBoxAbout h2 b { margin: 0px; padding: 0px;}
.infoBoxAbout h2 i { margin-right: 3px; color: #ff5a96;}
.infoBoxAbout p { margin: 0px 10px 30px 0px; text-align: left;}

@media screen and (max-width: 767px) {
.infoBoxAbout { display: none; padding: 20px 0px;}
}

/**************************************************
= infoBoxService
********************/
.infoBoxService {}
.infoBoxService div.service { position: relative; height: 260px; margin: 0px; padding: 50px 20px 30px 20px; overflow: hidden;}
.infoBoxService div.service h3 {
  display: inline-block;
  margin: 0px 0px 13px;
  padding: 0 0 15px 0;
  font-size: 20px;
  color: #959595;
  border-radius: 0px;
  font-family: "微軟正黑體";
  font-weight: bold;
}
.infoBoxService div.service h3 .en {
  color: #959595;
  font-size: 16px;
  font-family: Arial;
  font-weight: normal;
  display: block;
  margin: 8px 0 0 0;
}

.infoBoxService div.serviceA h3 { color: #003366; border-bottom: 1px solid #069; }
.infoBoxService div.serviceA h3 .en { color: #4095d2; }
.infoBoxService div.serviceB { text-align: center; }
.infoBoxService div.serviceB h3 { color: #427435; border-bottom: 1px solid #c2e198; text-align: center; }
.infoBoxService div.serviceB h3 .en { color: #82cb6f; }
.infoBoxService div.serviceC h3 { color: #833c11; border-bottom: 1px solid #d4bd9e; }
.infoBoxService div.serviceC h3 .en { color: #c6a641; }
.infoBoxService div.serviceD { text-align: right; }
.infoBoxService div.serviceD h3 { color: #e10a51; border-bottom: 1px solid #ebb3c8; }
.infoBoxService div.serviceD h3 .en { color: #e272b4; }
.infoBoxService div.serviceE { text-align: right; }
.infoBoxService div.serviceE h3 { color: #5b0066; border-bottom: 1px solid #bd9ac4; }
.infoBoxService div.serviceE h3 .en { color: #aa5bb1; }
.infoBoxService div.serviceF h3 { color: #aa131a; border-bottom: 1px solid #feb189; }
.infoBoxService div.serviceF h3 .en { color: #da8f6b; }


.infoBoxService div.service a { text-shadow: 2px 2px 5px #fff;}

.infoBoxService div.service > .extra {
  z-index: -1;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 250px;
  border-radius: 5px;
}
.infoBoxService div.service > .extra-left {
  background-position: left top;
}
.infoBoxService div.serviceA > .extra { background-image: url(images/img_serviceA.png); background-color: #e3f5fc;}
.infoBoxService div.serviceB > .extra { background-image: url(images/img_serviceB.png); background-color: #eaf2d3; background-position: center center;}
.infoBoxService div.serviceC > .extra { background-image: url(images/img_serviceC.png); background-color: #fcfcdb;}
.infoBoxService div.serviceD > .extra { background-image: url(images/img_serviceF.png); background-color: #fde6d5;}
.infoBoxService div.serviceE > .extra { background-image: url(images/img_serviceE.png); background-color: #e5ddef;}
.infoBoxService div.serviceF > .extra { background-image: url(images/img_serviceD.png); background-color: #f1d9d9;}
.infoBoxService div.service > .extra {
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
.infoBoxService div.service:hover > .extra { background-size: auto 270px;}

.infoBoxService ul { position: relative; left: -5px; margin: 0px; padding: 0px;}
.infoBoxService li { display: block; margin: 0px; padding: 0px; list-style-type: none; line-height: 1.7em; color: #aaa;}
.infoBoxService li i { font-size: 13px; margin: 0px 1px; font-weight: normal; }
.infoBoxService li a { padding: 5px 7px; white-space: nowrap; font-size: 13px; color: #333;}
.infoBoxService li a {
  -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
       -o-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.infoBoxService li a:hover { text-decoration: none; color: #fff !important; text-shadow: none; background: #ff69a5; border-radius: 3px;}
.infoBoxService div.service li:last-child::after { content: "…" !important; margin-left: 0px;}

.infoBoxService .serviceA li , .infoBoxService .serviceA li a{ color: #488caa;}
.infoBoxService .serviceA li a:hover { background: #45749b; }
.infoBoxService .serviceB li , .infoBoxService .serviceB li a{ color: #889958;}
.infoBoxService .serviceB li a:hover { background: #889958; }
.infoBoxService .serviceC li , .infoBoxService .serviceC li a{ color: #786d59;}
.infoBoxService .serviceC li a:hover { background: #786d59; }
.infoBoxService .serviceD li , .infoBoxService .serviceD li a{ color: #c34376;}
.infoBoxService .serviceD li a:hover { background: #c34376; }
.infoBoxService .serviceE li , .infoBoxService .serviceE li a{ color: #6f48aa;}
.infoBoxService .serviceE li a:hover { background: #6f48aa; }
.infoBoxService .serviceF li , .infoBoxService .serviceF li a{ color: #786d59;}
.infoBoxService .serviceF li a:hover { background: #786d59; }

@media screen and (max-width: 767px) {
.infoBoxService h2 { display: none;}
.infoBoxService li { line-height: 1.9em !important;}
.infoBoxService div.serviceA > .extra1 { z-index: -1; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background: url(images/img_gradualCircle.png) no-repeat center center; border-radius: 3px;}
.infoBoxService div.serviceA li { float: left; display: inline-block;}
.infoBoxService div.serviceA li a { padding: 1px 1px;}
}

/**************************************************
= infoBoxServiceB03
********************/
.infoBoxServiceB03 { position: relative; padding: 20px 0px;}
.infoBoxServiceB03 .blockB img, .infoBoxServiceB03 .blockB h3, .infoBoxServiceB03 .blockB p { margin: 0px; padding: 0px; border: none;}
.infoBoxServiceB03 .blockA {}
/*.infoBoxServiceB03 .blockA img { width: 100%;}*/
.infoBoxServiceB03 .blockB {
  position: relative;
  min-height: 310px;
  margin: 5px 0;
  /*background: #fff;
  border-radius: 8px;*/
}
.infoBoxServiceB03 .blockB * { text-align: left !important;}
.infoBoxServiceB03 .blockB .title {
  padding:0px 0 10px 0;
  background: url(images/index-title-line.jpg) repeat-x bottom;
}
.infoBoxServiceB03 .blockB .title h3 {
  color: #593317;
  font-size: 1.1em;
  font-family: "微軟正黑體";
  font-weight: bold;
  letter-spacing: 0px;
  margin-bottom: 5px;
}
.infoBoxServiceB03 .blockB .title h3 .en{
  color: #c6a641;
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 0 0 15px;
}
.infoBoxServiceB03 .blockB p { margin-bottom: 15px; margin-right: 10px; font-size: 1em; color: #333;}
.infoBoxServiceB03 .blockB .btnMore {
  text-decoration: none;
  font-size: 13px;
  color: #9b7355;
  position: absolute;
  top: 0px;
  right: 20px;
}
.infoBoxServiceB03 .blockB .btnMore:hover {
  color: #DD6104;
  font-weight: bold;
}
.infoBoxServiceB03 .blockB .btnMore:before {
  font-size: 17px;
  content:"+";
  padding: 0 3px 0 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
.infoBoxServiceB03 .blockB {
  min-height: 300px;
  margin-top: 0px;
  margin-top: 0px;
  width: 100%;/*新增*/
}
.infoBoxServiceB03 .blockB img.title { margin-top: -15px;}
.infoBoxServiceB03 .blockB h3 { margin-bottom: 2px; font-size: 1.1em;}
.infoBoxServiceB03 .blockB p { margin-bottom: 10px; font-size: 0.88em;}
}

@media screen and (max-width: 768px) {
.infoBoxServiceB03 .blockB { background: none; padding: 0px 20px;}
}

@media screen and (max-width: 767px) {
.infoBoxServiceB03 .blockB { background: none; padding: 0px 20px 10px;}
.infoBoxServiceB03 .blockB p { font-size: 1em;}
.infoBoxServiceB03 .blockB ul li { text-align: center !important;}
.infoBoxServiceB03 .blockB ul li img { margin-bottom: 10px !important;}
/*.infoBoxServiceB03 .blockB .btnMore { clear: both; display: block; position: relative; top: 10px; right: 0px;}*/
.infoBoxServiceB03 .blockB .btnMore a { padding: 5px 20px; font-size: 1.8em; border-radius: 5px;}
}


/**************************************************
= infoBoxMedia
********************/
.infoBoxMedia { position: relative; padding: 0 0 20px 0;}
.infoBoxMedia .blockA img, .infoBoxServiceB03 .blockA h3, .infoBoxServiceB03 .blockA p { margin: 0px; padding: 0px; border: none;}
.infoBoxMedia .blockA {
  position: relative;
  min-height: 310px;
  margin: 5px 0;
  /*background: #fff;
  border-radius: 8px;*/
}
.infoBoxMedia .blockA * { text-align: left !important;}
.infoBoxMedia .blockA .title {
  margin: 0px 0 15px 0 !important;
}
.infoBoxMedia .blockA .title h3 {
  color: #593317;
  font-size: 1.1em;
  font-family: "微軟正黑體";
  font-weight: bold;
  letter-spacing: 0px;
  margin-bottom: 5px;
}
.infoBoxMedia .blockA .title h3 .en{
  color: #c6a641;
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 0 0 15px;
}
.infoBoxMedia .blockA p { margin-bottom: 15px; margin-right: 10px; font-size: 1em; color: #333;}
.infoBoxMedia .blockA .btnMore {
  text-decoration: none;
  font-size: 13px;
  color: #9b7355;
  position: absolute;
  top: 0px;
  right: 20px;
}
.infoBoxMedia .blockA .btnMore:hover {
  color: #DD6104;
  font-weight: bold;
}
.infoBoxMedia .blockA .btnMore:before {
  font-size: 17px;
  content:"+";
  padding: 0 3px 0 0;
}

/**************************************************
= infoBoxServiceE
********************/
.infoBoxServiceE { padding-bottom: 30px;}
.infoBoxServiceE div.row > div div { margin-bottom: 20px;}
.infoBoxServiceE a img { border: 5px solid #fff; border-radius: 8px;}


/**************************************************
= 熱門搜尋
********************/
.search {
  color: #614a00;
  font-size: 16px;
  height: 38px;
  padding: 8px 0 0 20px;
  background-image: url(images/header_bg-line.jpg);
  background-repeat: repeat-y;
}
.search form {
  float: left;
  background: url(images/search-line.jpg) repeat-y right;
  margin-right: 27px;
  padding-right: 15px;
}
.search form .txt {
  height: 24px;
  width: 170px;
  border: none;
  padding:0;
  margin:0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.search form .btn {
  background-image: url(images/inco-search.png);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  height: 25px;
  width: 20px;
  margin: -5px 0 0 0;
}
.search form .btn:hover {
  background-position: 0px -20px;
}
.search .searchHot a {
  color: #614a00;
  display: inline-block;
  padding: 1px 0;
}
.search .searchHot a:hover {
  color: #DD6104;
}




/*最新消息-----------------------------------------------*/
.InewsList li {
  padding: 15px 0 !important;
  display: block;
  background: url(images/news-line.jpg) repeat-x bottom;
}
.InewsList li .pic img{
  /*height:94px;*/
  border: solid 2px transparent;
  /*width: 100%;*/
}
.InewsList li .inner {
  font-size:13px;
  /*width: 72%;*/
  padding:0;
  margin:0;
}
.InewsList li .inner h4 {
  color: #846000;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.5px;
  padding:0;
  margin: 10px 0 5px 0;
}
.InewsList li .inner .info {
   color:#555555 !important;
   letter-spacing: 1.5px;
}
.InewsList li:hover {
  background-color: #F1F1DC;
}
.InewsList li:hover .pic img {
  border: solid 2px #e9bf00;
}
.InewsList li:hover .inner h4{
  color: #DD6104;
}
.InewsList li:hover .inner .info {
   color:#837d5f !important;
}
/*醫療團隊-----------------------------------------------*/
.Iteam {
  margin: 15px 0 0 0;
  height:225px;
}
.Iteam .pic {
  background-color: #fdf0a7;
}
.Iteam .inner {
  height:225px;
  border-top: 1px solid #e8dc92;
  border: 1px solid #e8dc92;
background: #fffffd; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #fffffd 49%, #fefdee 86%, #fcfae5 86%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(49%,#fffffd), color-stop(86%,#fefdee), color-stop(86%,#fcfae5)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #fffffd 49%,#fefdee 86%,#fcfae5 86%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #fffffd 49%,#fefdee 86%,#fcfae5 86%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #fffffd 49%,#fefdee 86%,#fcfae5 86%); /* IE10+ */
background: radial-gradient(ellipse at center,  #fffffd 49%,#fefdee 86%,#fcfae5 86%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffd', endColorstr='#fcfae5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.Iteam .inner .info {
  padding: 28px 0 0 38px;
}
.Iteam .inner .info p {
  color:#837d5f;
  font-size: 13px;
  line-height: 6px !important;
}
.Iteam .inner h2.name {
  color: #593317;
  font-size: 210%;
  font-weight: 900;
   margin: -5px 0 6px 0;
}
.Iteam .inner h2.name .jobTitle {
  font-size: 16px;
  margin: 0 0 0 12px;
}
.Iteam .inner h3.nickName {
  color: #ab7409;
  font-size: 150%;
  font-weight: 900;
  letter-spacing: 5px;
  margin: 0 0 20px 0;
}
.Iteam .inner .IteamBtn {
  text-align: center !important;
  margin:25px 0 0 0!important;
}
.Iteam .inner .IteamBtn a {
  color: #5b3418;
  font-size: 13px;
  letter-spacing: 1pt;
  text-align: center !important;
  width: 100px;
  padding: 0;
  display: inline-block;
  border-left: #dfc26b solid 1px;
  border-right: #FFF solid 1px;
  background: #ebc200; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #ebc200 0%, #fff693 20%, #f0cf52 43%, #f0cf52 66%, #fff492 87%, #f0cf52 95%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ebc200), color-stop(20%,#fff693), color-stop(43%,#f0cf52), color-stop(66%,#f0cf52), color-stop(87%,#fff492), color-stop(95%,#f0cf52)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #ebc200 0%,#fff693 20%,#f0cf52 43%,#f0cf52 66%,#fff492 87%,#f0cf52 95%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #ebc200 0%,#fff693 20%,#f0cf52 43%,#f0cf52 66%,#fff492 87%,#f0cf52 95%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #ebc200 0%,#fff693 20%,#f0cf52 43%,#f0cf52 66%,#fff492 87%,#f0cf52 95%); /* IE10+ */
  background: linear-gradient(135deg,  #ebc200 0%,#fff693 20%,#f0cf52 43%,#f0cf52 66%,#fff492 87%,#f0cf52 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebc200', endColorstr='#f0cf52',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.Iteam .inner .IteamBtn a:hover {
  color: #FFF;
  text-decoration: none;
  background: rgb(223,194,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(223,194,107,1) 0%, rgba(214,156,64,1) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,194,107,1)), color-stop(64%,rgba(214,156,64,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(223,194,107,1) 0%,rgba(214,156,64,1) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(223,194,107,1) 0%,rgba(214,156,64,1) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(223,194,107,1) 0%,rgba(214,156,64,1) 64%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(223,194,107,1) 0%,rgba(214,156,64,1) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc26b', endColorstr='#d69c40',GradientType=0 ); /* IE6-9 */
}


/*美麗見證-----------------------------------------------*/
#cases_list {
  margin: 20px 0 0 0;
  padding: 0 0 30px 0;
  border-bottom: dotted #b2a093 1px;
}
#cases_list li {
  height: 240px;
  margin: 0 0.1%;
  padding: 0;
  display: block;
  position: relative;
}
#cases_list li:nth-child(3n) {
  background: #ebf2d7; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #ebf2d7 0%, #e9f4c8 68%, #d9e9a9 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ebf2d7), color-stop(68%,#e9f4c8), color-stop(100%,#d9e9a9)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #ebf2d7 0%,#e9f4c8 68%,#d9e9a9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #ebf2d7 0%,#e9f4c8 68%,#d9e9a9 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #ebf2d7 0%,#e9f4c8 68%,#d9e9a9 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #ebf2d7 0%,#e9f4c8 68%,#d9e9a9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2d7', endColorstr='#d9e9a9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#cases_list li:nth-child(3n+1) {
  background: #efe1e1; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #efe1e1 0%, #f1d9d9 68%, #f4d0d0 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#efe1e1), color-stop(68%,#f1d9d9), color-stop(100%,#f4d0d0)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #efe1e1 0%,#f1d9d9 68%,#f4d0d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #efe1e1 0%,#f1d9d9 68%,#f4d0d0 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #efe1e1 0%,#f1d9d9 68%,#f4d0d0 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #efe1e1 0%,#f1d9d9 68%,#f4d0d0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe1e1', endColorstr='#f4d0d0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#cases_list li:nth-child(3n+2) {
  background: #d7e3e8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #d7e3e8 0%, #d0e3ea 67%, #c1e1ec 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d7e3e8), color-stop(67%,#d0e3ea), color-stop(100%,#c1e1ec)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #d7e3e8 0%,#d0e3ea 67%,#c1e1ec 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #d7e3e8 0%,#d0e3ea 67%,#c1e1ec 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #d7e3e8 0%,#d0e3ea 67%,#c1e1ec 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #d7e3e8 0%,#d0e3ea 67%,#c1e1ec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e3e8', endColorstr='#c1e1ec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#cases_list li a {
	width:100%;
	display:block;
	text-decoration:none;
}
#cases_list li a .pic{
	  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
     -moz-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
       -o-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
          transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
          transition: all .4s cubic-bezier(0.190, 1.000, 0.220, 1.000)\0;
}
#cases_list li a:hover .pic{
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
     -moz-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
       -o-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
          transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
          
  -webkit-transform: scaleX(1.04) scaleY(1.03);
  -moz-transform: scaleX(1.04) scaleY(1.03);
  -o-transform: scaleX(1.04) scaleY(1.03);
  -ms-transform: scaleX(1.04) scaleY(1.03);
  transform: scaleX(1.04) scaleY(1.03);
}
#cases_list li a .pic{
  /*width:120px;*/
  height: 240px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
}
#cases_list li a i {
  background-image: url(images/inco_case.png);
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  width: 18px;
  position: absolute;
  left: 99%;
  top: 70px;
}
#cases_list li a .inner {
  width: 42%;
  height: 220px;
  z-index: 100;
  background-color: #fdfefa;
  padding: 18px 15px;
  position: absolute;
  left: 15px;
  top: 10px;
  border-radius: 6px;
}
#cases_list li a .inner h4 {
  color: #875600;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.5px;
  padding: 0;
  margin: 0 0 10px 0;
  height: 22px;
  overflow: hidden;
}
#cases_list li a .inner .info{
  height: 145px;
  overflow: hidden;
}
#cases_list li a .inner .info p{
  color: #786d59;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 1px;
  text-align: left;
}
#cases_list li a .inner .info p:last-child::after { content: "…" !important; margin-left: 5px;}
#cases_list li a .inner .more {
  font-size: 13px;
  color: #875600;
  text-align: right ;
}
#cases_list li a .inner .more:before {
  font-size: 17px;
  content:"+";
  padding: 0 3px 0 0;
}
#cases_list li a:hover .inner h4{
  color:#DD6104;
}
#cases_list li a:hover .inner .info p {
  color: #8D8565;
}
#cases_list li a:hover .inner .more {
  color: #DDB700;
  font-weight: bold;
}
/*箭頭*/
/* #cases_list */
#cases_list .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent;
  margin: 0px;
  padding: 0px;
}

#cases_list .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

#cases_list .slick-prev, #cases_list .slick-next {
  position: absolute;
  display: block;
  width: 30px;
  height: 240px;
  /*height: 40px;*/
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 11px !important;
  /*margin-top: -10px;*/
  padding: 0;
  border: none;
  outline: none;
  z-index: 99;
}
:root #cases_list .slick-prev, #cases_list .slick-next {
  top: 0;/*ie9以上適用*/
}
#cases_list .slick-prev {
  left: -35px;
  background-image: url(images/arrow_case-l.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#cases_list .slick-prev:hover, #cases_list .slick-next:hover {
  background-color: #ffed8e;
  background-position: 0px bottom;
}
#cases_list .slick-next {
  right: -35px;
  background-image: url(images/arrow_case-r.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#cases_list .slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: none !important;
  text-align: center;
  padding: 0;
  width: 100%;
}
#cases_list .slick-prev:before { content: ""; }
#cases_list .slick-next:before { content: ""; }







@media (max-width: 995px) {

/*header*/
    .Iteam .pic {
      text-align: center !important;
    }
}




/* ==========================================================================
	banner [index]
 ========================================================================== */
#banner li {
	
  position:relative;
}
#banner li a{
  height:500px;
  display:block;
}
@media (max-width: 1024px) {
#banner li a{
	height:300px;
}
}
@media (max-width: 769px) {
#banner {
  margin:0 0 -10px 0;
}
#banner li a{
	height:210px;
}
}

/*圓點*/
#banner .slick-dots {
  bottom: 4%;
  margin:0;
}
#banner .slick-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 6px;
  text-indent: -999px;
  border-radius: 10px;
  cursor: pointer;
  background-color: #e7b600;
  background-image: url(images/inco-banner.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: 3px solid transparent;
}
#banner .slick-dots li.slick-active {
  background-color: #FFF;
  border: 3px solid #dba900;
  opacity: 0.8;
  background-image: none;
}
/*箭頭*/
#banner .slick-prev {
  left: 2%;
}
#banner .slick-prev:before {
  content: "<";
  color: #D6C274;
  font-size: 60px;
  font-family: Consolas;
  line-height: 25px;
}
#banner .slick-next { 
  right: 2%;
}
#banner .slick-next:before {
  content: ">";
  color: #D6C274;
  font-size: 60px;
  font-family: Consolas;
  line-height: 25px;
}
@media (max-width: 480px) {
    #banner .slick-prev {
      left: 0;
    }
    #banner .slick-prev:before {
      font-size: 30px;
      font-weight: bold;
    }
    #banner .slick-next { 
      right: 0;
    }
    #banner .slick-next:before {
      font-size: 30px;
      font-weight: bold;
    }
}
#banner .slick-prev, #banner .slick-next  {
  width:50px;
  height:50px;
  z-index: 9999 !important;
  display: block;
}
#banner .slick-prev:hover, #banner .slick-prev:focus, #banner .slick-next:hover, #banner .slick-next:focus {
  color: #FFF;
}


/* ==========================================================================
	media_list [index]媒體區塊
 ========================================================================== */
#media_list li{
	height:310px;
	position:relative;
}
#media_list li a{
  height: 310px;
  position:relative;
  display: block;
}
#media_list li .inner {
  font-size: 13px;
  line-height: 32px;
  width: 100%;
  height: 35px;
  padding: 3px 0 0 12%;
  margin: 0;
  background-color: #ececba;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
#media_list li a .inner .info {
  width:65%;
  display: block;
  color: #503300;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 32px;
  display: inline-block;
  height: 32px;
  overflow: hidden;
}
#media_list li:hover a .inner .info {
  color: #DD6104;
}
#media_list .inner time {
  color: #786d59;
  font-weight: bold;
  padding: 0 10px 0 0;
}
/*箭頭*/
#media_list .slick-dots {
  display: none !important;
}
#media_list .slick-prev {
  left: 0;
  /*left: 87%;*/
  top: 285px;
  border-right: 1px solid #963;
}
#media_list .slick-prev:before {
  content: "<";
  color: #b48818;
  font-size: 35px;
  font-family: Consolas;
}
#media_list .slick-next { 
  right: 0px;
  top: 285px;
  border-left: 1px solid #963;
}
#media_list .slick-next:before {
  content: ">";
  color: #b48818;
  font-size: 35px;
  font-family: Consolas;
}
#media_list .slick-prev, #media_list .slick-next  {
  width: 35px;
  height: 34px;
  padding: 0 0 0 8px;
  z-index: 10 !important;
  display: block;
}
#media_list .slick-prev:hover, #media_list .slick-prev:focus, #media_list .slick-next:hover, #media_list .slick-next:focus {
  background-color: #f1cc51;
}
@media (max-width: 480px) {
    #media_list .inner .info {
      width:55%;
    }
    #media_list .slick-prev:before {
      font-size: 30px;
    }
    #media_list .slick-next:before {
      font-size: 30px;
    }
    #media_list .slick-prev, #media_list .slick-next  {
      width: 30px;
      height: 34px;
    }
}



/*
#banner {
  width:70%;
  float:left;
}
@media (max-width: 769px) {
  #banner{
    width:100%;
    float: none;
  }
}

#bannerMv {
  width:29.5%;
  height:500px;
  float: right;
}

@media (max-width: 1024px) {
  #bannerMv{
  	height:300px;
  }
}

@media (max-width: 769px) {
  #bannerMv{
    width:100%;
    float: none;
    margin:10px 0 -10px 0;
  }
}
*/

#banner {
  width:70%;
  
  float:left;
}
#bannerMv {
  height:100%;
}
#bannerMv .pic {
  width:100%;
  height:40%;
}

#bannerMv .mv {
  height:60%;
}
@media (max-width: 769px) {
  #banner{
    width:100%;
    float: none;
  }
}

#bannerMv {
  width:29.5%;
  height:500px;
  float: right;
}



@media (max-width: 1024px) {
  #bannerMv{
  	height:300px;
  }
}

@media (max-width: 769px) {
  #bannerMv{
    width:100%;
    height:auto !important;
    float: none;
    margin:10px 0 -10px 0;
  }
  #bannerMv .pic {
    height:auto;
  }
  #bannerMv .pic img {
    width:100%;
    height:auto;
  }
  #bannerMv .mv {
    height:450px;
  }
}
@media (max-width: 480px) {
  #bannerMv .mv {
    height:300px;
  }
}