@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600);
body,div,ul,li,form,button,header,footer,nav,input,textarea,th,td,span,p,select,h1,h2,h3,h4,h5,h6{ 
font-family:'Open Sans', Verdana, Geneva,'Microsoft JhengHei',"微軟正黑體", sans-serif;}
h1,h2,h3,h4,h5,h6{  margin:0 0 1em 0; padding:0; }
body { margin:0; background: #f6f6f7 ; color:#666666 ; padding:0}
html,body {  font-size:100%; -webkit-text-size-adjust:100% ; height: 100%;  min-height: 100% !important;} /*for ipad*/

*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

a, a h1, a h2, a h3, a h4, a h5, a h6{ color:#0b0b0b; text-decoration: none ; 
-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s;     
}
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color:#ed1e23; text-decoration: none}
a img{ border:0px; }
.clearFix{clear:both}

h6{ font-size:1em; line-height:1.5em;}
h5{font-size:1.125em; /*18px/16px*/line-height:1.3125em;  /*21px/16px*/color: #000;}
h4{ font-size:1.3125em; /*21px/16px*/ line-height:1.3125em;/*25px/16px*/}
h3{ font-size:1.625em;/*26px/16px*/ line-height:1.2em;/*30px/16px*/}
h2{ font-size:1.875em;/*30px/16px*/ line-height:1.2em;/*34px/16px*/}
h1{ font-size:2em;/*32px/16px*/ line-height:1.2em;/*36px/16px*/}

input {border:1px solid #d4d4d4; height:3.2em; line-height:3.2em; vertical-align:middle; background:#f6f6f7; color:#121212; padding:0 5px; font-size:0.9375em; outline:0 !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input:hover, textarea:hover, input:focus, textarea:focus{border:1px solid #999;}
textarea{border:1px solid #d4d4d4; background:#f6f6f7; color:#121212; padding:5px; width:100%; font-size:0.9375em;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input[type=checkbox] { border:0px\9; background:none; width:auto !important; height:auto !important;}
select {border:0px; height:2.8em; line-height:2.8m; background: transparent; color:#666; vertical-align:middle; font-size:0.9375em; padding: 0 0 0 5px;}
select:hover, select:focus{border:0px; background: transparent ; color:#333;}
input[type="radio"]{border:0px\9; background:none; vertical-align:middle;  width:auto !important; height:auto !important;}

.selector {width:161px;  display:inline-block; overflow:hidden; 
	background:url(../../images/select_arrow.png) right 14px no-repeat ; border:1px solid #d4d4d4;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-background-size: 25px 18px; -moz-background-size: 25px 18px; -o-background-size: 25px 18px; background-size: 25px 18px;}
.selector:hover{ background:url(../../images/select_arrow.png) right 14px no-repeat ;border:1px solid #999;
-webkit-background-size: 25px 18px; -moz-background-size: 25px 18px; -o-background-size: 25px 18px; background-size: 25px 18px;}
.selector select { width:181px; cursor:pointer; }

.selectorGrey {width:161px;  display:inline-block; overflow:hidden; 
	background:url(../../images/select_arrow_2.png) right 14px no-repeat #e3e3e3; border:0px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-background-size: 25px 18px; -moz-background-size: 25px 18px; -o-background-size: 25px 18px; background-size: 25px 18px;}
.selectorGrey:hover{ background:url(../../images/select_arrow_2.png) right 14px no-repeat #e3e3e3;border:0px;
-webkit-background-size: 25px 18px; -moz-background-size: 25px 18px; -o-background-size: 25px 18px; background-size: 25px 18px;}
.selectorGrey select { width:181px; cursor:pointer; }

.btn{ text-align:center;  margin:15px 0;}
a.btnRed, a.btnRed2, a.btnGrey, input.btnRed{ height:2.8em; line-height:2.8em; text-align:center; padding:0 3em; display:inline-block; 
 vertical-align:middle; font-size:0.9375em ;
-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.contact .box2  input {margin-bottom: 0;}
.contact input.btnRed{width: auto; cursor: pointer; }
a.btnRed, input.btnRed{ background:#ed1e23; border:1px solid #ed1e23; color:#fff; }
a.btnRed:hover, input.btnRed:hover{background:#333; border:1px solid #333; color:#fff;}

a.btnRed2{ background:#f6f6f7; border:1px solid #ed1e23; color:#ed1e23;}
a.btnRed2:hover{background:#333; border:1px solid #333; color:#fff;}

a.btnGrey{ background:#8c8c8c; border:1px solid #8c8c8c; color:#fff;}
a.btnGrey:hover{background:#333; border:1px solid #333; color:#fff;}


header, nav{display:block}
.back { text-align:right; position:relative; margin-top:40px;}
.back div{ position:absolute; height:1px; width:22px; background:#666; right:2px; top:-10px; }
.back a { color:#666;font-size:0.875em;}
.back a:hover { color:#000;}


/*-------------------------------------基本設定-------------------------------------------*/

.wrap {height:100%; width:100%;} /*外層裝所有物件除了縮小選單*/
.mCanvas {min-height:100%; position:relative;}
a.logo img{ width:58px; height:58px; display:block;}

.Table { display:table; width:100%;}
.Td, .Td_1, .Td_2, .Td_3, .Td_4, .Td_5 { display:table-cell; width:auto;}
.commonWith{ width:1180px; padding:0 50px 70px 50px; margin:0 auto;}

/*footer*/
.bottom_height{height:95px; clear:both;}/*撐住footer高度*/
footer { width:100%; position:absolute; left:0; bottom:0; background:#1c1c1c; color:#333333; padding:2em ; }
footer a {  color:#fff;} 
footer span {color:#666666; white-space: nowrap;}
footer span a {color:#666666;}
footer span.R {color:#4e4e4e; display:block;}
footer .link { width:40%; float: right; text-align:right; font-size:0.875em;}
footer .copy { width:60%; float: right; font-size:0.8125em;}
footer .link a { color:#e2e2e2; margin-left:2em; white-space: nowrap;}
footer .link a:hover { color:#fff;}

/*共用編輯器*/
.edit{ font-size:0.9375em; line-height: 1.5; color: #212121;}/*2023*/
.edit img{ max-width:100%; height: auto !important;}
.edit a{ color:#121212; text-decoration:underline;}
.edit a:hover{ color:#999; }

/*自適應影片*/
.videoIframe{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.videoIframe iframe,
.videoIframe object,
.videoIframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*--------------------------------------------------------------------------------*/

/*官網友善連結*/
.silde_share {position: fixed; right:1.1em; top:30%; width:40px; z-index:999999}
.silde_share a{ background-image:url(../../images/icon_share_2.png); background-repeat:no-repeat; width:40px; height:40px; display:block; 
                 color:#fff; line-height:40px; text-align:center; font-size:0.875em; letter-spacing:-0.5px; padding-right:2px; margin:0.5em 0;
                -webkit-background-size: 80px 240px; -moz-background-size:  80px 240px; -o-background-size:  80px 240px; background-size: 80px 240px;
				-o-transition:all 0s ease 0s;
                 -webkit-transition:all 0s ease 0s;
                 -moz-transition: all 0s ease 0s;
                transition: all 0s ease 0s; }
.indexBox .silde_share a{ background-image:url(../../images/icon_share_1.png); }/*首頁用*/
.silde_share a.Fb { background-position: 0 0;}
.silde_share a.Fb:hover { background-position: -40px 0;}
.silde_share a.Ig { background-position: 0 -40px;}
.silde_share a.Ig:hover { background-position: -40px -40px;}
.silde_share a.Yt { background-position: 0 -80px;}
.silde_share a.Yt:hover { background-position: -40px -80px;}
.silde_share a.Vimeo { background-position: 0 -120px;}
.silde_share a.Vimeo:hover { background-position: -40px -120px;}
.silde_share a.lan { background-position: 0 -160px;}
.silde_share a.lan:hover { background-position: -40px -160px;}
/*footer 官網友善連結*/
footer .silde_share { display:none; position:static; right: auto; top: auto; width:100%; text-align:center;}
footer .silde_share a { display:inline-block; margin:0 0.3em; opacity:0.6;}
footer .silde_share a:hover { opacity:1;}
.indexBox footer .silde_share a{ background-image:url(../../images/icon_share_2.png); }

/*首頁背景*/
.indexBG { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
 height:100%; padding:105px 0 0 0;
/*background: url("../../images/impact_1.jpg") !important;*/}

/*手機選單-----------------------------*/
.sb-2.right.push{display:none ;}
.mobileMenu { position:relative; display: block; padding:1.375em 1.5em;}
.mobileMenu .logo { display:block;  z-index:16;}

.fixed-header-offset {
	margin-top: 105px;
	/*height: -webkit-calc( 100% - 100px );
	height:    -moz-calc( 100% - 100px );
	height:         calc( 100% - 100px );*/
	height: auto;
	}
.indexBox .fixed-header-offset{
	margin-top: 0;
	height: auto !important; }/*首頁用*/
.fixed-header {
	display: block;
	width: 100%;
	height: 105px;
	position: fixed;
	top: 0px;
	z-index: 1080; /* Must be higher than canvas container of 1 */
}
.fixed-header.shadow{
	/*-webkit-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);
box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);*/}
.menu-link { position:absolute; top: 1.5em; right:1em; cursor:pointer;}
.menu-link img{ width:45px;}

  .menu {font-size:1.125em; }
  .menu > ul ul { overflow: hidden; max-height: 0;background-color: #FFF;}
  .menu > li > ul.sub-menu {  }
  .menu.active, .menu > ul ul.active { max-height: 100%; }
  .menu ul { display: inline; }
  .menu li { display: block; }
  
  .menu a { padding: 0.9em 1.2em 0.9em 0; position: relative;display: block; text-decoration: none;}
  .menu a span { border-left:5px solid transparent; padding-left:1.5em;display: block;}/*2023*/
  .menu .sub-menu a span{ padding-left:0.9em;}
  
  .menu li.now a, .menu li.now a:hover {  color:#ed1e23;}/*當前頁面*/
  .menu li.now a span { border-left:5px solid #ed1e23;}
  .menu .sub-menu li.now a span { border-left:5px solid transparent;}
  
  .menu li.has-sub-menu > a:after {
    content: ' ';
	background:url(../../images/icon_nav_arrow_1.png) 0 0 no-repeat;
	-webkit-background-size: 20px 20px; -moz-background-size:  20px 20px; -o-background-size:  20px 20px; background-size: 20px 20px;
    position: absolute;
    top: 19px;
    right: 20px;
    display: block; 
    font-size: 1.3em;
    padding: 12px 20px 20px 0;
	
  }
  .menu li.has-sub-menu > a.active:after {
    content: " ";
	background:url(../../images/icon_nav_arrow_2.png) 0 0 no-repeat;
	-webkit-background-size: 20px 20px; -moz-background-size:  20px 20px; -o-background-size:  20px 20px; background-size: 20px 20px;
	font-size: 1.3em;
  }
  
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
  .menu > ul > li > a { border-top:1px solid transparent;}
  .menu > ul > li > a:hover {background: #FFF;  border-top:1px solid #eaeaea;color:#000;}
  .menu > ul > li > a.active { background: #FFF;  border-top:1px solid #eaeaea;}
  .menu ul ul  { padding-left: 1.8em;}
  .menu .sub-menu a { color:#7b7b7b; border-top:0px;/* background:url(../../images/dot.png) 0 1.4em no-repeat;
   -webkit-background-size: 7px 7px; -moz-background-size:  7px 7px; -o-background-size:  7px 7px; background-size: 7px 7px;*/}
  .menu .sub-menu a:hover{ color:#000; }
  .menu .sub-menu li.now a { color:#ed1e23; /*background:url(../../images/dot_red.png) 0 1.4em no-repeat;
   -webkit-background-size: 7px 7px; -moz-background-size:  7px 7px; -o-background-size:  7px 7px; background-size: 7px 7px;*/}
  
  .menu li.lan { display:none; background:#e4e4e4;}
  .menu ul li > a { /*height:auto; padding:25px 20px 25px 20px*/}
  .menu ul ul > li a {/* padding:15px 20px 15px 20px; height: auto;*/ }

/*首頁9宮格*/
.iMain ul { margin:0; padding:0; list-style:none;}
.iMain li { width:30% ;float:left; margin:0.9375em 1.5%;  height:200px; text-align:center; position:relative;}
.iMain h5 { position: relative; top:50%; transform:translateY(-50%); display:inline-block; font-weight:lighter; z-index:20; }
.iMain a { width:100%; height:100%; display:block}
.iMain a h5, .iMain a:hover h5 { color:#ffffff !important;}
.iMain h5 span{ display:block; letter-spacing:0;}
.iMain li.s6 h5 span{ letter-spacing:0.8px; font-size: 0.75em; width:190px; margin: 0 auto; line-height: 1.3em;}

.iMain .line { position:absolute; width:40px; height:1px; background:#ed1e23;}
.iMain li.s1 .line, .iMain li.s5 .line, .iMain li.s7 .line { left:-1.2em; bottom:-0.1em; 
-webkit-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  }
.iMain li.s3 .line, .iMain li.s9 .line { right:-1.2em; bottom:-0.1em;
-webkit-transition: right 0.3s ease-in-out;
  -moz-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
  }
.iMain li.s2 .line, .iMain li.s4 .line, .iMain li.s6 .line { right:-1.2em; top:-0.1em;
-webkit-transition: right 0.3s ease-in-out;
  -moz-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
  }
.iMain li.s8 .line { left:-1.2em; top:-0.1em;
-webkit-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  }
.iMain li.s1:hover .line, .iMain li.s5:hover .line, .iMain li.s7:hover .line, .iMain li.s8:hover .line  { left:0;}
.iMain li.s2:hover .line, .iMain li.s3:hover .line, .iMain li.s4:hover .line, .iMain li.s6:hover .line, .iMain li.s9:hover .line  { right:0;}

.iMain li .box {position:absolute; width:35%; height:50%;}

.iMain li.s1 {}
.iMain li.s1 .box{  left:0; top:0; border-top: 1px solid rgba(255, 255, 255, .3);border-left: 1px solid rgba(255, 255, 255, .3); }
.iMain li.s2 {border: 1px solid rgba(255, 255, 255, .3);}
.iMain li.s3 {}
.iMain li.s3 .box{ right:0; top:0; border-top: 1px solid rgba(255, 255, 255, .3);border-right: 1px solid rgba(255, 255, 255, .3); }
.iMain li.s4 {border: 1px solid rgba(255, 255, 255, .3);}/*舞作*/
.iMain li.s5 {}/*舞作*/
.iMain li.s6 {border: 1px solid rgba(255, 255, 255, .3);}/*video*/
.iMain li.s7 {}
.iMain li.s7 .box{ left:0; bottom:0; border-bottom: 1px solid rgba(255, 255, 255, .3);border-left: 1px solid rgba(255, 255, 255, .3); }
.iMain li.s8 {border: 1px solid rgba(255, 255, 255, .3);}
.iMain li.s9 {}
.iMain li.s9 .box{right:0; bottom:0; border-bottom: 1px solid rgba(255, 255, 255, .3);border-right: 1px solid rgba(255, 255, 255, .3); }
 
.iMain li.s4 .ph, .iMain li.s5 .ph, .iMain li.s6 .ph { width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;
	background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
	-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.iMain li.s4 a:hover .ph, .iMain li.s5 a:hover .ph, .iMain li.s6 a:hover .ph { opacity:1;}
.iMain li.s4 .ph div, .iMain li.s5 .ph div, .iMain li.s6 .ph div {width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../../images/i_ph_black.png);
	background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}


/*.impact { width: 100%; height: 409px;}
.impact img{ width:100%;}
.impact .swiper-slide {}
.impact .swiper-slide a{}*/

/*內頁共用---------------------------------------------------------*/
.innerT { text-align:center; margin-bottom:2.5em;}
.innerT h3 { font-weight:lighter; display:block; position:relative; color:#0b0b0b; margin-bottom:0; padding:0 0 0 0.5em;}
.innerT h3 .line { /*position:absolute; */width:40px; height:1px; background:#ed1e23; display:inline-block; margin:0 0 -0.3em -1em;}
.innerT .date { color:#ed1e23;margin:0.5em; font-family: Georgia; font-style:italic; display: inline-block;}
.innerT .author{color:#999999; font-size:0.9375em; display: inline-block;margin: 0.5em;}
/*pages*/
.pages { text-align:center; padding:1em 0; clear: both;}
.pages a{ margin: 0 0.5em; display:inline-block; color: #999999}
.pages a:hover{ color:#000;}
.pages a.active{ color:#000;}

/**/
.basic { margin-top:3.5em;}

/*分享連結*/
.inner_share { text-align:center; font-size:0.875em; color:#999;border-bottom:1px solid #dbdbdb; padding-bottom:1em; margin-bottom:1.5em;}
.inner_share a{ background-image:url(../../images/icon_share_3.png); background-repeat:no-repeat; width:40px; height:40px; display: inline-block; 
                 margin:0; vertical-align:middle;
                -webkit-background-size: 200px 80px; -moz-background-size: 200px 80px; -o-background-size: 200px 80px; background-size: 200px 80px;
				-o-transition:all 0s ease 0s;
                 -webkit-transition:all 0s ease 0s;
                 -moz-transition: all 0s ease 0s;
                transition: all 0s ease 0s; }
.inner_share a.Fb { background-position: 0 -3px;}
.inner_share a.Fb:hover { background-position: 0 -43px;}
.inner_share a.Google { background-position: -40px -3px;}
.inner_share a.Google:hover { background-position: -40px -43px;}
.inner_share a.Weibo { background-position: -80px -3px;}
.inner_share a.Weibo:hover { background-position: -80px -43px;}
.inner_share a.Twitter { background-position: -120px -3px;}
.inner_share a.Twitter:hover { background-position: -120px -43px;}
.inner_share a.linkin { background-position: -160px -3px;}
.inner_share a.linkin:hover { background-position: -160px -43px;}


/*2023*/
.pinkBG .pageBack a {color:#212121;}
.pinkBG .inner_share{color:#212121;border-bottom:1px solid #333;}
.pinkBG .inner_share a{ background-image:url(../../images/icon_share_3_2.png);}


/*上下頁*/

.pinkBG .pageBox a {color:#0b0b0b;}

.pageBox { display:table; width:100%; margin:2em 0 1.5em 0; font-size:0.875em; }
.previous{ display:table-cell; width:48%; padding-right:2%;}
.next {display:table-cell; width:auto; padding-left:2%;}
.previous .Td_1 { width:40px; vertical-align:middle; padding:0 1.5% 0 0;}
.next .Td_2 { width:40px; vertical-align:middle; padding:0 0 0 1.5%;}
.pageBox .previous .arrow, .pageBox .next .arrow {
	background-image:url(../../images/icon_arrow_2.png); background-repeat:no-repeat; width:40px; height:40px; display: block; 
                 margin:0; vertical-align:middle;
                -webkit-background-size: 80px 80px; -moz-background-size: 80px 80px; -o-background-size: 80px 80px; background-size: 80px 80px;
				-o-transition:all 0s ease 0s;
                 -webkit-transition:all 0s ease 0s;
                 -moz-transition: all 0s ease 0s;
                transition: all 0s ease 0s;}
.pageBox .next .arrow { background-position: -40px 0;}
.pageBox .next a:hover .arrow { background-position: -40px -40px;}
.pageBox .previous a:hover .arrow { background-position: 0 -40px;}

.previous .Td_2 { vertical-align:middle; }
.next .Td_1 { vertical-align:middle;  text-align:right;}
.pageBox a{  color:#999;}
.pageBox a:hover{color:#ed1e23;}

.pageBack { text-align:center; font-size:0.875em;}
.pageBack a{ margin-left:0.5em; color:#999; text-decoration:underline;}
.pageBack a:hover{color:#ed1e23;}


/*最新消息-----------------------------------------------*/
/*.newsList{}
.newsList ul { margin: 0 0 0 -5.1%; padding:0; list-style:none;}
.newsList li { margin:0 0 1em 5.1%; width:28.2%; float:left;height:440px;}
.newsList .ph, .newsList .text { text-align:center;}
.newsList h5 { margin: 1em 0 0.4em 0;font-weight:normal;}
.newsList h5 a { color:#0b0b0b;}
.newsList h5 a:hover { color:#ed1e23;}
.newsList .ph img { max-width:100%;}
.newsList .date { color:#ed1e23; font-size:0.9375em; margin-bottom:0.5em ; font-family: Georgia; font-style:italic;}
.newsList .dec {font-size:0.9375em; color: #999}

.newsList li.first { margin:0 0 3.5em 5.1%; width:94.9%; float:none; height:auto; display:table;}
.newsList li.first  h5 { font-size:1.1666em;}
.newsList li.first .ph { display:table-cell; width:64.8%; vertical-align:top;}
.newsList li.first .text { display:table-cell; width:auto; vertical-align:middle; padding-left:5.1%; }*/

.newsList{}
.newsList ul { margin:0;padding:0; list-style:none;}
.newsList li {  display:table;  margin:0 0 3em 0; width:100%; float:none; height: auto;}
.newsList .ph{ display:table-cell; width:40%; vertical-align:top;text-align:left;}
.newsList .text { display:table-cell; width:auto; vertical-align:middle; padding-left:2.5em; text-align:left;}
.newsList h5 { margin: 0 0 0.1em 0; font-weight:normal;/*font-size:1.125em;*/}
.newsList h5 a { color:#0b0b0b;}
.newsList h5 a:hover { color:#ed1e23;}
.newsList .ph img { max-width:100%;}
.newsList .date { color:#ed1e23; font-size:0.9375em; margin-bottom:1em ; font-family: Georgia; font-style:italic;}
.newsList .dec {font-size:0.9375em; color: #999}

/*最新消息。、媒體報導、精選 內頁共用*/
.newsInner { width: 860px; margin: 0 auto;}
.newsInner .ph { margin-bottom:2em;}
.newsInner .ph img { max-width:100%;}
.newsInner h5.othersT  { background:#333333; color:#fff; padding:0.2em 1em; margin: 3em 0 0.5em 0; display:inline-block;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/*次選單Tab*/
.aboutTab { border-bottom: 1px solid #dbdbdb; margin-bottom:3em;}
.aboutTab ul { margin:0 0 -1px 0; padding:0; list-style:none; text-align:center;}
.aboutTab li { display:inline-block;  white-space: nowrap;}
.aboutTab li a.active .line{ position:absolute; bottom:0; right:-23px; background:url(../../images/tab_slash.png) bottom left no-repeat; width:22px; height:39px;
-webkit-background-size: 22px 40px; -moz-background-size: 22px 40px; -o-background-size: 22px 40px; background-size: 22px 40px;}
.aboutTab a { color:#b7b7b7; width:100%; height:100%; display:block; padding: 0 1em 0.5em 1.3em; position:relative; border-bottom: 1px solid #dbdbdb;}
.aboutTab a:hover {color:#0b0b0b;}
.aboutTab a.active { color:#ed1e23;border-bottom: 1px solid #f6f6f7;}

/*鈕扣工作坊年份Tab*/
.yearTab {  margin-bottom:3em;}
.yearTab ul { margin:0 0 -1px 0; padding:0; list-style:none; text-align:center;}
.yearTab li { display:inline-block;  white-space: nowrap; margin: 0 0.5em 0.5em 0.5em;}
.yearTab li a.active .line{ position:absolute; bottom:0; left:0; background:#ed1e23; width:100%; height:1px;}
.yearTab a { color:#b7b7b7; width:100%; height:100%; display:block; padding: 0 0.2em 0.2em 0.2em; position:relative; border-bottom: 1px transparent;}
.yearTab a:hover {color:#0b0b0b;}
.yearTab a.active { color:#000;border-bottom: 1px solid #f6f6f7;}


/*藝術總監*/
.artD {  }
.artD .Td_1 { width:380px; }
.artD .ph {position: relative;}
.artD .line { position: absolute; right:-1.4em; top:50%; transform:translateY(-50%); width:46px; height:97px; background:url(../../images/ph_slash.png) 0 0 no-repeat;
-webkit-background-size: 46px 97px; -moz-background-size: 46px 97px; -o-background-size: 46px 97px; background-size: 46px 97px;}
.artD .Td_2 { padding-left:5.5%; vertical-align:middle; }
/*顧問*/
.aboutList {}
.aboutList ul { margin:0; padding:0; list-style:none; }
.aboutList li { margin: 0 0 3em 0; display:table; width:100%;}
.aboutList h4 { color:#0b0b0b; font-weight:lighter; margin-bottom:0.5em;}
.aboutList .Td_1 { width:380px; }
.aboutList .ph {position: relative;}
.aboutList .line { position: absolute; right:-1.4em; top:50%; transform:translateY(-50%); width:46px; height:97px; background:url(../../images/ph_slash.png) 0 0 no-repeat;
-webkit-background-size: 46px 97px; -moz-background-size: 46px 97px; -o-background-size: 46px 97px; background-size: 46px 97px;}
.aboutList .Td_2 { padding-left:5.5%; vertical-align:middle;}


/*顧問 列表2023*/
.aList {display:flex; flex-wrap:wrap; flex-direction:row;justify-content:flex-start;align-items:stretch; margin:0 0 2em -4%;}
.aList .item{ width: 21%; margin: 1em 0 1em 4%;}
.aList .ph{ position: relative;}
.aList .ph img{ width: 100%;}
.aList .name { text-align: center; padding: 0.5em 1em;}
.aList .ph::before{content:''; position: absolute; width:46px; height: 57px;left: -15px;bottom: -20px;
	background: url(../../images/ph_slash.png) 0 0 no-repeat;
-webkit-background-size: 46px 97px;
-moz-background-size: 46px 97px;
-o-background-size: 46px 97px;
background-size: 46px 97px;	
}

/*顧問 內頁2023*/
.aTop { }
.aTop .ph {max-width: 475px; margin: 0 auto; position: relative;}
.aTop .ph img {width: 100%; height: auto;}
.aTop .ph::before { content:''; position: absolute; width:45%; height: 1px;left: -38%;bottom: 30%; background: #ed1e23;}
.aTop .ph .cat { position: absolute; left:108%; bottom: 27%; width: 120px}
.aTop .ph .cat span { display: block; position: relative; color: #0b0b0b; font-size: 0.9375em;}
.aTop .ph .cat span::before  { content:''; position: absolute; width:43px; height: 1px;left: -53px; bottom: 50%; background: #ed1e23;}


.aTitle {
 background: url(../../images/p_title_slash.png) center center no-repeat;
text-align: center;
padding: 1.8em 0;
margin: -1em 0 2em 0;
-webkit-background-size: 117px 249px;
-moz-background-size: 117px 249px;
-o-background-size: 117px 249px;
background-size: 117px 249px;
z-index: 22;
position: relative;
}

.aTitle h1 {
  font-size: 1.125em;
  display: inline-block;
  margin: 0;
  padding: 0.5em;
  background: #f6f6f7;
  color: #0b0b0b;
}

.aTitle span{font-size: 0.875em;
  display: none;
  margin: 0;
  padding:  0 0.5em 0.5em 0.5em;
  background: #f6f6f7;
  color: #b2b2b2;}

.aTxt {  width: 860px;
  margin: 0 auto 3em auto;
}



/*歷年舞作-----------------------------------------------*/
.pList {}
.pList ul { margin: 0 0 0 -5.1%; padding:0; list-style:none;}
.pList li { margin:0 0 1em 5.1%; width:28.2%; float:left; height:300px; }
.pList .ph { text-align:center; position:relative;}
.pList .year { position:absolute; left:-1em; top:10%; transform:translateY(-10%); color:#ed1e23; font-size:1.3125em; font-family: Georgia; font-style:italic;}
.pList h5 { margin: 0.5em 0 0.4em 0; text-align:center;font-weight:normal;}
.pList h5 a { color:#0b0b0b;}
.pList h5 a:hover { color:#ed1e23;}
.pList .ph img { max-width:100%;}

/*歷年舞作 內頁*/
.pBox {width: 100%; position:relative;}
.pBox .review { position:absolute; right:5%; bottom:-2.5em; width:45%; 
background:url(../../images/ph_slash.png) right bottom no-repeat;min-height:97px; z-index:3;
-webkit-background-size: 46px 97px; -moz-background-size: 46px 97px; -o-background-size: 46px 97px; background-size: 46px 97px;}
.pBox .review div { text-align:right; color:#fff; font-size:1.125em; margin:15px 46px 0 0; padding-bottom:55px;}

.pImpact { width: 100%; height: 615px; position:relative;}
.pImpact  .black {  background: url(../../images/p_black.png) 0 bottom repeat-x; position:absolute; left:0; bottom:0;width: 100%; height:179px; z-index:2;}
.pImpact .swiper-slide { background-position: center; background-repeat:no-repeat;}

.swiper-pagination-bullet {
  width: 13px !important;
  height: 13px !important;
  background: transparent !important;
  opacity: 1 !important;
  border:3px solid #fff !important;
}

.swiper-pagination-bullet-active {
	border:transparent !important;
	opacity: 1 !important;
  background: #fff !important;
}

.pImpact .swiper-pagination-bullets { width:auto !important; left:5% !important;}

.pTitle { background:url(../../images/p_title_slash.png) center center no-repeat; text-align:center; padding:3em 0; margin:4.5em 0;
	-webkit-background-size: 117px 249px; -moz-background-size: 117px 249px; -o-background-size: 117px 249px; background-size: 117px 249px;}
.pTitle h1 {font-size:3em; display:inline-block; margin:0; padding:0.3em; background:#f6f6f7; font-weight:lighter; color:#0b0b0b;}
.pTitle h1 span { display:block; font-size:0.5em; color:#ed1e23;font-family: Georgia; font-style:italic; line-height:1em;}

.pInfo { text-align:center;}
.pT { text-align:center; margin-bottom:2.5em;}
.pT h3 { font-weight:lighter; display:inline-block; position:relative; color:#0b0b0b; margin-bottom:0; padding:0 0 0 0.5em;}
.pT h3 .line { width:40px; height:1px; background:#ed1e23; display:inline-block; margin:0 0 -0.3em -1em;}
.pT.s2 h3 {padding:0 0.5em 0 0;}
.pT.s2 h3 .line {margin:0 -1em -0.3em 0;}

/*製作團隊*/
.pTab { border-bottom: 1px solid #dbdbdb; margin:2.5em 0 2em 0;}
.pTab ul { margin:0 0 -1px 0; padding:0; list-style:none; text-align:center;}
.pTab li { display:inline-block;  white-space: nowrap;}
.pTab li a.active .line{ position:absolute; bottom:0; right:-23px; background:url(../../images/tab_slash.png) bottom left no-repeat; width:22px; height:39px;
-webkit-background-size: 22px 40px; -moz-background-size: 22px 40px; -o-background-size: 22px 40px; background-size: 22px 40px;}
.pTab a { color:#b7b7b7; width:100%; height:100%; display:block; padding: 0 1em 0.5em 1em; position:relative; border-bottom: 1px solid #dbdbdb;}
.pTab a:hover {color:#0b0b0b;}
.pTab a.active { color:#ed1e23;border-bottom: 1px solid #f6f6f7;}

#pContent { text-align:center; font-size:0.9375em; }


.marginB{margin-bottom:4.5em;}

.videoBox { width:100%; text-align:center;}
.videoBox h6 { margin-top:1em;}
.videoBox .vUse{width:85%; margin:0 auto;}


.videoBox .swiper-button-next, .videoBox .swiper-button-prev {  top: 40% !important; transform:translateY(-40%) !important;
	background-image:url(../../images/icon_arrow_2.png)!important; background-repeat:no-repeat; width:40px !important; height:40px !important; display: block; 
                 margin:0; vertical-align:middle;
                -webkit-background-size: 80px 80px; -moz-background-size: 80px 80px; -o-background-size: 80px 80px; background-size: 80px 80px;
				-o-transition:all 0s ease 0s;
                 -webkit-transition:all 0s ease 0s;
                 -moz-transition: all 0s ease 0s;
                transition: all 0s ease 0s;}

.videoBox .swiper-button-next { background-position: -40px 0; right:0 !important;}
.videoBox .swiper-button-next:hover{ background-position: -40px -40px;}
.videoBox .swiper-button-prev {background-position: 0 0; left:0 !important;}
.videoBox .swiper-button-prev:hover { background-position: 0 -40px;}


/*video*/
.videoList{}
.videoList ul { margin: 0 0 0 0; padding:0; list-style:none;}
.videoList li { margin:0 0 4em 0; width:100%; display:table;}
.videoList .Td_1 {width: 460px;}
.videoList .ph {  position: relative; background-repeat: no-repeat; background-position: center;
-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; vertical-align: top;}
.videoList .ph .icon { position: absolute; right: -1.5em; top: 13%; transform:translateY(-13%); background: url(../../images/icon_play.png) 0 0 no-repeat;
 -webkit-background-size: 54px 54px; -moz-background-size: 54px 54px; -o-background-size: 54px 54px; background-size: 54px 54px; width: 54px; height: 54px;}
.videoList .Td_2 { padding-left: 5%; vertical-align: middle;}
.videoList h5 { margin: 0 0 0.6em 0;}
.videoList h5 a { color:#0b0b0b;}
.videoList h5 a:hover { color:#ed1e23;}
.videoList .dec {font-size:0.9375em;}

/*聯絡我們*/
.contact { width: 40%; margin: 0 auto;}
.contact .box1{ margin:0 0 5em 0 }
.contact .dec{ font-size: 1.125em; text-align: center; margin-bottom: 1em;}
.contact input { width: 100%; margin-bottom: 1em;}
.contact textarea {height: 160px;}
.contact .box2{ margin:0 0 5em 0 }
.contact .box3{ background:url(../../images/p_title_slash.png) center center no-repeat; text-align:center; padding:3em 0; margin:4.5em 0 0 0;
	-webkit-background-size: 117px 249px; -moz-background-size: 117px 249px; -o-background-size: 117px 249px; background-size: 117px 249px;}
.contact .box3 h3 { color:#ed1e23; font-weight: lighter; margin-bottom: 0.5em;}
.contact .box3 div { background: #f6f6f7; padding:0.5em 0 1em 0;}

/*媒體報導、精選、地圖下拉*/
.selecBox { text-align: center; margin-bottom: 2.5em;}
.selecBox .selector, .selecBox .selectorGrey{vertical-align: middle; margin: 0.3em;}
.selecBox .btn{ vertical-align: middle; display: inline-block;margin:0.3em;}
.selecBox .btn a.btnRed, .selecBox .btn a.btnGrey {padding:0 1em;}
.selecBox .selectorGrey.works, .selecBox .selector.collect {width:340px; }
.selecBox .selectorGrey.works select, .selecBox .selector.collect select{ width:360px; }

.selecBox .T{ display: inline-block; margin: 0 0.3em; font-size: 0.9375em; color: #999}




/*媒體報導*/
.mediaList {}
.mediaList ul {margin: 0; padding: 0; list-style: none;}
.mediaList li {border-bottom: 1px solid #d4d4d4; position: relative; text-align: center; padding: 0 0 2.5em 0; margin: 0 0 2.5em 0;}
.mediaList li .line{ position: absolute; width: 100%; height: 29px; left: 0; bottom: -1em;; background:url(../../images/p_title_slash.png) center center no-repeat; text-align:center; 
	-webkit-background-size: 117px 249px; -moz-background-size: 117px 249px; -o-background-size: 117px 249px; background-size: 117px 249px;}
.mediaList h5{margin: 0 0 0.3em 0;}
.mediaList .date{color:#ed1e23; font-size:0.9375em; margin-bottom:0.5em ; font-family: Georgia; font-style:italic;display: inline-block; margin: 0 0.3em;}
.mediaList .author{color:#999999; font-size:0.9375em; display: inline-block;margin: 0 0.3em;}


/*玫週精選_ 列表*/
.proList { }
.proList ul { margin: 0 0 0 -5.1%; padding:0; list-style:none;}
.proList li { margin:0 0 1em 5.1%; width:28.2%; float:left; height:330px; }
.proList h5 { margin: 0.5em 0 0.1em 0; text-align:center;font-weight:normal;}
.proList h5 a { color:#0b0b0b;}
.proList h5 a:hover { color:#ed1e23;}
.proList img { max-width:100%;}
.proList .date {text-align: center; color:#ed1e23; font-size:0.9375em; margin-bottom:0.5em ; font-family: Georgia,'Microsoft JhengHei',"微軟正黑體", sans-serif;; font-style:italic;}

/*相片*/

.gallery{ position:relative; margin-top: 3.5em; width: 847px; margin-left: auto; margin-right: auto;}/*2023*/
.g_PH { margin: 0 3.5em !important; position: static !important;}
.g_PH .swiper-button-next, .g_PH .swiper-button-prev {  top: 50% !important; transform:translateY(-50%) !important;
	background-image:url(../../images/icon_arrow_2.png)!important; background-repeat:no-repeat; width:40px !important; height:40px !important; display: block; 
                 margin:0; vertical-align:middle;
                -webkit-background-size: 80px 80px; -moz-background-size: 80px 80px; -o-background-size: 80px 80px; background-size: 80px 80px;
				-o-transition:all 0s ease 0s;
                 -webkit-transition:all 0s ease 0s;
                 -moz-transition: all 0s ease 0s;
                transition: all 0s ease 0s;}

.g_PH .swiper-button-next { background-position: -40px 0; right:-20px !important; }
.g_PH .swiper-button-next:hover{ background-position: -40px -40px;}
.g_PH .swiper-button-prev {background-position: 0 0; left:-20px !important;}
.g_PH .swiper-button-prev:hover { background-position: 0 -40px;}


.g_PH .swiper-slide {  background-position: center center; background-repeat:no-repeat;
	-webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -o-background-size: contain; }/*2023*/
.g_PH img{  width: 100%; max-width: 735px;}/*2023*/

/**/
.Workshop { width: 860px; margin: 0 auto;}
.Workshop .edit{ margin-bottom: 3.5em;}
.Workshop .gallery { margin: 0 0 3.5em 0;}

/*足跡*/
.TracksDec.edit { /*width: 860px; */text-align: center; margin: 0 auto 2em auto;}

.map { position: relative;  margin-bottom: 3.5em;}
.map img.bg{}

.map .button { position: absolute;  width:27px; height:27px; display: block;
	background-image:url(../../images/button_ico.png); background-repeat:no-repeat;  
-webkit-background-size: 27px 27px; -moz-background-size: 27px 27px; -o-background-size: 27px 27px; background-size: 27px 27px;}

.map .button a {display: block; width: 100%; height: 100%; z-index:33 }

.map .dec { z-index:66; position: absolute; left: 50%; top: 50%; transform:translateY(-50%) translateX(-50%); width: 250px; padding: 1em;
 background: url(../../images/mapDec_bg.png) repeat;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
 border: 1px solid #ed1e23; text-align: center; color: #0b0b0b; font-size: 0.9375em;
-webkit-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);
box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);}

.map .dec a.close  {color: #fff; background:#ed1e23; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; width: 22px; height: 22px; display: block; float: right; margin: -0.7em; right: -0.7em; line-height: 20px;font-family: Verdana;}
.map .dec a.close:hover{background:#333;}

.map .dec img {width:165px; height: auto;  margin-bottom: 0.5em;}
.map .dec h5 { margin: 0 0 0.4em 0;font-weight:normal;}
.map .dec h5 a { color:#0b0b0b;}
.map .dec h5 a:hover { color:#ed1e23;}
.map .dec .date { color:#ed1e23;  margin-bottom:0.1em ; font-family: Georgia; font-style:italic; font-size: 1.2em;}
.map .dec .date span { display: block; color: #999;font-size: 0.85em;}



.mItem { margin: 0 0 3em 0; width: 100%; display: table;}
.mItem h4 { color:#0b0b0b; font-weight:lighter; margin-bottom:0.5em;}
.mItem .left { width:320px; padding-left: 1em;display: table-cell;}
.mItem .ph {position: relative;}
.mItem .line { position: absolute; right:-1.4em; top:50%; transform:translateY(-50%); width:46px; height:97px; background:url(../../images/ph_slash.png) 0 0 no-repeat;
-webkit-background-size: 46px 97px; -moz-background-size: 46px 97px; -o-background-size: 46px 97px; background-size: 46px 97px;}
.mItem .year { position:absolute; left:-1em; top:10%; transform:translateY(-10%); color:#ed1e23; font-size:1.3125em; font-family: Georgia; font-style:italic;}
.mItem .right { padding-left:5.5%; vertical-align:middle; display: table-cell; width: auto;}

.mItem ul { margin:0; padding:0; list-style:none; }
.mItem ul li{ border-top: 1px solid #dbdbdb; padding-top: 1em; margin-bottom: 1em;}
.mItem ul li:first-child { border: 0;}

.mItem li .Td_1 { width:120px; color: #999;font-style:italic; font-size: 0.9375em;}
.mItem li .Td_2 {padding-left:1em; border-left: 1px solid #333;}

.mItem .team { display: inline-block; font-size: 0.9375em;color: #333;}
.mItem .name { display: inline-block; position: relative;font-size: 1.1em; margin-left: 1.2em;}

.mItem .arrow {  position: absolute; top: -0.4em; right: -2.5em; background-position: -40px 0; 
	background-image:url(../../images/icon_arrow_2.png); background-repeat:no-repeat; width:40px ; height:40px ; display: block; 
                -webkit-background-size: 80px 80px; -moz-background-size: 80px 80px; -o-background-size: 80px 80px; background-size: 80px 80px;
				-o-transition:all 0s ease 0s;
                 -webkit-transition:all 0s ease 0s;
                 -moz-transition: all 0s ease 0s;
                transition: all 0s ease 0s;}
.mItem  a:hover .arrow{ background-position: -40px -40px;}


/*足跡內頁*/
.TracksInner .ph {width: 100%; display: table; margin-bottom: 3.5em;}
.TracksInner .Td_1{width: 41.6%; position: relative;}
.TracksInner .Td_2{ padding-left: 1%;}
.TracksInner .ph .line { position: absolute; right:-2em; top:50%; transform:translateY(-50%); width:46px; height:97px; background:url(../../images/ph_slash.png) 0 0 no-repeat;
-webkit-background-size: 46px 97px; -moz-background-size: 46px 97px; -o-background-size: 46px 97px; background-size: 46px 97px;}
.TracksInner .ph img{ width: 100%;}

.TracksInner .edit { width: 860px; text-align: center; margin: 0 auto 3.5em auto;}



/*2023默島主視覺*/

.silent{ background: url("../../images/sbg.jpg")center 0 repeat-x; height: 1580px;}
.sBox{ background-image: url("../../images/s_frame.png"); background-position:center -106px; background-repeat: no-repeat; position: relative; z-index: 22; }

.sEdit{ font-size:0.9375em; line-height: 1.5; color: #212121;  position: relative; width: 1100px; margin: 0 auto; min-height: 1480px;}/*2023*/
.sEdit img{ max-width:100%;}
.sEdit a{ color:#212121; text-decoration:underline;}
.sEdit a:hover{ color:#212121; }
.sEdit .slogo{ position: absolute; left: 1px;top: -14px; width: 450px;}

.sMask { background: url("../../images/sbg_mask.png") center 0 no-repeat; position: absolute; z-index: 1; width: 100%; height: 546px; background-size: 1100px 546px; top: -106px; display: none; }

.sEdit .catAll{width: 320px; position: relative; margin: 0 auto;min-height: 1480px; }
.sEdit .cat { position: absolute; transition: transform .2s; z-index: 55;}
.sEdit .cat:hover {transform: scale(1.1);}

.sEdit .t1 { width: 160px; right: -30px; top:225px;}
.sEdit .t2 { width: 160px; left: 20px; top:640px;}
.sEdit .t3 { width: 131px; right:-165px; top:662px;}
.sEdit .t4 { width: 166px; left: 20px; bottom:481px;}
.sEdit .t5 { width: 190px; right:-120px; bottom:440px;}
.sEdit .t6 { width: 121px; left: 10px; bottom:230px;}
.sEdit .t7 { width: 85px;  right:-165px; bottom:290px;}
.sEdit .t8 { width: 131px;  left: -40px; bottom: 115px;}

/*2023默島*/
.pinkBG { background:#f3acc4 ; } /*大背景粉紅*/

/*2023默島活動列表*/
.sTitle { width: 300px; height: 54px; background: url("../../images/nt_1.png")0 0 no-repeat; background-size: contain; margin: 0 auto 1.5em auto;}

.sList {display:flex; flex-wrap:wrap; flex-direction:row;justify-content:flex-start;align-items:stretch; margin:0 0 2em -6.3%;}
.sList .item{ width: 27%; margin: 1em 0 1em 6.3%;}
.sList .ph{ position: relative;}
.sList .ph img{ width: 100%;}
.sList h5 {margin: 0.5em 0 0.4em 0;text-align: center;font-weight: normal;}
.sYear {
  position: relative;
  color: #0b0b0b;
  font-size: 1.5em;
  font-family: Georgia;
  font-style: italic;
margin-bottom: 0.1em;
}

.sYear::before {content:''; position: absolute; width: 46px;height: 50px;left: -2.2em;top: -10px;
	background: url(../../images/ph_slash.png) 0 0 no-repeat;
-webkit-background-size: 46px 97px;
-moz-background-size: 46px 97px;
-o-background-size: 46px 97px;
background-size: 46px 97px;}


/*2023默島活動內頁*/

.sTitle2 { position: relative; text-align: center; margin-bottom: 7.5em;}
.sTitle2 h1 {font-size:2.5em;  margin:0; padding:0.3em; font-weight:lighter; color:#0b0b0b;letter-spacing:0;}
.sTitle2 h1 span { display:block; font-size:0.5em; color:#ed1e23;font-family: Georgia; font-style:italic; line-height:1.5;}
.sTitle2::after {content:''; position: absolute; left: 48%; bottom: -1.5em; width: 40px; height:1px; background:#ed1e23;
	-moz-transform:rotate(-60deg);
  -webkit-transform:rotate(-60deg);
  -o-transform:rotate(-60deg);
  -ms-transform:rotate(-60deg);
  transform:rotate(-60deg);
	
	/*background:url(../../images/p_title_slash.png) center center no-repeat; text-align:center; 
	-webkit-background-size: 117px 249px; -moz-background-size: 117px 249px; -o-background-size: 117px 249px; background-size: 117px 249px;*/  }

.sInfo { width: 100%; max-width: 860px; margin-left:auto; margin-right:auto; color: #212121;}

.gallery.s2 {}
.videoBox.s2 h6 { color: #212121}
.videoBox.s2 { position: static !important; }
.videoBox.s2 .vUse {width: 735px;}
.videoALL{ position:relative; margin-top: 3.5em; width: 847px; margin-left: auto; margin-right: auto;}
.videoBox.s2 .swiper-button-next {right:-20px !important;}
.videoBox.s2 .swiper-button-prev {left:-20px !important;}


.sT { text-align:center; margin-bottom:2.5em;}
.sT h3 { font-weight:lighter; display:inline-block; position:relative; color:#0b0b0b; margin-bottom:0; padding:0 0 0 0.5em;}
.sT h3::before { width:40px; height:1px; background:#ed1e23; content:''; position: absolute; bottom: -3px; right: -20px;}
.sT.s2 h3::before {bottom: -3px; right: auto;  left:-10px; }

/*團隊合作2023*/
.teamS { width: 100%; max-width: 860px; margin: 0 auto; color: #212121;}
.teamS .item { display: table; width: 100%; margin-bottom: 3em;}
.teamS .Td_1{ width: 210px;}
.teamS .Td_1 .ph { position: relative;}
.teamS .Td_1 .ph::after  {  content:''; position: absolute; width: 46px;height: 50px;right: -10px;top: 35%;
	background: url(../../images/ph_slash.png) 0 0 no-repeat;
-webkit-background-size: 46px 97px;
-moz-background-size: 46px 97px;
-o-background-size: 46px 97px;
background-size: 46px 97px; }
.teamS .Td_1 img {width: 100%}
.teamS .Td_2 { padding-left: 3.5em; vertical-align: middle;}
.teamS .Td_2 h5 { font-size:1.1325em;  margin: 0 0 0.5em 0;}

/*about關於默島編輯器2023*/
/**/
.aboutS{}
.aboutEdit{ font-size:0.9375em; line-height: 1.65; color: #212121;  margin-bottom: 5em;}/*2023*/
.aboutEdit img{ max-width:100%;}
.aboutEdit a{ color:#212121; text-decoration:underline;}
.aboutEdit a:hover{ color:#212121; }

.aboutS .sTop { position: relative; text-align: center; padding:0 0 1.5em 0; margin: 0;}
.aboutS .sTop img.t1 { width: 250px; height: auto; max-width: 100%;}
.aboutS .sTop img.t2 { position:absolute; width: 300px; top: 40%; right:70px }
.aboutS .TT { text-align: center; padding: 0; margin: 0;}
.aboutS .TT .s2{display: none;}
.aboutS .TT img.s1{ width: 570px; max-width: 100%;}
.aboutS .TT img.s2{ width: 280px; max-width: 100%;}
.aboutS .T1 { position: relative; background: url("../../images/s_inner_line.png") center center no-repeat; background-size: 1080px 4px;}
.aboutS .T1::before { position: absolute; left: 0; top: -225px; content: ""; width:306px; height:250px; background: url("../../images/s_inner_main03.png") no-repeat; background-size: contain;}
.aboutS .T1 img { background: #f3acc4;}

.aboutS .txt01 { padding: 2em 6%;}
.aboutS .txt01 .first{ font-size: 1.625em; border: 1px solid #212121; padding: 0 0.2em;border-radius: 50px; margin-right: 5px;}

.aboutS .bBox {padding: 3em 0 2em 0;  position: relative; background: url("../../images/s_inner_bg.jpg") 0 0 repeat; margin-bottom: 3em;}
.aboutS .bBox .bTop {position: absolute; background: url("../../images/s_inner_bg_top.jpg") 0 0 repeat-x; width: 100%; height: 7px; left: 0; top: -1px;}
.aboutS .bBox .bBottom {position: absolute; background: url("../../images/s_inner_bg_top.jpg") 0 0 repeat-x; width: 100%; height: 7px; left: 0; bottom: -1px;
transform: rotate(180deg);}
.aboutS .bBox .bLeft {position: absolute; background: url("../../images/s_inner_bg_left.jpg") 0 0 repeat-y; width: 5px; height:100%; left: 0; top: 0;}
.aboutS .bBox .bRight {position: absolute; background: url("../../images/s_inner_bg_left.jpg") 0 0 repeat-y; width: 5px; height: 100%; right: 0; top: 0;
transform: rotate(180deg);}

.aboutS .txt02 { padding: 1em 6%; color:#f3acc4;}
.aboutS .txt02 .first{ font-size: 1.625em; border: 1px solid #f3acc4; padding: 0 0.2em;border-radius: 50px; margin-right: 5px; background: #f3acc4;color:#212121;}
.aboutS .txt02 strong{font-size: 1.35em;}
.aboutS .txt02 strong.s2{font-size: 1.35em; text-align: center; display: block;}

.aboutS .name{ text-align: right; padding-top: 1em;}
.aboutS .name img {width: 128px;height: auto;}

.aboutS .bBox02{ margin: 1em 0 2em 0;}
.aboutS .bBox02 .Td_1 { width: 50%; padding-right: 1em;}
.aboutS .bBox02 .Td_2 { width: 50%; padding-left: 1em;}
.aboutS .bBox02 .TT img.s1{ width: 510px;max-width: 100%;}
.aboutS .bBox02 .TT img.s2{ width: 95%;max-width: 100%;}
.aboutS .bBox02 .Td_1 .txt{ padding: 1em 5% 1em 11%;}
.aboutS .bBox02 .Td_2 .txt{ padding: 1em 11% 1em 11%;}
.aboutS .bBox02 .txt strong { font-size: 1.3em; font-style: italic; font-weight: bold; display: block; margin-bottom: 0.8em;}


.aboutS .txt03 { padding: 2em 6%;}
.aboutS .txt03 h3{}
.aboutS .txt03 .box{ padding-left: 17px;}
.aboutS .txt03 h4 { position: relative; font-size: 1.125em; font-weight: bold; margin: 1.2em 0 0.2em 0; padding: 0;}
.aboutS .txt03 h4::before{position: absolute; left: -17px; top: 11px; content: ""; background: #212121; width: 16px; height: 1px;
-moz-transform:rotate(120deg);
  -webkit-transform:rotate(120deg);
  -o-transform:rotate(120deg);
  -ms-transform:rotate(120deg);
  transform:rotate(120deg);}

.aboutS .txt03 img.s1{ width: 135px; height: auto;}
.aboutS .txt03 img.s2{ width: 174px; height: auto;}