@import url(https://fonts.googleapis.com/css?family=Lato:300,400);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Comfortaa);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,300italic,400italic,600italic,800italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,700);
@import url(https://fonts.googleapis.com/css?family=Nobile:400,700);
   .titreedito {
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
	margin-bottom:20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow:1px 1px 6px #333;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*以上為RESET*/
body{ font-family:  'Ubuntu Condensed','Lato','Open Sans',"微軟正黑體", "Microsoft JhengHei", Courier, monospace, sans-serif; line-height: 150%; font-size: 16px;}
body.inside{padding-top:173px;}
a{ -webkit-transition:all 400ms ease; transition:all 400ms ease;}
a:hover{ text-decoration:none; color:#F39800;}
.headTopRt .round{ width:35px; height:35px; line-height:30px; text-align:center; border-radius:50%;background-color:#fff; color:#000; border:solid 2px #D4CFCF; }
.headTopRt a:hover.round,.headTopRt a.round.active{background-color:#F29700; color:#fff; border:none; }
.square{width: 35px; height: 35px; line-height: 35px; text-align: center; font-size:30px;}
.wrapHead{z-index:999; width:100%;}
#header{box-shadow: 0 2px 5px -1px rgba(0,0,0,0.2); background-color: rgba(255,255,255,.95); margin:0 auto;
font-family: 'Ubuntu Condensed',"微軟正黑體", "Microsoft JhengHei", sans-serif; position:relative; }
.headTopRt a{ color:#000;}
.headTopRt a:hover,.headTopRt i:hover{ color:#F29700;}
.headTop{ border-bottom:solid 1px #E1E1E1; padding:10px 30px;}
.headTopRt{ float:right;}
.headTopRt i,.headTopRt a{ display:inline-block; margin-left:10px;}
.media{ background-image:url(../../img/play.png); background-size:30px 30px; background-position:center center; background-repeat:no-repeat;}
.media:hover{ background-image:url(../../img/play_over.png);}
.headTopRt a.line{ background-image:url(../../img/dot.png); background-repeat:no-repeat; background-position:right center; padding-right:10px;}
#searchBox{ width:250px; display:inline-block;border: solid 1px #ccc; vertical-align: bottom; background-color:#fff; margin-left:10px;}
.wrapLan{ display: inline-block; background-color:#eee; position:absolute; right:0; top:0; bottom:0; line-height:136px; padding: 10px 10px 0 10px;}
.wrapLan .chi{ position:absolute;}
/*縮小表頭*/
#header.shrink {box-shadow: 0px 1px 4px #333; background-color:#fff;border-radius: 0 0 8px 8px;}
#header.shrink .headTop{ display:none;}
/*GOOGLE 搜尋*/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{ border:none !important; box-shadow:none!important; outline:none!important; border-color:transparent !important; color:#000;}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{ border-color:#fff !important; background-color:#fff !important; background-image:url(../../img/icon-sear.png) !important; background-repeat:no-repeat !important; height:26px !important; width:24px !important;background-position:center 1px; margin-bottom: -6px !important;}
.gsc-input-box input#gsc-i-id1{ background-image:url(../../img/searchfor.png) !important; background-repeat:no-repeat !important; background-position:left center !important;}
.gsc-input-box.gsc-input-box-focus input#gsc-i-id1{ background-image:none !important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{ padding:6px 15px !important;}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{ outline:none !important;}
/*選單*/
.navbar {background-color:#F29700;min-height: 30px;}
.navbar-nav>li>a{ color:#fff; font-size:16px; padding-top:5px; padding-bottom:5px;}
.navbar-nav>li>a span{ position:relative; z-index:2;}
.navbar-nav>li>a:hover span,.navbar-nav>li:hover>a span,.navbar-nav>li.open>a span,.navbar-nav>li.active>a span{ color:#000;}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-nav>li:hover>a{box-shadow: 2px 2px 10px rgba(0,0,0,0.1); background-color: transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.1); background-color:#fff; border:none;}
.dropdown-menu{ background-color:#fff;}
.dropdown-menu:after{
    content: " ";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: -10px;
    left: 20px;
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
.navbar-right .dropdown-menu:after{ left:auto; right:20px;}
#header .dropdown-menu>li>a { color:#000; padding:10px 15px; font-size:100%; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", Helvetica, sans-serif;}
#header .dropdown-menu>li>a:hover{ background-color:#333; color:#fff;} 
/*大圖跑馬燈*/
/*html, body {height: 100%;}*/
#viewport {
    position: relative;
    width: 100%;
    /*height: 100%;*/
	height:530px;
    background-repeat: no-repeat;
    background-size: cover;
}
.item-video{ height:100%;}
.owl-stage-outer {height: 100% !important;}
.owl-stage,.owl-wrapper { height: 100%;}
.owl-item { height: 100%;}
.owl-item .item{height: 100%; background-repeat:no-repeat; background-size:cover; background-position: center center;}
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.owl-dots{ position: absolute;  bottom: 50px;   left: 50%;   z-index: 15;
    width: 60%;   padding-left: 0;   margin-left: -30%;   text-align: center;    list-style: none;}
.owl-theme .owl-prev, .owl-theme .owl-next {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    display:none;
    margin-top: -35px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    z-index: 5;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.owl-theme .owl-prev {left:0px; opacity:1;}
.owl-theme .owl-next {right: 0px; opacity:1;}
.owl-theme.aaq .owl-prev {left:-10px; opacity:1; color:#000;}
.owl-theme.aaq .owl-next {right: -10px; opacity:1; color:#000;}

#viewport.owl-theme:hover .owl-prev, .owl-theme:hover .owl-next{ opacity:1;}
.owl-theme:hover .owl-prev{left:15px;}
.owl-theme:hover .owl-next{ right:15px;}
.owl-theme.aaq:hover .owl-prev{left:-10px;}
.owl-theme.aaq:hover .owl-next{ right:-10px;}

.owl-item  .item.portfolio-carousel-item:after {
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: #212329;
    opacity: .8;
    -webkit-transition: opacity .125s ease-in;
    transition: opacity .125s ease-in;
}
.owl-item:hover  .item.portfolio-carousel-item:after { opacity:0;}
.owl-theme .owl-prev .fa, .owl-theme .owl-next .fa{ line-height:50px;}
.owl-theme .owl-dots .owl-dot span {
	background-color:#000;
	display: none;
	width: 16px;
	height: 16px;
	margin: 5px;
	background-image:url(../../img2/b05.png);
	background-position:-7px -7px;
	background-repeat:no-repeat;
	-webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}
.owl-theme .owl-dots .owl-dot.active span{
    background-position: -67px -7px;
}

.owl-theme .owl-dots .owl-dot spanc {
	display: block;
	width: 13px;
	height: 13px;
	margin: 5px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #000;
	border: 1px solid transparent;
	-webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}
.owl-theme .owl-dots .owl-dot.active spanc{
filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	background: transparent;
	border: 2px solid #026234;
	width: 15px;
	height: 15px;
	margin-bottom: 4px;
}
.owl-theme .owl-dots .owl-dot:hover spanc{ border:solid 2px #FFF;}
.owl-theme .owl-dots .owl-dot{ display:inline-block;}
.owl-theme.aaq .owl-dots .owl-dot{ display:none;}
.owl-theme h4{ position: absolute;
    z-index: 3;
    text-shadow: 1px 1px 10px #000;
    width: 70%;
    color: #fff;
    font-size: 50px;
    /* bottom: 250px; */
    right: 10%;
    padding: 30px;
    bottom: 30%;
    text-align: right;}
.btn-black{ background-color:rgba(0,0,0,.8); color:#fff; border:solid 1px #fff; border-radius:0; padding:10px 25px; font-size:15px;}
.btn-black:hover, .btn-black:focus{ background-color:#000; color:#fff;}
.owlLogo{ position:absolute; left:0px; top:0px; width:200px; height:200px;background-repeat:no-repeat; background-position:center center; background-size:contain;}
.bannerWrapInside{ position:relative;}
/*事件跑馬燈*/
#event .owl-item .item a{ padding:10px;display: block; position:relative; z-index:333; background-color:#fff; border-radius:10px;  }
#event .owl-item .item a:hover{background: rgb(244,122,32); box-shadow: inset 8 0px 0 60px -60px rgba(0,0,0,.2);}	
.owl-theme.owl-carousel2 .owl-prev {left:-50px; opacity:1; }
.owl-theme.owl-carousel2 .owl-next {right: -50px; opacity:1; }
#event.owl-theme .owl-dots .owl-dot{ display:none;}
.owl-carousel2.owl-theme .owl-prev, .owl-carousel2.owl-theme .owl-next{ width:30px; height:30px; line-height:30px; color: #737172; margin-top:-20px;}
/*旋轉木馬結束*/
/*小圖超連結*/

.slideImg{position:absolute; top: 50%; margin-top:-180px; left:80px; width:60px; z-index:200;}
.slideImg ul li{display: block; width: 100%; margin:10px 0; }
.slideImg ul li a{border-radius:10px; display:block; }

/*活動小圖旋轉木馬*/
.slideImg2{
padding:30px 35px; background-image:url(../../img/parallax5.jpg); background-position:center top; background-size:100% auto; 	}
.slideImg2 ul{ text-align:center;}
.slideImg2 ul li{ display:inline-block; width:175px; margin:0 5px; opacity:.7;}
.slideImg2 ul li:hover{ opacity:1;}
/*贊助*/
.sponsor{padding:10px 50px; /*background-image:url(../../img/parallax2.jpg);*/background-color:#e4e4e4; background-position:center center; background-size:100% auto;}

/*首頁新聞*/
.newsSec{ background-image:url(../../img/about-bg.png); background-repeat:no-repeat; background-repeat:top center; background-size:100% auto; margin:0; padding-top:100px; padding-bottom:60px; }

.section-title { margin: 0px 0 60px 0; font-size: 46px; text-transform: uppercase; color: #3d3d3d;font-weight: bold;
font-family: 'Open Sans', sans-serif; text-align:center;}
.newsIndexWrap h1 { margin: 16px auto 34px auto;line-height: normal; position:relative; max-width: 1280px;}
.newsIndexWrap h1 a { position:absolute; font-weight:300;   right: 0;   top: 50%;   margin-top: -8px;   font-size: 18px;   line-height: 24px; color:#333;}
.newsIndexWrap h1 a:hover{ color:#F29700;}
.newsDate,.newsTitle{ display:inline-block; position:relative; padding:0 15px; margin-right:10px;}
.newsDate span{ display:block; text-align:center;}
.newsDate .dayDate{ font-size:40px; margin-top:10px; }
.newsDate:after {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin-top: 5px;
    content: " ";
    display: block;
	position:absolute;
	bottom: -19px;
	right:0;
    height: 70px;
	width: 1px;
    background-color: #F29700;
    margin-bottom: 0px;
}


.newsIndexPic{ height:480px; max-width:290px; overflow:hidden; position:relative;}
/*首頁方塊圖*/
.eventBox,.fbBox,.youtubeBox{ max-width:1280px; margin:50px auto 50px auto; text-align:center; }
/*.eventBox.inside{ max-width:100%;}*/
.eventBox li{ margin-bottom:20px;}
.eventBox li a{ position:relative; display:block; color:#fff;}
.eventBox li a img {-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.eventBox a:hover img.eventMain { opacity: 0.9;}
.eventBox figcaption {position: absolute; border:solid 2px #fff; right: 5px; bottom: 5px; left: 5px;top:5px;}
.eventBox figcaption img{ position:absolute; top:0%; left:0%;}
.eventBox figcaption h4{ font-size:26px; font-weight:bold; position:absolute; right:0; left:0;bottom:0px; 
    text-align:center; text-shadow:1px 1px 2px #333;padding:10px;}
.eventBox .wrapper figcaption h4{background-color: rgba(0,0,0,.5); }
.eventBox figcaption h4 .small{font-size: 90%; color: #fff;}
@media (min-width:1200px) {
.eventBox>li,.fbBox>li,.fbBox>div li{width: 20%;}
}
.newsIndexPic h4 {font-size: 28px; color:#fff;}

.btn-outlined-light {
    color: #fff;
    background-color: rgba(255,255,255,0);
    border-color: #fff;
	padding: 10px 24px;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 0;
}
.newsIndexPic:hover .btn-outlined-light {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #3d69e7;
    background-color: #fff;
    border-color: #fff;
}
.btn-outlined-light i {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-size: 14px;
    margin-left: 16px;
}
.newsIndexWrap{ padding:0 60px 30px 60px; min-height:300px;}
.newsUl{ display:table;border-bottom:solid 1px #ddd; width: 100%; margin-bottom:10px;}
.newsUl li {
    display: table-cell;
    min-height: 77px;
    vertical-align: middle;
}
.newsUl:hover{ background-color:#F9F8CC;}
.newsUl:hover a{ color:#000;}
.newsUl li .btn{margin-right:5px;} 
.resultWrap{ display:inline-block; padding:0 15px; margin-top:8px; margin-bottom:8px;}
.resultWrap a:before{ content:url(../../img/icone_pdf.gif); margin-right:2px;}
.resultWrap a{color:#1C79BF; font-size:96%; display:inline-block; margin-left:5px;}
ul li h2 {font-size: 18px; color: #333; line-height: 150%; padding-left: 15px;}
.date {color: black;text-align: center;width: 60px;border-right: 1px solid #E6E6E6;}
.date.long{ width:140px;}
.date.long h3{ font-size:20px;}
.date h6 {font-size: 14px; width: 100%; text-align: center; display: block;}
.newsIndexWrap .date h7 {
	font-size: 14px;
	width: 100%;
	text-align: center;
	display: block;
	color: #999;
	margin: 20px 0px;
	font-family: Arial, "微軟正黑體";
}
.date h3 {
    font-size: 28px;
    width: 100%;
    font-weight: normal;
    text-align: center;
    display: block;
    position: relative;
}
.newsUl a{ color:#333;}
.newsUl.done .date,.newsUl.done a{ color:#ccc;}
.newsUl .date p{ border-radius:5px; margin:5px; font-size:14px;}
.orange{ color:#F29700;}
.dayBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	padding:2px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	line-height:100%;
	margin-right:10px;
}
/*footer*/ 
#footer{background-color: #F29700;	padding: 50px 0;color: #000;text-align: center;	background-size: cover;}
#footer a{ color:#000;}
.seperate{ color:#bbb;}
.footDiv, .social{ margin-bottom:15px;}
.footDiv i{ color:#fa4416; font-size:24px;}
.circle{ width:35px; height:35px; line-height:35px; text-align:center; border:solid 0px #fff; border-radius:50%;}
.social a i{ margin:0 5px; transition: all 600ms ease;  border: solid 2px #fff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;}
.social a:hover .circle.fa-facebook{ background-color:#46629E; border-color:#46629E;}
.social a:hover .circle.fa-youtube-play{ background-color:#E62117; border-color:#E62117;}
.social a:hover .circle.fa-instagram{ background-color:#A57D60; border-color:#A57D60;}
.social a:hover .circle.fa-twitter{ background-color:#59ADEA; border-color:#59ADEA;}
/*EVENT*/
#viewport2{position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; padding:30px 30px 0 30px; }
a.homeLink{position:absolute; z-index:2; left:10px; font-weight:300; top:0; color:#999;  padding:5px 15px 0 25px;
display:block;  }
a.homeLink:hover{ text-decoration:none;color:#000;}
a.homeLink i{ position:relative; left:-5px;    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;}
a:hover.homeLink i{ position:relative; left:-10px;}
.portfolio-carousel-item .imgoverlay {
	height:50%;
	min-height:350px;
    width: 100%;
    position: absolute;
    bottom: -1000px;
    left: 0;
	background-color:rgba(255,255,255,.90);
		-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.portfolio-carousel-item:hover .imgoverlay{ bottom:0;}

.dateBox{ background-color:#000; color:#fff; text-align:center; width:100px; margin:-50px auto 0 auto; padding:10px;}
.dateBox span{ display:block;}
.dateBox span.date{ font-size:30px; border-bottom:solid 1px #E70012; display:inline;}
.overlaycaption{ color:#000;}
.overlaycaption h3{ font-size:110%; text-align:center; margin:20px 10px;}
.overlaycaption h5{ font-size:130%; text-align:center; margin:10px; position:relative;}
.overlaycaption h5:after{ content:""; width:30px; height:2px; background-color:#E50818; z-index:3; position:absolute; left:50%; margin-left:-15px; bottom:-15px;}
.overlay-txt{ color:#555; margin:30px 20px 15px 20px; height:100px; overflow:hidden;}
.btn-fixed-bottom {
    position: fixed;
    bottom: 10px;
    right: 20px;
    background: rgba(0, 0, 0, 0.54);
    width: 60px;
    height: 50px;
    z-index: 1025;
}
/*內頁*/
.wrapHead2 #header{ max-width:100%; font-size:14px; box-shadow:none;}
#header a.line {color: #9E9E9E; font-weight:300;}
#header a.line:hover {color:#F39800;}
.wrapHead2 .headTop{ background-color:#F7F7F7; padding:0px 30px;}
.wrapHead2 .headTopRt{margin-top: 0px;}
.wrapHead2 .navbar-brand {height: 66px; padding: 5px 15px;}

@media (min-width: 768px){
.smOnly,.nav>li.smOnly{ display:none;}
.wrapHead2 .navbar-nav>li>a {padding-top: 28px; padding-bottom:18px;}
.navbar {margin-bottom: 0px;border: none; border-radius: 0; }
.navbar .navbar-nav {display: inline-block;  float: none;}
.navbar .navbar-collapse { text-align: center;}
.navbar-nav > li > .dropdown-menu, .dropdown-menu {
    display: block;
    margin: 0;
    padding: 0;
    z-index: 9000;
    position: absolute;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.navbar-nav > li.open > .dropdown-menu, .open .dropdown-menu {
    -webkit-transform-origin: 29px -50px;
    -moz-transform-origin: 29px -50px;
    -o-transform-origin: 29px -50px;
    -ms-transform-origin: 29px -50px;
    transform-origin: 29px -50px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
}
.sideNavBox{ padding:30px 0px; margin-right:-15px;}
.sideNavBox h2{ color:#fff; margin-bottom:30px; font-size:36px; font-weight:300; padding-left:30px;}
.sideNav li{ padding:6px 10px 6px 30px;border-left:solid 2px transparent; position:relative; }
.sideNav li a{ color:#888; display:block;}

.sideNav li:hover a,.sideNav li:hover a:hover,.sideNav li a.active{ color:#fff; text-decoration:none;}
.overlay{ position:absolute; left:0; top:0; width:0; bottom:0; background-color:#313234; -webkit-transition:all 400ms ease; transition:all 400ms ease;}
.sideNavT{ position:relative; z-index:1;}
.sideNav li:hover .overlay, .sideNav li a.active .overlay{ width:100%;border-left:solid 2px #F29700;}

.mainWrap>.row{position:relative;background-color:#000;}
.mainWrap .whiteBg{ background-color:#fff;}
.main{ display:table; margin-left:-15px; width:100%;}
.wrapeditor{ display:table-row;}
.editorBanner,.ditorTxt{display: table-cell;}
.editorBanner{background-size: auto 120%;background-position: center bottom; width:40%;}
.ditorTxt{ width:50%;}
.editor{ padding:30px 40px; color:#777;}
.editor h1{ margin-bottom:30px; color:#000; font-weight:300;}
.editor ul li{ background-image:url(../../img/point.png); background-position:left 8px; background-repeat:no-repeat; padding-left:15px; margin-bottom:10px;  }
.editor  ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    padding: 0;
    margin-bottom: 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.editor ol li {
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    margin: .5em 0 .5em 1.5em;
    color: #777;
    text-decoration: none;
    transition: all .3s ease-out;
}
.editor ol li:before{
    content:  " ("counter(li) ") ";
    counter-increment: li;
    position: absolute; 
    left: -1.5em;
    top: 0;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
	color:#000;
	font-size:16px;
    font-family: arial;
}

/*SEarCH 動作*/
.pushmenu { /*this is the nav*/
  height: 35px;
  top: 5px;
  position: relative;
  display:inline-block;
  overflow:hidden;
}
.pushmenu .fa-search, .pushmenu .fa-share-alt{ cursor:pointer;}
.pushmenu #searchBox{ border-bottom:none;}
.pushmenu-left { width:24px;}

.pushmenu-left.pushmenu-open { width:290px;}

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}
.pushmenu-push-toright {left: 240px;}
/*Transition*/
.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;  
}
.wrapHead .pushmenu-left {width: 45px;}
.wrapHead .pushmenu-left.pushmenu-open { width:310px;}
.wrapHead .pushmenu #searchBox{ border-bottom: solid 1px #ccc;}
/*SHARE*/
.shareListTop {
	position: absolute;
	top: 90px;
	right: 160px;
	width: 60px;
	z-index: 2000;
	height: 0px;
	overflow: hidden;
	transition: all 0.5s;
}
.shareListTop2 {
	height: 240px;
}
.shareListTopAll li a {
    display: block;
    width: 60px;
    height: 60px;
	line-height:60px;
	color:#fff;
    font-size:40px;
	text-align:center;
	transition:all ease 200ms;
	margin:0;
}
.facebook {background-color: #3b5998; }
.facebook:hover {background-color: #ffffff;color:#3b5998;}
.twitter {background-color: #00aced;}
.twitter:hover {color: #00aced;	background-color: #ffffff;}
.plurk {background-color: #c6602b;}
.plurk:hover {color: #c6602b;background-color: #ffffff;}
.google {background-color: #d64136;}
.google:hover {color: #d64136;background-color: #ffffff;}
/*========================
       最新消息內頁
=========================*/
.news-list figure { display: block;  float: left; width: 20%;  overflow: hidden;  margin: 0 1.5em 0 0;
    -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}
.news-list figure img {display: block;width: 100%;height: auto;border: 1px solid #E6E6E6;}
.news-info {display: block; width:68%;	float: left;box-sizing: border-box;}
.news-list li {	overflow: hidden;border-bottom: 1px solid #e5e5e5;margin-top: 0;margin-right: 0;	margin-bottom: 2em;	margin-left: 0;	padding-top: 0;	padding-right: 0;	padding-bottom: 2em;	padding-left: 0;}
.news-title{
	font-size: 24px;
	font-weight: bold;
	color: #555;
	margin: 0px 0px 10px 0px;
}
.news-list a {
	display: block;
	color: #999999;
	text-decoration: none;
	font-size: 14px;
}
a:hover, a:active, a:focus {
	color: #F29700;
	text-decoration: none;
}
a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.news-date {
    font-size: 0.875em;
    color: #999;
    font-style: italic;
}

.news-more {
    display: block;
    color: #00408D;
    margin-top: 0.5em;
}











.newseach2 {
	font-family: "PingFang TC", "Helvetica Neue", "Microsoft JhengHei", "微軟正黑體";
	line-height: 1.5em;
	font-size: 100%;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 2.5em;
	padding-left: 0;
}

a .newseach2 {
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.3s ease-out;
}
a:hover .newseach2 {
	color: #F29700;
}


.newseach2 h3{
    font-size: 1.5em;
}

.newseach2 .newseach2-more {
	font-size: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    /*background: url(../../img/icon-more.png) no-repeat 75px top;*/
	color: #F29700;
}
.newseach2 .newseach2-more i {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


.newseach2 ul.newseach2-left{
	float: left;
    width: 50%;
}
.newseach2 ul.newseach2-left h3{
	font-weight: bold;
}


.newseach2 ul.newseach2-date{
	float: right;
    font-size: 2.8em;
    width: 50%;
    color: #ccc;
    text-align: right;
    font-weight: 200;
    display: block;
}

.newseach2 ul.newseach2-date li.newseach2-year {
	font-size: 0.5em;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.newseach2 li {
    padding: 0;
    margin: 0;
}






@media (max-width: 767px) {
.newseach2 ul.newseach2-left {
	width: 100%;
	text-align: left;
}
.newseach2 ul.newseach2-date {
	font-size: 1.5em;
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.newseach2 ul.newseach2-date li.newseach2-year {
	font-size: 0.8em;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
}
}





/*========================
       最新消息內頁END
=========================*/
/*========================
     內頁FB TWITTER
=========================*/
.slideImgInsisd{position: absolute; top:55%; left:0; width:56px; z-index:200;}
.slideImgInsisd .shareListTopAll li a{    display: block; width: 36px; height:36px; line-height:36px; font-size:20px; text-align:center; transition: all ease 200ms; margin: 0; float: left;}
.slideImgInsisd .shareListTopAll li a:hover{ width:50px;}
.slideImgInsisd .shareListTopAll li a i{ line-height:36px;}
.slideImgInsisd .facebook {background-color: #3b5998; }
.slideImgInsisd .facebook:hover {background-color: #3b5998;color:#fff;}
.slideImgInsisd .twitter {background-color: #00aced;}
.slideImgInsisd .twitter:hover {background-color: #00aced;	color: #fff;}
.slideImgInsisd .plurk {background-color: #c6602b;}
.slideImgInsisd .plurk:hover {background-color: #c6602b;color: #fff;}
.slideImgInsisd .google {background-color: #d64136;}
.slideImgInsisd .google:hover {background-color: #d64136;color: #fff;}


/*========================
         雲端門市
=========================*/

.grid0{
	float: left;
}
/*
.grid {
	width: 270px;
	min-height: 100px;
	padding: 15px;
	background: #fff;
	font-size: 12px;
	float: left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	margin-top: 8px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 8px;
}
*/
.grid {
	width: 270px;
	min-height: 100px;
	padding: 0px;
	background: #fff;
	font-size: 12px;
	float: left;
	margin-top: 8px;
	margin-right: 30px;
	margin-bottom: 80px;
	margin-left: 5px;
}



.grid .imgholder a:hover img {
    opacity: .6;
}
.grid .imgholder img {
	max-width: 100%;
	background: #ccc;
	display: block;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	height: auto;
	width: 265px;
	border: 1px solid #dedede;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.grid strong {
	display: block;
	font-size: 16px;
	text-align: center;
	margin: 5px 0px;
}


.grid .money{
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
}


.grid .meta {
	text-align: center;
	font-size: 13px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	font-weight: bold;
}
.grid .meta a {
	border: 1px solid #dedede;
	border-radius: 20px;
	padding: 8px 20px;
	color: #838383;
}
.grid .meta a:hover {
	color: #F90;
	background-color: #f7f7f7;
}


/*========================
         雲端門市END
=========================*/



/*========================
     雲端門市-單件詳細內容
=========================*/

.details{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.details .details-img{
	float: left;
}
.details .details-title{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	color: #666666;
	font-size: 14px;
	line-height: 200%;
}
.details .details-title h1{
	font-size: 30px;
	color: #000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.details .details-title .price{
	font-size: 20px;
	font-weight: bold;
	color: #cc0000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.details .details-shopping li{
	color: #FFF;
	background-color: #fd901e;
	background-image: url(../../img/shopping.png);
	background-repeat: no-repeat;
	width: 150px;
	font-size: 16px;
	background-position: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.details .details-shopping li:hover{
	background-color: #F27A02;
}

.details-txt{
	float: left;
	font-size: 16px;
	line-height: 250%;
	color: #666666;
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
}

/*========================
   雲端門市-單件詳細內容END
=========================*/


/*========================
           頁尾
=========================*/

.container .slideImg ul{
	display: list-item;
}

/*========================
           頁尾END
=========================*/



/*========================
        註冊 / 登入
=========================*/

.row-member {
	margin-left: -15px;
	margin-right: -15px;
	font-size: 14px;
}





.row-member .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.loginBox.ltBox {
    height: 450px;
    margin: 96px 0 0;
    text-align: center;
    border-right: 5px solid #E6E5E5;
}
.loginBox.ltBox2 {
    height: 450px;
    margin: 96px 0 0;
    text-align: center;
    /*border-right: 5px solid #E6E5E5;*/
}

.loginBox.ltBox li .forline {
	background-color: #F0F0F0;
	background-image: url(../../img/inputline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.loginBox.ltBox2 li .forline {
	background-color: #F0F0F0;
	background-image: url(../../img/inputline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.loginBox.ltBox li input {
    width: 310px;
    padding: 0 25px;
    height: 45px;
    line-height: 45px;
    border: none;
    font-size: 14px;
    font-weight: normal;
    background: #F0F0F0;
}
.loginBox.ltBox2 li input {
    width: 310px;
    padding: 0 25px;
    height: 45px;
    line-height: 45px;
    border: none;
    font-size: 14px;
    font-weight: normal;
    background: #F0F0F0;
}

.loginBox .lobtn a {
	width: 310px;
	display: block;
	padding: 8px 10px;
	margin: 20px auto 0;
	color: #fff;
	text-align: center;
	font-size: 16px;
	background-color: #FFC96F;
}
.loginBox .lobtn a:hover {
	background-color: #F29700;
	color: #FFF;
}

.loginBox a {
    color: #337ab7;
    text-decoration: none;
}
.loginBox a:hover {
	color: #296392;
}

.loginBox.ltBox li h2 {
	color: black;
	padding-top: 12px;
	padding-bottom: 42px;
	font-size: 30px;
}
.loginBox.ltBox2 li h2 {
	color: black;
	padding-top: 12px;
	padding-bottom: 42px;
	font-size: 30px;
}

.loginBox.ltBox .blink {
    width: 310px;
    margin: 18px auto 0;
}
.loginBox.ltBox2 .blink {
    width: 310px;
    margin: 18px auto 0;
}

.loginBox.ltBox .blink .binx {
    float: left;
}
.loginBox.ltBox2 .blink .binx {
    float: left;
}

.loginBox.ltBox .blink .forb {
    float: right;
}
.loginBox.ltBox2 .blink .forb {
    float: right;
}



.loginBox.rtBox {
    padding: 50px 30px;
}


.loginBox.rtBox li {
    margin-bottom: 15px;
}

.loginBox.rtBox li h2 {
    color: black;
    text-align: center;
    padding-top: 12px;
    margin-bottom: 20px;
    font-size: 30px;
}



/*========================
        註冊 / 登入END
=========================*/








/*========================
         文字設定
=========================*/

.txt-orange{
	font-size: 18px;
	color: #F29700;
}

/*========================
         文字設定END
=========================*/


@media (min-width: 768px){
.gradient{ position:absolute;     right: 0; top:0; bottom:0; width:80%;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.camera_caption {    position: absolute;
    z-index: 3;
    text-shadow: 1px 1px 10px #000;
    width: 80%;
    color: #fff;
    font-size: 50px;
    right: 5%;
    padding: 30px;
    bottom: 25%;
    text-align: right;
}
.camera_caption h2 {font-size: 55px;line-height: 70px; color: #fff;   display: block; text-align: right; font-weight:bold;}
.camera_caption h3{ font-weight:bold; font-size:30px;}
.camera_caption h6 {font-size: 36px; line-height: 36px; color: #fff; text-align:right; margin-bottom:15px;}
p small { text-align:right;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    letter-spacing: 2.88px;
    text-transform: uppercase;
    display: inline-block; margin-bottom:15px;
}
.btn1, .btn2,.btn3 {
    display: inline-block; font-size:20px; font-weight:bold; background-color:rgba(255,255,255,.3);
	text-shadow:none;
    letter-spacing: 1.2px;
    border: 2px solid #0068B7;
    padding: 5px 30px;
    color: #fff;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn2 { background: #0068B7; color:#fff; padding: 7px 30px; border: none; margin-left: -5px;}
.btn3{ background: #79C06E; color:#fff; padding: 7px 30px; border: none; margin-left: -5px;}
.btn1:hover{ background-color:#fff;color:#0068B7;}
.btn2:hover{ background-color:#fff;color:#0068B7;}
.btn3:hover{ background-color:#79C06E;color:#fff;}
.btn1[href="#"]{
    color: #ccc!important;
    background-color: #F4F4F4!important;
    text-shadow: 1px 1px #fff!important;
    cursor: default!important;
}
.btn2[href="#"]{
    color:  #2E98E8!important;
    text-shadow:none!important;
    cursor: default!important;
    background-color:#0068B7!important;
}
}
@media (min-width: 992px){
.navbar-nav>li.active>a::before{
	background: #F0F0F0;
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: inline-block;
	-webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
	}
.navbar-nav>li>a::before {   
	background: #F0F0F0;
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: inline-block;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
 
}
.navbar-nav>li>a.active{ color:#000;}
.navbar-nav>li>a:hover::before,.navbar-nav>li>a.active::before { 
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.navbar-nav>.dropdown.open>a::before, .navbar-nav>.dropdown.open>a:focus::before, .navbar-nav>.dropdown.open>a:hover::before {
   background: #F0F0F0;
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: inline-block;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); 
}
	}
/*========================================
                內頁
==========================================*/
@media (min-width: 1200px){.container { width: 1000px;}}
.white{ color:#fff;}
.red{ color:#BD0000}
.blue{ color:#00F;}
.green{ color:#393;}
.bg-gray{ background-color:#9fa0a0;}
.bg-red{ background-color:#BD0000}
.bg-blue{ background-color:#00F;}
.bg-green{ background-color:#393;}
.webeditor { padding-bottom:30px; line-height:160%;}
.webeditor p{ margin-bottom:25px;}


/*麵包屑 路徑*/
.breadcrumb{ font-size:90%;}
/*頁碼*/
.pageBox{ text-align:center;}
.pagination>li>a, .pagination>li>span{ color:#000;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#F29700;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color:#000;border-color:#000;}
.pagination{display:block;padding:0 15px 10px 15px; font-family:'Open Sans', sans-serif;
   max-width:1280px;margin:0 auto;overflow:hidden;z-index:1;}
.pagination>li:first-child{float:left;}
.pagination>li:last-child{float:right;}
.pagination>li:first-child span:after{content:" Prev";}
.pagination>li:last-child span:before{content:"Next ";}
/*簡章頁面*/
.webeditor .box__button{ text-align: center; margin-top:30px; margin-bottom:50px;}
.webeditor .box__button .btn1:hover, .webeditor .box__button .btn2:hover{ padding-left:40px; padding-right:40px;}
.webeditor .box__button .btn1{color:#DADADA; background-color:#F4F4F4; border-color:#E8E8E8; cursor: default;} 
.webeditor .box__button a .btn1{color:#0068B7; border-color:#0068B7;background-color: rgba(255,255,255,.3); cursor:pointer;}
.webeditor .box__button .btn2:hover { background-color:#0068B7; color:#fff;}
.webeditor .formateHead p{ text-indent:2em;}
.webeditor .formatBody p{ text-indent:-5em; padding-left:5em; margin-top:30px; margin-bottom:0;}
.webeditor .formatBody p+ul{ margin-bottom:30px;}
.webeditor ul li{  list-style:disc; margin-left:2em; }
.webeditor .formatBody p+ol{}
.webeditor .formatBody ol+table{}
.webeditor ol li{ list-style:decimal; margin-left:1em; }
/*簡章上半指導單位-活動路線*/
.webeditor .formatBody.shirkp p{ margin-bottom:5px; margin-top:0px;}
/*用來做活動流程*/
.webeditor ul.nolist li{ list-style:none;}
.webeditor ul.indent7 li{text-indent:-7.8em; padding-left:7.8em; margin-left:0;}
/*用來做表格*/
.webeditor .formatBody table{ margin-bottom:0px;}
.webeditor table[border*="1"] td{ border:solid 1px #ccc;}
.webeditor .formatBody table p{ margin-bottom:0; margin-top:0; text-indent:0; padding-left:0;}
.webeditor td{ padding:5px;}
.webeditor .table-striped2>tbody>tr:nth-of-type(even) {background-color: #F9F8CC;}
/*用來作成績*/
.resultBox ul li,.webeditor .resultBox ul li{ list-style:none; margin-left:0;}
.resultBox { box-shadow:0 1px 4px rgba(0,0,0,.3); padding:20px; border-radius:10px;}
.resultBox ul li h2{ background-color:#F29700; color:#fff; padding:6px 15px;}
.resultBox ul li ul li{padding:5px 15px;border-bottom:solid 1px #ccc; }
.resultBox ul li ul li:last-child{ border-bottom:none;}
.resultBox>ul>li>ul>li:nth-of-type(odd) {background-color: #F9F8CC;}
.resultBox ul li ul li a{ display:block; }
.resultBox ul li ul li a[href*=".asp?"]:before { content: url(../../img/icon_doc.png); margin-right: 5px;}
.resultBox ul li ul li a[href$=".pdf"]:before { content: url(../../img/icone_pdf.gif); margin-right: 5px;}
/*成績內頁*/
.phtotWrap{ margin-top:30px;}
.phtotWrap.half{ float: right; width: 50%; margin-top: 0;  margin-left: 10px; margin-bottom: 10px;}
.phtotWrap figure{ float:left;padding:0 15px; vertical-align:top; margin-bottom:30px;}
.phtotWrap figure img{border:solid 1px #ccc; padding:5px; box-shadow:0 10px 10px -4px rgba(0,0,0,.3);}
.phtotWrap figcaption{ text-align:center;}
/*新聞內頁*/
.newsHead .newsDate{ display: block;text-align: center;margin-bottom:10px;}
.newsHead .newsDate:after {display: none;}
.newsHead{border-bottom: solid 1px #ccc; margin-bottom: 20px;}
.newsBody a{color:#0068B7;}
a.back{text-align: center;display: block; font-size: 20px;margin-bottom: 20px;}
a.back .round{width: 30px; height: 30px;text-align: center;border-radius: 50%;
display: inline-block; border:solid 2px #333; margin-right: 5px;}
a.back .round i{line-height: 25px;}
a.back:hover .round{border-color: #F29700;}
.newsBody{min-height: 200px;}
.newsFoot{overflow: hidden;z-index: 1; margin-bottom: 20px;}
.newsFoot span{ display: inline-block; }
.newsFoot span a{color: #000; font-size: 110%; border:solid 1px #000; border-radius: 5px;display: block;
padding:5px 10px;}
.newsFoot span a:hover{background-color:#F29700;color: #fff; border-color:#F29700; }
.newsFoot .prevNews{float: left;}
.newsFoot .nextNews{float: right;}
.webeditor h1{
    font-size:36px;
    font-weight:bold;
    text-align:center;
    margin-bottom:25px;
}
.line00{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    width: 100%;
    padding-bottom: 20px;
}

.nd-right0 {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 60px;
    margin-left: 0px;
}
.nd-right {
    color: #999;
    background-image: url(../../img/new-back.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 30px;
    font-family: "微軟正黑體";
}
/*小方塊緞帶*/
.wrapper {
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3); 
  position: relative;
  z-index: 9990;
}

/*其他*/
.ribbon {
  background-color: #BD0000;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  box-sizing: border-box;
  color: #fff;
  padding: 4px 10px 4px 12px;
  position: absolute;
  top: 5px;
  right: -12px;
  z-index: 999;
}
.ribbon.gameOver{background-color: #9FA0A0;}
.ribbon.gameHold{background-color: #339933;}
.ribbon:after {
  border-color: #630000 transparent transparent #630000;
  border-style: solid;
  border-width: 6px;
  bottom: -12px;
  content: "";
  position: absolute;
  right: 0;
}
.ribbon.gameOver:after {border-color: #505151 transparent transparent #505151;}
.ribbon.gameHold:after {border-color: #24541C transparent transparent #24541C;}
.ribbon h1:before {
  color: #fff;
  content: "";
  font: 26px sans-serif;
  position: absolute;
  right: 12px;
  top: -2px;
}
/*FB 照片及錦*/
.fbBox>li,.fbBox>div li{ margin-bottom: 30px; }
.photoBox {width: 200px; height: 200px;background-repeat: no-repeat;background-size:auto 200px; 
    background-position: center center;position: relative;}
.photoTxt{position: absolute;top:5px;left: 5px;bottom: 5px; right: 5px; z-index: 2;
    border: solid 2px #fff;text-align: left;}
.photoTxt h4{background-color: rgba(0,0,0,.8);position: absolute;bottom: 0; left: 0; right: 0;
padding:10px 5px; color: #fff;transition:all ease .2s;}
.photoTxt h4 .small{display: block;color: #b8b6b6; margin-bottom: 10px; font-family: arial;}
.photoTxt:hover h4{padding-bottom:20px;background-color: rgba(0,0,0,.95)}
/*Youtube*/
.youtubeBox,.videoTitle,.videoDate{text-align: left;}
.youtubeBox>li{margin-bottom:30px}
.videoTitle{font-weight:bold;}
.videoDate{color: #666; font-family: arial, serif; font-size: 90%;}
a.scrollNext {color: #000;position: relative; display: inline-block; height: 55px;}
a.scrollNext i{color: #F29700; transition: all ease .2s;position: absolute; bottom: 14px; left: 50%; margin-left:-8px;}
a.scrollNext:hover i{ bottom: 5px; }
p.clear{clear:both;}
/*新賽事活動*/
.chooseEvent{text-align:center; margin-bottom:10px; font-size:20px;}
.chooseEvent select{height:41px; border-radius:4px; padding:5px; border:solid 1px #ccc;}
.eventBox2{max-width: 1280px; margin:0 auto;}
.eventBox2.index{padding-top:30px;}
.eventBox2 li .eventItem{position: relative;border: 1px solid #e5e5e5;margin-bottom: 20px;
-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    }
.eventItem:hover {
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 20px 20px;   
}
.eventBox2 li figure{position: relative;overflow: hidden;}
.eventBox2 li figure::before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 100%;
    z-index: 1;
    }
.eventItem:hover figure::before{-moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity:0.5; opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.eventBox2 figure img{width: 100%; height: auto;transition: .35s;}
.eventItem:hover img {transform: scale(1.5);}
.eventBox2 .date{
background-color: #2f2f2f;color: #fff;font-size: 18px;
    left: 0; line-height: 1;min-height: 74px;min-width: 70px; padding: 16px 0 18px;
    position: absolute; text-align: center;top: 0;z-index: 10;border-right: none;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    
}

.eventItem:hover .date{background-color: #F29700;    left: 50%;    margin-left: -35px;}
.eventBox2 .date strong{display: block; margin-top: 5px; font-size:20px;}
.shape {position: relative;
    background-color: transparent;    
    border-top: 0;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    
    width: 100%;
}


.shape-inner{background: transparent;
    display: block;
    padding: 19px 30px 30px;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 100%;
    z-index: 20;
}
.eventItem:hover {

}
.entry-limit{height:220px; overflow: hidden;}
.entry-title{font-weight: bold; color: #000; margin-top: 10px;}
.entry-meta{margin:10px 0; color: #0068B7;display:none;}
.entry-content{margin-bottom: 15px;}
a.btn-white{border-color: #000;color: #666;padding: 6px 10px;
border-radius: 0px;  margin-right: 5px; margin-bottom:10px; transition: ease all .2s;font-size: 15px;}
a.btn-white:hover{background-color: #F29700; color: #fff; border-color: #f29700;}
.btn-default{background-color:#9FA0A0;border-color:#9FA0A0;color:#eee;}
.btn-default:hover{background-color:#6E7474;border-color:#6E7474;color:#eee;}
/*賽前公告*/
.preNotice{padding:30px 0; margin-top:30px;}
.preNotice h2{margin-bottom:30px;}
.preNotice a{color:#0068B7;}
.line-caption:after, .line-caption:before {
    border-top: 1px solid #757575;
    content: '';
    display: table-cell;
    position: relative;
    top: .5em;
    width: 45%;
}
.line-caption:before {
    right: 1.5%;
}
.line-caption:after {
    left: 1.5%;
}
.line-caption {
    display: table;
    white-space: nowrap;
    text-align: center;
}