@charset "utf-8";

/* ======================================
	Category:
	01. 基本設定
	02. page分頁
	03. 輪播基本設定
	04. 頁首
	05. 小螢幕時選單設定
	06. 輪播區塊
	07. 頁尾
	08. 頁面共同設定
	09. 首頁 index.php
	10. 服務說明 service.php
	11. 活動剪影 albums.php
	12. 報名資料填寫
	13. 規劃師
	14. 優惠
	15.加入平台

====================================================================================================================================== */





/* ======================================
	01. 基本設定
====================================================================================================================================== */
body , .wrapper{ color:#333; background:#fff;}


/*a 鏈結字*/
a { color:#333;}
a:hover, a:focus { /*color:#F07B09;*/ color:#e71f19; text-decoration:none; }


/*圖片*/
/*.pic img{ width:100%; height:auto;}
.maxpic img{ max-width:100%; height:auto;}*/


/*方形圖設定*/
.item-thumb-frame { position: relative; display: block; width: 100%; overflow: hidden; }
.item-thumb { display: block; max-width: 100%; padding-bottom: 100%; }

/*.flex-container{ display: flex; flex-wrap:wrap; align-items:center; }*/





/* ======================================
	02. page分頁
====================================================================================================================================== */
.page{
	font-size:1em;
	margin:15px 0 45px 0;
	text-align:center;
	color:#666;
	font-size:14px;
}
.page a , .page span{
	display:inline-block;
	border: 1px solid #666;
	padding: 2px 4px;
	margin:0 1px;
	font-size:14px;
	line-height:1.3;
	min-width:24px;
	color:#666;
}
.page span{ background:#0051a3; color:#fff; border-color:#0051a3;}
.page a:hover{ background:#666; color: #fff; border-color:#666; }





/* ======================================
	03. 輪播基本設定
====================================================================================================================================== */
/*輪播-左右按鈕*/
.owl-nav-style .owl-next , .owl-nav-style .owl-prev{
	position: absolute;
	top:50%;
	width: 35px;
	height: 35px;
	margin-top:-20px;
	opacity:0;
	transition: all 0.2s ease-in-out;
}
.owl-nav-style .owl-prev { left: 0px; }
.owl-nav-style .owl-next{ right: 0px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before , .owl-nav-style .owl-next:after{
	position:absolute;
	z-index:5;
	left:50%;
	margin-top:-6px;
	width:4px;
	height:16px;
	content:"";
	background:#fff;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
}
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:after{ bottom:50%; margin-bottom:-12px; }
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before{ top:50%; margin-top:-12px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:before{
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:after{
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.owl-nav-style:hover .owl-prev , .owl-nav-style:hover .owl-next{ opacity:0.8; }
.owl-nav-style .owl-prev:hover , .owl-nav-style .owl-next:hover{ opacity:1; }


/*輪播-底下圓圈*/
.owl-dots-style .owl-dots{ position:absolute; bottom:10px; left:1%; width:98%; z-index:3; text-align:right; padding:0 10px;}
.owl-dots-style .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-dots-style .owl-dots .owl-dot span {
	width:12px;
	height:12px;
	margin:0px 4px;
	background:#fff;
	border:1px solid #e71f19;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.owl-dots-style .owl-dots .owl-dot.active span, .owl-dots-style .owl-dots .owl-dot:hover span { background:#e71f19; border:3px solid transparent;}
@media (max-width:960px) { 
	.owl-nav-style .owl-prev { left: 0px; }
	.owl-nav-style .owl-next{ right: 0px; }
	
	.owl-dots-style .owl-dots{ bottom:5px; padding:0; line-height:1; }
	.owl-dots-style .owl-dots .owl-dot span { width:12px; height:12px; margin:0px 12px; border-width:2px; } 
}
 





/* ======================================
	04. 頁首
====================================================================================================================================== */
/*logo和選單列*/
.header_main{
	background:#fff;
	border-bottom: 5px solid #e71f19;
	/*padding:5px 0;*/
}
.header-flex{
	display: flex; flex-wrap:wrap;
	align-items:flex-end;
}
.header-left{
	flex:1 1 auto;
	width:1%; min-width:0;
}
.header-right{
	width:50px;
}

@media (min-width:992px){
	.header-left{
		flex:none;
		width:250px;
		margin-right:10px;
	}
	.header-right{
		flex:1 1 auto;
		width:1%; min-width:0;
		
		text-align:right;
	}
}



.logo{ max-width:400px; margin:10px 0 7px 0; line-height:1; /*border:1px solid red;*/ }
.logo a{ display:block; width:100%; height:100%; }
.logo img{ display:block; max-width:100%; height:auto;}
.logo span{ 
	font-size:18px;
	text-align:center;
	color:#333;
	font-family:"標楷體"; font-weight:600;
}

/*選單*/
.menu-list{ display:block; text-align:right; }
.menu-list li{ display:inline-block; vertical-align:middle; }
.menu-list li a{ display:block; padding:5px 10px; }
.menu-list li a .menu-icon{ display:inline-block; vertical-align:middle; width:30px; height:30px; }
.menu-list li a .menu-icon img{ display:block; max-width:100%; height:auto; }
.menu-list li a .menu-icon.hover{ display:none; }
.menu-list li a .menu-text{
	display:inline-block; vertical-align:middle;
	position:relative; font-weight:600;
	min-height:30px;
}

.tel-number{ text-align:right; /*margin:5px 0;*/ margin-left:2rem; }
.tel-number span{ font-size:14px; color:#881D21; margin-right:5px; }
.tel-number span.phone{ font-size:20px; font-weight:600; }

.menu-list li a:hover{ background:#e71f19; }
.menu-list li a:hover .menu-icon.show{ display:none; }
.menu-list li a:hover .menu-icon.hover{ display:inline-block; }
.menu-list li a:hover .menu-text{ color:#fff; }




.header_fixed.is-sticky{
	position:fixed; z-index:900; top:-300px; left:0;
	width:100%; height:auto;

	background:#fff;
	box-shadow:0 2px 6px rgba(0,0,0,0.1);
	
	transition:transform 0.6s ease-in-out;
}
.header_fixed.is-sticky.is-scroll{
	transform:translateY(300px);
}


.header_fixed.is-sticky.is-scroll .logo{
	max-width:160px;
}







.fixbar{
	position:fixed; z-index:10; bottom:0; left:0;
	width:100%; height:56px;
	background:#fff;
	box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width:992px){
	.fixbar{
		display:none;
	}
}

.fixbar_row{
	display: flex; flex-wrap:wrap; align-items:stretch;
	height:100%;
}
.fixbar-one{ width:45px; }
.fixbar-two{
	width:calc( 100% - 90px );
	border-width:0 1px;
	border-style:solid;
	border-color:#ccc;
}
.fixbar-three{ width:45px; }


/*固定列-左右標籤*/
.fixicon{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	
	width:100%; height:100%;
}
.fixicon .icon{
	display:block;
	max-width:24px;
}
.fixicon .icon img{ display:block; max-width:100%; height:auto; }


/*公司名稱*/
.signup-com{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	
	width:100%; height:100%;
	font-size:16px;
	text-align:center;
	color:#333;
	font-family:"標楷體"; font-weight:600;
}
.signup-com span{ display:block; }




.tool-bar{}
.tool-item{
	display:block;
	padding:2px 3px;
}

.tool-item select{
	width:100%;
	/*padding:6px;*/
	height:46px;
	border:1px solid #fff;
	color:#333;
	font-size:15px;
	cursor:pointer;
	border-radius:4px;
	padding:0 25px 0 10px;
	overflow:hidden;
	
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;/*移除箭頭樣式*/
	
	background:#fff url(../images/selt-arrow.png) no-repeat right 10px center;/*改變右邊箭頭樣式*/
}




.signupbar{
	display: flex; flex-wrap:wrap;
	width:100%; height:100%;
}
.signupbar li{
	display:block;
	width:50%; height:100%;
	padding:6px 5px;
}

.signuptag{
	display: flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	
	width:100%; height:100%;
	background:#3998EE;
	border:1px solid #3998EE;
	border-radius:6px;
	padding:1px 4px;
	text-align:center;
	overflow:hidden;
}
.signuptag-title,
.signuptag-subtitle{
	display:block;
	width:100%;
	color:#fff;
	line-height:1;
	margin:2px 0;
}
.signuptag-title{ font-size:14px; font-weight:600; }
.signuptag-subtitle{ font-size:10px; } 
@media (min-width:640px){
	.signuptag-title{ font-size:16px; }
	.signuptag-subtitle{ font-size:12px; } 
}

.signuptag.red{
	background:#fff; border-color:#e62222;
}
.signuptag.red .signuptag-title{
	color:#e62222;
}








/* ======================================
	05. 小螢幕時選單設定
====================================================================================================================================== */
/*小螢幕時選單鈕*/
.menu-trigger{ display:none; }
.menu-trigger-icon,
.menu-trigger-txt{ display:inline-block; vertical-align:middle; line-height:1; }
.menu-trigger-icon{
	position:relative;
	width:44px;
	height:44px;
}
.menu-trigger-icon:before,
.menu-trigger-icon:after{
	position:absolute; left:15%; content:"";
	width:70%; height:4px;
	border-radius:4px;
	margin-top:-1px;
	background:#8E1E22;
	
	transition:transform 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
}
.menu-trigger-icon:before{ top:25%; }
.menu-trigger-icon:after{ top:75%; }

.menu-trigger-icon .iocn-line{
	position:absolute; top:50%; left:15%;
	width:70%; height:4px;
	background:#8E1E22;
	border-radius:4px;
	margin-top:-2px;
}
.menu-trigger.opened .menu-trigger-icon {}
.menu-trigger.opened .menu-trigger-icon:before{
	-webkit-transform: rotate(-45deg) translate(-8px, 8px) ;
    transform: rotate(-45deg) translate(-8px, 8px) ;
}
.menu-trigger.opened .menu-trigger-icon:after{
	-webkit-transform: rotate(45deg) translate(-7px, -7px) ;
    transform: rotate(45deg) translate(-7px, -7px) ;
}
.menu-trigger.opened .menu-trigger-icon .iocn-line{ opacity:0; }

.menu-trigger-txt{ color:#fff; font-weight:bolder; font-size:1.2em; }


.menu-trigger.scrolldown .menu-trigger-icon:before , .menu-trigger.scrolldown  .menu-trigger-icon:after{ background:#6c6c6c; }
.menu-trigger.scrolldown .menu-trigger-icon .iocn-line{ background:#6c6c6c }




/* ======================================
	06. 輪播區塊
====================================================================================================================================== */
.slider-banner{ padding:15px 0; background: #e6e8e7; margin-bottom:15px; }
.banner img{ display:block; max-width:100%; height:auto; }




/* ======================================
	07. 頁尾
====================================================================================================================================== */
.footer { background: #252525; padding:30px 0; }

.footer-flex-wrap{ display:flex; flex-wrap:wrap; }
.footer-flex-left{ width:60%; }
.footer-flex-right{ width:40%; }

.footer , .footer a{ color:rgba(255,255,255,0.6); }
.footer a:hover{ color:rgba(255,255,255,1); }

.footer-info-list{ margin-bottom:13px; }
.footer-info-list li{ font-size:13px; letter-spacing: 1px; }
.footer-info-list li span{ display:inline-block; margin-right:6px; }

.footer-info-list.right-side{ text-align:right; }

/*.footer-info-list.mark{ margin-bottom:26px; }
.footer-info-list.mark li , .footer-info-list.mark li a{ color:#fff; }*/


.copyright{ text-align:right; font-size:13px; }
.copyright , .copyright a{ color:rgba(255,255,255,0.6); }
.copyright a:hover{ color:rgba(255,255,255,1); }

.copyright p:nth-child(2){ margin-top: 10px; }

.social-list{ display:block; margin-top:10px; text-align:right; }
.social-list li{ 
	display:inline-block;
	width:35px;
	margin:3px 0 3px 14px; 
	padding:3px;
	border:1px solid #fff;
	overflow:hidden;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
	opacity:0.7;
	
	transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
}
.social-list li img{ display:block; max-width:100%; height:auto; }
.social-list li:hover{
	opacity:1;
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}






/* ======================================
	08. 頁面共同設定
====================================================================================================================================== */
/*大標*/
.page-headline-wrap{
	position:relative;
	padding:15px 0 10px 0;
	margin-bottom:15px;
	border-bottom:3px solid #ccc;
	
	background:linear-gradient(top,#FBFBFB , #F2F2F2 );
	background:-moz-linear-gradient(top,#FBFBFB , #F2F2F2 );
	background:-webkit-linear-gradient(top,#FBFBFB , #F2F2F2 );
	background:-o-linear-gradient(top,#FBFBFB , #F2F2F2 );
	background:-ms-linear-gradient(top,#FBFBFB , #F2F2F2 );
}
.page-headline-wrap:before{
	position:absolute;
	z-index:1;
	bottom:-1px;
	left:0;
	width:100%;
	height:1px;
	content:"";
	background:#fff;
}
.page-headline{ text-align:center; }
.page-headline .title{ font-size:22px; font-weight:600; }



/*內容內縮*/
.main{ /*margin-top:15px;*/ }
.main-pd-area{ width:100%; max-width:1000px; margin-left:auto; margin-right:auto; }



/*搜尋區塊*/
.search-flex{ display: flex; flex-wrap:wrap; padding:0 20%; }
.search-left{ width:calc(100% - 100px); margin-right:20px; }
.search-right{ width:80px; }

.search-box{
	position:relative;
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding-right:45px;
	background:#fff;
	border:1px solid #ccc;
	overflow:hidden;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.search-input , .search-btn{ 
	line-height:1; 
	border-width:0px;
	border:1px solid transparent;
	border-radius:0px;
}
.search-input{
	background:#ffffff;
	width:100%;
	padding:5px 20px;
	color:#333;
	height:46px;
	font-size:18px;
}
/*搜尋按鈕*/
.search-btn{
	position:absolute; 
	top:7px; 
	right:7px;
	cursor:pointer;
	width:36px;
	height:36px;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.search-input:focus{ border:1px solid transparent; }
.search-btn:hover{ opacity:0.8; }

.search-box.small .search-input{ height:35px; font-size:16px; padding:5px 10px; }
.search-box.small .search-btn{ top:1px; right:5px; width:35px; height:35px; }

.all-search-box a{
	position:relative;
	display:block; 
	background:#ccc; 
	color:#fff; 
	font-size:30px;
	font-weight:600;
	text-align:center;
	line-height:1.7;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.all-search-box a:hover{ background:#8E1E22; color:#fff; }




/*分類*/
.category-area{ position:relative; width:100%; margin:10px 0 30px 0; }
.category-list{ display: flex; flex-wrap:wrap; }
.category-list li{ 
	width:10%;
	border:1px solid #ccc;
	border-right-width:0px;
	transform:skewX(-15deg);
	margin:5px 0;
}
.category-list li:nth-child{10n}{ border-right:1px; }

.category-list li a{
	display:block;
	text-align:center;
	background:#0051a3; 
	color:#fff;
	padding:2px;
	font-size:15px;
}
.category-list li a span{ display:block; transform:skewX(15deg); }

.category-list li a:hover , .category-list li.active a{ background:#8E1E22; color:#fff; }
.category-list li.active a{ cursor:default; }


.category-trigger{
	display:none;
	background:#0051a3; 
	color:#fff;
	padding:8px 25px;
	min-width:120px;
	border:1px solid #003061;
	font-size:15px;
	text-align:center;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.category-trigger:hover , .category-trigger:focus{ color:#fff; }

.toggle-trigger-icon , .toggle-trigger-txt{ display:inline-block; vertical-align:middle; }
.toggle-trigger-icon{
	position:relative;
	width:24px;
	height:24px;
}
.toggle-trigger-icon:before , .toggle-trigger-icon:after{
	position:absolute;
	left:15%;
	width:70%;
	height:2px;
	margin-top:-1px;
	content:"";
	background:#fff; 
	
	transition:transform 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
}
.toggle-trigger-icon:before{ top:25%; }
.toggle-trigger-icon:after{ top:75%; }

.toggle-trigger-icon .iocn-line{
	position:absolute;
	top:50%;
	left:15%;
	width:70%;
	height:2px;
	margin-top:-1px;
	background:#fff;
}
.category-trigger.opened{ background:#8E1E22; color:#fff; border-color:#551214; }
.category-trigger.opened .toggle-trigger-icon:before{
	-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;
    transform: rotate(-45deg) translate(-5px, 5px) ;
}
.category-trigger.opened .toggle-trigger-icon:after{
	-webkit-transform: rotate(45deg) translate(-3px, -4px) ;
    transform: rotate(45deg) translate(-3px, -4px) ;
}
.category-trigger.opened .toggle-trigger-icon .iocn-line{ opacity:0; }

.menu-trigger-txt{ color:#fff; font-weight:bolder; font-size:1.2em; }




.item-box{ 
	position:relative; 
	width:100%; 
	margin:30px auto 45px auto; 
	min-height:100px;  
	border:1px solid #ccc;
	background:#fff;
	padding:15px 30px 20px 30px;
	
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.item-box-headline{
	margin-bottom:20px;
}
.item-box-headline .title{ display:inline-block; font-size:1em; color:#333; background:#fff; }

.item-box.medium{ max-width:960px; }
.item-box.small{ max-width:400px; }

.item-box-content{ display: flex; flex-wrap:wrap; }





/*編輯器區塊*/
.editor-area{ margin:10px 0; color:#333; line-height:2; }
.editor-area img{ max-width:100%; height:auto; }
.editor-area iframe{ max-width:100%;}











/* ======================================
	09. 首頁 index.php
====================================================================================================================================== */
/*月活動*/
.activity-calendar{ width:310px; margin-right:30px; }
.activity-month-area{ width: calc(100% - 340px); }

.activity-calendar img{ display:block; max-width:100%; height:auto; }

.tb-activity-month{
	border: 1; 
	border-collapse: collapse; /*讓表格間無間隔*/
	width:100%;
	margin-bottom:10px;
	/*text-align:center;*/
}
.tb-activity-month th , .tb-activity-month td{ border:1px solid #ccc; padding:2px 10px; font-size:0.75em; }
.tb-activity-month th.time , .tb-activity-month td.time{ width:28%; }
.tb-activity-month th.content , .tb-activity-month td.content{ width:72%; }

.tb-activity-month th{ font-weight:600; text-align:center; }
.tb-activity-month td.time{ color:#666; text-align:center; }
.tb-activity-month td.content a{ color:rgb(0, 90, 181); }
.tb-activity-month td.content a:hover{ text-decoration:underline; color:#F07B09; }




/*月份陳列與搜尋*/
.month-choose-flex{ display: flex; flex-wrap:wrap; align-items:center; margin:30px 0; }
.month-choose-left{ width:calc(100% - 250px - 30px); margin-right:30px; }
.month-choose-right{ width:250px; }

.month-choose-right .search-box{ max-width:100%; }

.choose-area{ display:flex; flex-wrap:wrap; align-items:center; width:100%; }
.year-choose-box{ width:150px; }
.month-choose-box{ width:calc(100% - 150px - 10px - 10px - 100px); margin-left:10px; margin-right:10px; }
.all-choose-box{ width:100px; }

.year-choose-box{ height:50px; background:#ccc; padding:7px 20px; transform:skewX(-15deg); }
.year-choose-frame{ transform:skewX(15deg); }
.year-choose-select{
	font-size:16px; 
	background:transparnet; 
	width:100%; 
	background:rgba(255,255,255,0.4); 
	border:1px solid #ccc;
	padding:5px;
	font-size:14px;
}

.month-choose-frame{ display:none; transform:skewX(15deg); }
.month-choose-select{
	font-size:16px; 
	background:transparnet; 
	width:100%; 
	background:rgba(255,255,255,0.4); 
	border:1px solid #ccc;
	padding:5px;
	font-size:14px;
}


.month-choose-list{ display:flex; flex-wrap:wrap; align-items:center; }
.month-choose-list li{ width:8.3%; }
.month-choose-box a{ 
	position:relative;
	display:block;
	text-align:center;
	margin:20px 0;
	padding:8px 0;
	font-size:16px;
	color:#666;
	transform:skewX(-15deg);
	border-right:1px solid #ccc;
}
.month-choose-box a span{ transform:skewX(15deg); }
.month-choose-box a:before{
	display:none;
	position:absolute;
	bottom:-9px;
	left:50%;
	width: 0;
	height: 0;
	content:"";
	margin-left:-5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #8E1E22;
	transform:skewX(15deg);
}

.month-choose-list li:last-child a{ border-right-width:0px; }
.month-choose-box a:hover{ background:#8E1E22; color:#fff; }

.month-choose-box a.active{ background:#8E1E22; color:#fff; font-weight:600; font-size:18px; }
.month-choose-box a.active:before{ display:block; }


.all-choose-box{ }
.all-choose-box a{
	position:relative;
	display:block; 
	background:#ccc; 
	color:#fff; 
	font-size:30px;
	padding-left:20px;
	font-weight:600;
	transform:skewX(-15deg);
}
.all-choose-box a:before{
	position:absolute;
	top:-22px;
	right:-3px;
	width:24px;
	height:100%;
	content:"";
	background:#fff;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.all-choose-box a:after{
	position:absolute;
	bottom:-16px;
	right:-8px;
	width:24px;
	height:80%;
	content:"";
	background:#fff;
	-moz-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	transform:rotate(30deg);
}
.all-choose-box a span{ transform:skewX(15deg); }

.all-choose-box a:hover{ background:#8E1E22; color:#fff; }




.acitity-list{ display: flex; flex-wrap:wrap; width:100%; align-items:stretch; }
.acitity-list li{ width:32%; margin-right:2%; margin-bottom:30px; }
.acitity-list li:nth-child(3n){ margin-right:0; }
.acitity-item{ 
	width:100%;
	border:1px solid #ccc; 
	padding:8px;
	
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.acitity-item .photo{ position:relative; margin-bottom:20px; }
.acitity-item .photo{ background-size:cover; }

.acitity-item .photo .item-thumb-frame .item-thumb{ padding-bottom:70%; }
.acitity-item .name{
	font-size:1.2em;
	line-height:1.5;
	padding:5px 10px;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
	max-height:65px;
	overflow:hidden;
	background:rgba(0,81,163, 1);
	border:1px solid transparent;
}
.acitity-item .info-area{ padding:5px; }







/*===== 資訊*/
.info{
	display:flex; flex-wrap:wrap;
	align-items:center;
	margin:8px 0;
}
.info-icon,
.info-title,
.info-text{
	display:block;
	color:#333;
	font-size:16px; font-weight:600;
	letter-spacing:0; line-height:1.5;
}


.info-icon{
	width:16px;
	margin-right:4px;
}
.info-icon img{ display:block; max-width:100%; height:auto; }


.info-title{
	position:relative;
	width:44px;
	padding-right:4px;
	margin-right:4px;
}
.info-title:before{
	position:absolute; top:0; right:0; content:":";
}

.info-text{
	flex:1 1 auto;
    width:1%; min-width:0;
}


/*資訊-小*/
.info_small .info-icon{
	width:14px;
}
.info_small .info-title,
.info_small .info-text{
	font-size:14px;
}

/*資訊-大*/
.info_big .info-icon{
	width:18px;
}
.info_big .info-title,
.info_big .info-text{
	font-size:18px;
}



.info_date{
	align-items:flex-start;
}
.info_date .info-title,
.info_date .info-text{
	font-size:12px;
	color:#666;
}












.acitity-item .description{ padding:5px 10px; margin-bottom:15px; color:#333; font-size:0.8em; height:74px; overflow:hidden; }

.acitity-item:hover{
	border-color:#8E1E22;
	
	-webkit-box-shadow:3px 4px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:3px 4px 4px rgba(0, 0, 0, 0.3);
	-o-box-shadow:3px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow:3px 4px 4px rgba(0, 0, 0, 0.3);
}
.acitity-item:hover .name{ background:#8E1E22; }
.acitity-item .more{ color:#000; text-align:center; font-weight:600; padding:3px 10px; margin:5px 0 10px 0; }
.acitity-item:hover .more{ background:transparent; color:#8E1E22; }


.idx-element-area{ position:relative; }
.idx-element-area .company-fixed{ position:absolute; top:5px; right:5px; font-size:12px; color:#999; }





/*活動詳細頁*/
.view-area{ position:relative; margin-top:15px; }

.view-tab-fixed{ position:fixed; z-index:100; top:90px; right:0px; display:none; width:100%; text-align:right; }

.view-tab-trigger{
	display:inline-block;
	background:#0051a3; 
	color:#fff;
	padding:3px 5px;
	width:80px;
	border:1px solid #003061;
	font-size:15px;
	text-align:center;
	border-radius:5px 0 0 5px;

}
.view-tab-trigger:hover , .view-tab-trigger:focus{ color:#fff; }

.view-tab-trigger .toggle-trigger-icon,
.view-tab-trigger .toggle-trigger-txt{ display:inline-block; vertical-align:middle; }
.view-tab-trigger .toggle-trigger-icon{
	position:relative;
	width:24px;
	height:24px;
}
.view-tab-trigger .toggle-trigger-icon:before,
.view-tab-trigger .toggle-trigger-icon:after{
	position:absolute;
	left:15%;
	width:70%;
	height:2px;
	margin-top:-1px;
	content:"";
	background:#fff; 
	
	transition:transform 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
}
.view-tab-trigger .toggle-trigger-icon:before{ top:25%; }
.view-tab-trigger .toggle-trigger-icon:after{ top:75%; }

.view-tab-trigger .toggle-trigger-icon .iocn-line{
	position:absolute;
	top:50%;
	left:15%;
	width:70%;
	height:2px;
	margin-top:-1px;
	background:#fff;
}
.view-tab-trigger.opened{ background:#8E1E22; color:#fff; border-color:#551214; }
.view-tab-trigger.opened .toggle-trigger-icon:before{
	-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;
    transform: rotate(-45deg) translate(-5px, 5px) ;
}
.view-tab-trigger.opened .toggle-trigger-icon:after{
	-webkit-transform: rotate(45deg) translate(-3px, -4px) ;
    transform: rotate(45deg) translate(-3px, -4px) ;
}
.view-tab-trigger.opened .toggle-trigger-icon .iocn-line{ opacity:0; }

.view-tab-toggle-contnet{
	position: absolute;
	z-index:90;
	top:100%;
	right:0;
	width:95%;
	background:#0051a3;
	margin-top:5px;
	
	visibility: hidden;
	opacity:0;
	
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	
	-ms-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	-o-bborder-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
.view-tab-toggle-contnet.opened{
	visibility: visible;
	display: block;
	opacity: 1;
}



.view-name{
	margin-bottom:5px;
}
.view-name .title.bigfont{
	font-size:22px; 
	font-weight:600;
}
.view-name .title.smallfont{
	font-size:14px; 
	font-weight:600;
}
.company-name{ color:#999; font-size:14px; }



/*分頁內容 tab*/
.tab-flex{ display: flex; flex-wrap:wrap; margin:30px 0 15px 0; }
.tab-left{ width:200px; }
.tab-right{width:calc(100% - 200px); }


.tabs-list{
	position:relative; z-index:5;
	display: flex; flex-wrap:wrap;
	background:#aaa;
	border:1px solid #ccc;
	padding:10px 0;
	min-width:200px;
	
	overflow:hidden;
	border-radius:5px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.tabs-list li{ width:100%; }
.tabs-list li a{
	position:relative;
	display:block; 
	padding:9px 5px 9px 40px;
	font-size:13px; font-weight:600;
	
	background:linear-gradient( top , #fff , #e0e0e0 );
	background:-moz-linear-gradient( top , #fff , #e0e0e0 );
	background:-webkit-linear-gradient( top , #fff , #e0e0e0 );
	background:-o-linear-gradient( top , #fff , #e0e0e0 );
	background:-ms-linear-gradient( top , #fff , #e0e0e0 );
}
.tabs-list li a:hover{
	background:#8E1E22;
	color:#fff;
	box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.2);
}
.tabs-list li a:before{
	position:absolute; top:50%; left:5px; content:"";
	width:0; height:0;
	
	border-top: 5px solid transparent;
	border-left: 6px solid #8E1E22;
	border-bottom: 5px solid transparent;	
	
	margin-top:-5px;
	opacity:0;
}

.tabs-list li a .icon{
	position:absolute; top:50%; left:16px;
	width:20px; height:20px;
	margin-top:-10px;
}
.tabs-list li a .icon img{ display:block; max-width:100%; height:auto; }

.tabs-list li a .icon.sta-current{ display:block; }
.tabs-list li a .icon.sta-hover{ display:none; }
.tabs-list li a .icon.sta-active{ display:none; }

.tabs-list li a:hover .icon.sta-current{ display:none; }
.tabs-list li a:hover .icon.sta-hover{ display:block; }
.tabs-list li a:hover .icon.sta-active{ display:none; }

.tabs-list li.active a .icon.sta-current{ display:none; }
.tabs-list li.active a .icon.sta-hover{ display:none; }
.tabs-list li.active a .icon.sta-active{ display:block; }
.tabs-list li.active a:before{ opacity:1; }

.tabs-list li.active a , .tabs-list li.active a:hover{
	background:linear-gradient( top , #fff , #e0e0e0 );
	background:-moz-linear-gradient( top , #fff , #e0e0e0 );
	background:-webkit-linear-gradient( top , #fff , #e0e0e0 );
	background:-o-linear-gradient( top , #fff , #e0e0e0 );
	background:-ms-linear-gradient( top , #fff , #e0e0e0 );
	
	color:#8E1E22;
}

.view-right-content{ position:relative; }
.tabs-name{
	position:relative;
	display:inline-block;
	background:#8E1E22; 
	color:#fff;
	font-size:16px;
	font-weight:600;
	padding:8px 60px 8px 40px;
	margin-top:10px;
}
.tabs-name:before{
	position:absolute; top:0; right:0; content:"";
	width: 0; height: 0;
	border-top: 50px solid #fff;
	border-left: 30px solid transparent;
}

.tabs-content{ 
	border:1px solid #ccc;
	padding:30px;
	min-height:400px;
	border-radius:0 10px 10px 10px;	
}


.participate-area{ text-align:center; margin:20px 0; }
.participate-area.mobile-show{ display:none; }

.participate-btn{
	display:inline-block;
	letter-spacing:0;
	font-weight:bolder;
	padding:6px 16px 6px 16px;
	margin:10px 5px;
	min-width:210px;
	text-align:center;
	border:2px solid #3998EE;
	line-height:1.4;
	
	background:linear-gradient(top,#60ABEF , #60ABEF 50% , #3998EE 50% , #3998EE );
	background:-moz-linear-gradient(top,#60ABEF , #60ABEF 50% , #3998EE 50% , #3998EE );
	background:-webkit-linear-gradient(top,#60ABEF , #60ABEF 50% , #3998EE 50% , #3998EE );
	background:-o-linear-gradient(top,#60ABEF , #60ABEF 50% , #3998EE 50% , #3998EE );
	background:-ms-linear-gradient(top,#60ABEF , #60ABEF 50% , #3998EE 50% , #3998EE );
	
	border-radius:7px;
}
.participate-btn .title,
.participate-btn .subtitle{ color:#fff; }
.participate-btn .subtitle{ font-size:14px; }


.participate-btn.mark{
	border-color:#E57816;
	
	background:linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-moz-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-webkit-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-o-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-ms-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
}
.participate-btn:focus{ color:#fff; }
a.participate-btn:hover{ background:#fff; }
a.participate-btn:hover .title,
a.participate-btn:hover .subtitle{ color:#3998EE; }

a.participate-btn.mark:hover{ background:#fff; }
a.participate-btn.mark:hover .title,
a.participate-btn.mark:hover .subtitle{ color:#E57816; }



.participate-label{
	display:inline-block;
	background:#fff;
	border:2px solid #E57816;
	border-radius:7px;
	font-weight:bolder; line-height:1.4; letter-spacing:0;
	padding:6px 16px 6px 16px;
	margin:10px 5px;
	min-width:210px;
	text-align:center;
}
.participate-label .title,
.participate-label .subtitle{ color:#E57816; }


.participate-label.red{
	border-color:#e62222;
}
.participate-label.red .title,
.participate-label.red .subtitle{ color:#e62222; }



.float-area .participate-area{ padding:0 10px; }
.float-area .participate-area .participate-btn,
.float-area .participate-area .participate-label{
	display:block;
	width:100%;
	min-width:auto;
	padding:6px 5px;
	margin:15px 0;
}

.sidebar{
	position:relative;
	z-index:99;
    will-change: min-height;
}

.sidebar__inner{
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}


.activity-note-wrap{ padding:5px 10px; }
.activity-note{
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;

}
.activity-note .name{
	font-size:12px; font-weight:600;
	color:#8E1E22;
	margin-bottom:8px;
}





.view-description{
	/*word-break:break-all;
	word-wrap:break-word;*/ /*only英文，以單詞作為換行依據*/
	
	overflow-wrap: break-word;
}

.view-description img{
	max-width:100%;
	height:auto;
}
.view-description iframe{
	max-width:100%;
}
.view-description ul ,
.view-description ol{
	display:block;
	margin:1em 0;
	padding-left:1rem;
}
.view-description ul { list-style-type:disc; }
.view-description ol { list-style-type:decimal; }

.view-description ul ul, .view-description ol ul,
.view-description ol ol, .view-description ul ol{
	list-style-position:inside; 
	margin-left:15px; 
}
.view-description ul ul, 
.view-description ol ul{
	list-style-type:circle;
}
.view-description ol ol, 
.view-description ul ol{
	list-style-type:lower-latin;
}

.view-description li { display:list-item; list-style:inherit; }








.itembox_view{
	margin-top:40px;
}


.heading_itembox_view{
	margin:0 0 1.5rem 0;
	color:#333;
	text-align:center;
	overflow:hidden;
}
.heading_itembox_view .heading-text{
	position:relative;
	display:inline-block;
	font-size:1.1rem; font-weight:600;
	letter-spacing:5px;
	text-transform:uppercase;
	padding-left:5px;
}
.heading_itembox_view .heading-text:before, 
.heading_itembox_view .heading-text:after{
	position:absolute; top:50%; content:"";
	width:1000px; height:1px;
	background:#ccc;
}
.heading_itembox_view .heading-text:before{ left:-1010px; }
.heading_itembox_view .heading-text:after{ right:-1010px; }





.single-photo{ margin:10px auto; }
.single-photo img{ display:block; max-width:100%; height:auto; }
@media (min-width:480px){
	.single-photo{ max-width:50%; }
}

.download-line{ margin:15px 0; text-align:center; }
.download-btn{
	display:inline-block;
}




/* 多檔案 */
.download_list{
	display:flex; flex-wrap:wrap;
	margin:15px 0;
	text-align:left;
}
.download_list li{
	width:100%;
	margin-bottom:0.5rem;
}
@media (min-width:992px){
	.download_list li{
		width:50%; padding-right:2rem;
	}
}


.btn_file_download{
	position:relative;
	display:block;
	padding:7px 0 7px 45px;
}

.btn_file_download .btn_icon{
	position:absolute; top:50%; left:0;
	width:40px;
	transform:translate(0, -50%);
}
.btn_file_download .btn_icon img{
	display:block; max-width:100%; height:auto;
}

.btn_file_download .btn_text{
	display:block;
	font-weight:600;
}
.btn_file_download .btn_text span{
	display:inline-block;
	vertical-align:text-bottom;
	color:red;
	font-size:14px;
}






.view-link{ margin:40px 0 5px 0; text-align:center; }


.pageback-btn{
	display:inline-block;
	letter-spacing:0;
	font-size:0.9em;
	font-weight:bolder;
	color:#999;
	padding:8px 25px 6px 25px;
	margin:15px 5px;
	text-align:center;
	border:2px solid #999;
	background:#fff;
	
	-ms-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-bborder-radius:20px;
	border-radius:20px;
}
.pageback-btn:hover{ border-color:#333; color:#333; }


.divide-line{ width:100%; height:1px; background:#ccc; margin:30px 0;}

.social-link{ width:100%; margin:30px 0; text-align:center; }
.social-item{ display:inline-block; }




/*view_news.php*/
.post-item{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; }
.post-date{ position:absolute; bottom:0; right:0; color:#727171; font-size:12px; }
.post-name{ position:relative; margin:0px 0 10px 0; padding-right:100px; }
.post-name .title{ color:#2a090a; font-size:18px; font-weight:600; }
.post-intro{ color:#727171; font-size:15px;}
.post-item:hover .post-name .title{ color:#8E1E22; }



/*view_qa.php*/
.qa-item{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; }
.qa-name{ position:relative; padding-left:35px; margin-bottom:10px; }
.qa-name .title{ color:#2a090a; font-size:18px; font-weight:600; }
.qa-name:before{
	position:absolute;
	z-index:2;
	top:-3px;
	left:6px;
	content:"Q";
	font-weight:600;
	color:#fff;
	font-size:20px;
}
.qa-name:after{
	position:absolute;
	top:1px;
	left:0;
	width:30px;
	height:30px;
	content:"";
	
	background:#2a090a;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.qa-intro{ position:relative; padding-left:35px; }
.qa-intro{ color:#727171; font-size:15px;}
.qa-item:hover .qa-name:after{ background:#8E1E22; }
.qa-item:hover .qa-name .title{ color:#8E1E22; }












/* ======================================
	10. 服務說明 service.php
====================================================================================================================================== */
/*服務大標*/
.service-healine-wrap{ border:1px solid #ccc; margin:30px 0; padding:15px 30px;  }
.service-heading{ font-weight:600; font-size:22px; color:#333; text-align-last:center; }
.service-subheading{ font-size:18px; margin-bottom:10px; color:#333; text-align-last:center; }
.service-headline-content{ margin-top:16px; text-align:center; }

.service-list{ display: flex; flex-wrap:wrap; width:100%; margin:45px 0; }
.service-list li{ width:30%; margin-right:5%; margin-bottom:30px; }
.service-list li:nth-child(3n){ margin-right:0; }


/*服務項目*/
.service-item{ position:relative; }
.num-tag{ 
	position:absolute; 
	top:12px; 
	left:-2px;
	width:50px;
	height:28px;
	background:url(../images/icon-tag.png) no-repeat center; 
	background-size:cover;
	line-height:27px;
	padding-left:14px;
	color:#fff;
}
.service-item .photo{ 
	padding:3px; 
	border:1px solid #ccc;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.service-item .photo img{ display:block; max-width:100%; height:auto; }
.service-item .name{ font-weight:600; color:#8E1E22; font-size:18px; margin:7px 0; }
.service-item .text{ font-size:13px; }





/* ======================================
	11. 活動剪影 albums.php
====================================================================================================================================== */
.albums-main{ background:url(../images/albums-bg.png) no-repeat center top; background-size:100% auto; }
.albums-headline-wrap{ padding:140px 0; }


.albums-list{ display: flex; flex-wrap:wrap; }
.albums-list li{  position:relative; width:16.8%; margin-right:4%; margin-bottom:45px; }
.albums-list li:nth-child(5n){ margin-right:0; }

.albums-item{
	border:1px solid #cccccc;
	padding:7px;
	background:#fff;
	overflow:hidden;
	height:100%;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.08);
}
.albums-photo{ background:url(../images/altimg2.png) no-repeat center; background-size:cover; }
.albums-photo a{ display:block; width:100%; height:100%; overflow:hidden; }
.albums-photo-frame{
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.albums-photo a:hover .albums-photo-frame{
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}

.albums-title{ text-align:center; padding:5px 0; font-size:14px; font-weight:600; }
.albums-date{ text-align:center; padding:5px 0; font-size:12px; line-height:1; color:#999; }




/*相簿詳細頁*/
.albums-view-headline-wrap{ padding:20px 0 20px 0; background-color: #e7e7e7; margin-bottom:45px; }

/*相簿詳細頁的搜尋寬度縮減*/
.albums-view-headline-wrap .search-box{ max-width:600px; margin:10px auto; }



/*右側-導覽路徑*/
.breadcrumbs{ font-size:13px; line-height:1.5; margin-top:15px; }
.breadcrumbs , .breadcrumbs a{ color:#666; }
.breadcrumbs a:hover{ color:#E78624; }
.breadcrumbs span{ position:relative; display:inline-block; margin-right:0px;}
.breadcrumbs span:after{
	content:"/";
	margin-left:2px;
}
.breadcrumbs span:last-child:after{display:none;}
.breadcrumbs span:last-child{ cursor:default;}
 




/* ======================================
	12. 報名資料填寫
====================================================================================================================================== */
/*表單欄位設定*/
.form{ width:100%; }
.form-area{ width:100%; font-size:0.95em; display: flex; flex-wrap:wrap; }
.form-area .form-line{
	/* display: table; */
	display:flex; flex-wrap:wrap;
	
	border-collapse:separate;
	width:97%;
	margin:0 2% 15px 1%;
}
.form-line.half-part{ width:47%; margin-left:1%; margin-right:2%; }
.form-area .form-line .fm-title{
	/* display: table-cell; */
	min-width: 80px;
    /* white-space: nowrap; 
	vertical-align:top;*/
	margin-right:10px;
}
.form-area .form-line .fm-wrap{
	flex:1 1 auto;
    width:1%; min-width:0;
	
}
.form-area .form-line .fm-wrap .control-input ,
.form-area .form-line .fm-wrap .control-textarea{ width:100%; border:1px solid #ccc; padding:5px 10px; }

.form-area .form-line .control-lab{
	letter-spacing:2px; color:#333;
}


.form-area input::-webkit-input-placeholder , .form-area textarea::-webkit-input-placeholder{ color: rgba(51,51,51, 0.6); font-size:0.95em;}
.form-area input::-moz-placeholder , .form-area textarea::-moz-placeholder { color: rgba(51,51,51, 0.6); font-size:0.95em;}
.form-area input::-ms-input-placeholder , .form-area textarea::-ms-input-placeholder { color: rgba(51,51,51, 0.6); font-size:0.95em;}
.form-area input::-moz-placeholder , .form-area textarea::-moz-placeholder { color: rgba(51,51,51, 0.6); font-size:0.95em;}

.form-area .require-mark{
	color: red;
	display: inline-block;
	vertical-align: text-top;
	width: 8px;
	font-size: 0.85em;
}

.radio-box{margin-right:20px;}
.radio-box .radio-btn{display:none;}
.radio-box .title{
	position:relative;
	display:inline-block; 
	cursor:pointer;
	color:#666;
	font-weight:600;
	padding-left:27px;
	/*line-height:1;*/
	line-height:1.5;
	margin:7px 3px;
}
.radio-box .title:before{
	position:absolute;
	z-index:1;
	top:50%;
	left:0;
	margin-top:-10px;
	width:16px;
	height:16px;
	content:"";
	background:transparent;
	background:#fff;
	
	-webkit-box-shadow:0 0 0 3px #ffffff,0 0 0 4px #ccc;
	-moz-box-shadow:0 0 0 3px #ffffff,0 0 0 4px #ccc;
	-o-box-shadow:0 0 0 3px #ffffff,0 0 0 4px #ccc;
	box-shadow:0 0 0 3px #ffffff,0 0 0 4px #ccc;
}
.radio-box .radio-btn:checked + .title:before{ background:#F07B09; }

.form-area .divide-line{ width:100%; margin-top:5px; margin-bottom:20px; }


.form-btn-line{ width:100%; margin:20px 0; text-align:center; }
.form-btn{
	display:inline-block;
	letter-spacing:0;
	font-weight:bolder;
	color:#fff;
	padding:12px 30px 10px 30px;
	margin:10px 5px;
	/*min-width:210px;*/
	text-align:center;
	border:2px solid #E57816;
	line-height:1;
	background:linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-moz-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-webkit-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-o-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	background:-ms-linear-gradient(top,#FF903E , #FF903E 50% , #E57816 50% , #E57816 );
	
	-ms-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-bborder-radius:20px;
	border-radius:20px;
	cursor:pointer;
}
.form-btn:hover{ background:#fff; color:#E57816; }


/*交通工具*/
.form-line-transportation .radio-box{ display:inline-block; width:140px; margin-bottom:15px; }
.form-area .form-line.form-line-transportation .radio-box.full-width{ width:100%;}
.form-area .form-line.form-line-transportation .radio-box.full-width .control-input{ display:inline-block; width:220px; }
 

/*完成報名*/
.sign-up-success-box{ width:100%; text-align:center; }
.sign-up-success-box .heading{ font-size:2em; font-weight:600; color:red; margin:30px auto 20px auto; }
.sign-up-success-line{ margin:20px auto 30px auto; text-align:center; }


/*報到*/
.check-in-box{ width:100%; max-width:500px; margin:10px auto; text-align:center; }
.check-in-box .heading{ font-size:6.3em; font-weight:600; margin:0 auto 10px auto; color:#000; text-align:center; }
.check-in-box .acitity-item{ text-align:center; } 
.check-in-input .title{ font-size:4.2em; font-weight:600; color:red; }
.check-in-input .control-input{ width:100%; max-width:300px; padding:15px 20px; margin:10px 0; text-align:center; font-size:1.8em; }

.check-in-input .control-input::-webkit-input-placeholder{ color: rgba(51,51,51, 0.5); }
.check-in-input .control-input::-moz-placeholder { color: rgba(51,51,51, 0.5); }
.check-in-input .control-input::-ms-input-placeholder { color: rgba(51,51,51, 0.5); }
.check-in-input .control-input::-moz-placeholder { color: rgba(51,51,51, 0.5); }






/* ======================================
	13. 規劃師
====================================================================================================================================== */
.page-headline-wrap.planner{ position:relative; }
.page-headline-wrap.planner .search-box{ position:absolute; top:-2px; right:0; max-width:350px;}


.store-list{ display:flex; flex-wrap:wrap; margin:30px 0; }
.store-list > li{ width:22%; margin-right:4%; margin-bottom:45px; }
.store-list > li:nth-child(4n){ margin-right:0; }


.store-item a{ display:black; }

.store-photo{ position:relative; border:1px solid #FCE4E7; overflow:hidden; background:#fff; border-radius:5px; }
.store-photo:before{
	position:absolute;
	z-index:1;
	top:15%;
	left:15%;
	width:70%;
	height:70%;
	content:"";
	background:rgba(255,255,255,0.4);
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}

.store-photo .more-tag{
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
	width:120px;
	height:40px;
	margin-top:-20px;
	margin-left:-60px;
	content:"";
	color:#EC701F;
	font-size:16px;
	font-weight:600;
	letter-spacing:3px;
	text-align:center;
	line-height:36px;
}
.store-photo:before , .store-photo .more-tag{
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	
	opacity:0;
	
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
}
.store-item a:hover .store-photo:before , .store-item a:hover .store-photo .more-tag{
	opacity:1;
	
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

.store-info-area{ padding:5px; /*text-align:center;*/ }
.store-info-area .name{ 
	color:#666; 
	font-size:18px; 
	font-weight:600; 
	margin-bottom:7px;
}
.store-info-area .intro{ font-size:12px; margin-top:10px; height:60px; overflow:hidden; line-height:1.4; border-top:1px solid #ccc; padding-top:10px; }

.store-item a:hover .store-info-area .name{ color:#8E1F23; }




/*詳細頁*/
.introduction-flex{ display:flex; flex-wrap:wrap; margin:45px 0; }
.introduction-flex .flex-left{ width:30%; margin-right:5%; }
.introduction-flex .flex-right{ width:65%; }

.introduction-photo{ border:1px solid #FCE4E7; overflow:hidden; background:#fff; border-radius:5px; }

.designer-name{ font-size:20px; font-weight:600; color: #000; }
.designer-intro-text{ font-size:14px; }

.designer-profile{ position:relative; }



/*優惠*/
.promotion-list{ margin:30px 0; }
.promotion-flex{ display: flex; flex-wrap:wrap; }
.promotion-flex .flex-left{ width:200px; }
.promotion-flex .flex-right{ width:calc(100% - 230px); margin-left:30px; }

.promotion-item{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; }
.promotion-item a{ display:block; }
.promotion-item a .photo{ position:relative; }
.promotion-item a .photo:before{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background:rgba(0,0,0,0.2);
	opacity:0;
}
/*.promotion-item:hover .photo-scale-frame .photo-scale{
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
}*/
.promotion-item a:hover .photo:before{ opacity:1; }

.promotion-item .name{ position:relative; padding-right:150px; }
.promotion-item .name .title{ font-size:18px; font-weight:600; color:#975F6F; }
.promotion-item .name .date{ position:absolute; bottom:0; right:0; color:#999; font-size:12px; }
.promotion-item:hover .name a .title{ color:#F9761E;}

.promotion-item .intro{ font-size:14px; height:110px; overflow:hidden; }



/*聯絡*/
.contact-flex{ display:flex; flex-wrap:wrap; margin:45px 0; }
.contact-flex .flex-left { width:48%; }
.contact-flex .flex-right{ width:48%; margin-left:4%; }

.contact-map{ height:100%; border-radius:5px; overflow:hidden; }

/*.company-name{ font-size:30px; line-height:1.4; color:#5E3719; font-weight:600; margin:0 0 30px 0; }*/

.contact-info-list{ }
.contact-info-list li{ position:relative; text-align:left; padding-left:35px; font-size:14px; margin:10px 0; min-height:30px; }
.contact-info-list li , .contact-info-list li a{ color:#5E3719; }
.contact-info-list li a:hover{ color:#EC701F; }
.contact-info-list li .icon{ position:absolute; top:-1px; left:0; width:28px; height:28px; }
.contact-info-list li .icon img{ display:block; max-width:100%; height:auto; }




/* ======================================
	14. 優惠
====================================================================================================================================== */


/*詳細頁大標*/
.news-view-heading{ text-align:center; margin:30px 0; }
.news-view-heading .title{ display:inline-block; font-size:18px; font-weight:600; color:#0051A3; }

.view-heading-intro{ font-size:15px; max-width:600px; text-align:center; margin:30px auto 60px auto; }

/*.view-heading + .view-heading-intro{ margin-top:-15px;}*/

.view-heading{
	margin:1.5rem 0;
}


/*影片*/
.video{ position:relative; text-align:center; margin:30px 0; }
.video iframe{ max-width:100%;}








/* ======================================
	15.加入平台
====================================================================================================================================== */

.join-form{ margin:45px 0 60px 0; }

.join-list{ max-width:700px; margin:30px auto; }
/*.join-list > li{ width:100%; margin-bottom:10px; }
.join-list > li.half-width{ width:50%; }*/

.form-title-line{ display:flex; flex-wrap:wrap; align-items:center; margin:15px 0; }
.form-title-line > .form-title-area , .form-title-line > .form-content-area{ padding:5px 3px; }
.form-title-line > .form-title-area{ width:130px; text-align:right; letter-spacing:0px; font-size:15px; }
.form-title-line > .form-content-area{  width:calc( 100% - 130px ); }

.txtinput{ width:100%; background:#ffffef; border:1px solid #ccc; padding:9px 5px; border-radius:2px; }

.reserve-form-btn-line{ text-align:center; }

.btn{
	display: inline-block;
	padding: 8px 12px 8px 12px;
	background-color:#FFFFCC;
	line-height: 1;
	cursor: pointer;
	border: 1px solid #666;
	color: #333;
	margin:15px 10px;
	
	-ms-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-bborder-radius:20px;
	border-radius:20px;
}
.btn:hover {
    border-color: #D0121B;
    color: #D0121B;
}

.require-announce{ color:red; font-size:12px; margin-left:20px; }
.require-mark{ color:red; }





.join-btn-line{ text-align:center; margin:40px 0; }
.join-link-btn{
	display:inline-block;
	/*font-size:0.9em;*/
	font-weight:bolder;
	color:#E71F19;
	padding:3px 25px 2px 25px;
	margin:15px 5px;
	text-align:center;
	border:2px solid #E71F19;
	/*line-height:1;*/
	background:#fff;
	
	-ms-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-bborder-radius:20px;
	border-radius:20px;
}
.join-link-btn:hover{
	background:#E71F19;
	color:#fff;
}









/* 台南燈會特用-排班 */
.schedulebox{
	line-height:1.5;
	margin:1rem 0;
}
.schedule-intro{
	border-bottom:1px solid #ccc;
	font-size:1.125rem;
	padding-bottom:20px;
	margin-bottom:20px;
}
.heading-schedule{
	color:red;
	font-size:1.25rem; font-weight:600;
	margin-bottom:10px;
}
.schedule-tips{
	color:red;
	font-size:1rem; font-weight:600;
	margin-top:10px;
}


.form-label{
    margin-bottom:0.5rem;
}


/*===== #formlist：控制列 */
.formlist_schedule{
	display:flex; flex-wrap:wrap;
}
.formlist_schedule > li{
	width:100%;
	border-bottom:1px solid #eee;
	padding:4px 0;
}
.formlist_schedule > li:last-child{
	margin-bottom:0;
}
.formlist_schedule > li.formline_mobile-hide{
	display:none;
}
@media (min-width:992px){
	.formlist_schedule > li{
		width:calc( 100% / 7 );
		border:1px solid #eee;
		padding:1px;
		margin-bottom:0;
	}
	.formlist_schedule > li.formline_mobile-hide{
		display:block;
	}
}


.mobile_hide{
	display:none;
}
@media (min-width:992px){
	.mobile_hide{
		display:block;
	}
}


.formlist_schedule_week{
	display:none;
}
@media (min-width:992px){
	.formlist_schedule_week{
		display:flex;
		color:#000;
		font-weight:600;
		text-align:center;
	}
}


/*===== #input_group：表單列 */
.input_group{
	display:flex; flex-wrap:wrap;
	align-items:center;
}
.input_group-left{
}
.input_group-right{
	position:relative;
	padding-left:0;
	
	flex:1 1 auto;
	width:1%;
	min-width:0;
}
@media (min-width:992px){
	.input_group-left,
	.input_group-right{
		flex:none;
		width:100%;
		text-align:center;
	}
	
	.input_group-right{
		padding:5px;
	}
}



/*===== #input_group-text：表單列-文字 */
.input_group-text{
	padding:10px 0;
	font-size:1rem; font-weight:600; line-height:1;
	color:#333;
	margin-right:1rem;
}
@media (min-width:992px){
	.input_group-text{
		background:#f4f6f8;
		border-bottom:1px solid #ccc;
		margin-right:0;
	}
	
	.formlist_schedule > li:nth-child(7n) .input_group-text,
	.formlist_schedule > li:nth-child(7n-1) .input_group-text{
		background:#FCEADB;
		border-bottom:1px solid #fcd9bd;
	}
}




.schedule_holiday{
	color:red;
}
.schedule_week{
	margin-left:3px;
}
@media (min-width:992px){
	.schedule_week{
		display:none;
	}
}



input, button, select, optgroup, textarea{
	margin:0;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	
	outline:none;
}
::-moz-focus-inner{
  padding:0;
  border-style:none;
}

.form-check-input{
    width:1em;
    height:1em;
    margin-top:0.25em;
    vertical-align:top;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-print-color-adjust:exact;
    color-adjust:exact;
}
.form-check-input[type=checkbox]{
    border-radius:0.25em;
}
.form-check-input[type=radio]{
    border-radius:50%;
}
.form-check-input:active{
    filter:brightness(90%);
}
.form-check-input:focus{
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked{
    background-color:#0d6efd;
    border-color:#0d6efd;
}
.form-check-input:checked[type=checkbox]{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio]{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate{
    background-color:#0d6efd;
    border-color:#0d6efd;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled{
    pointer-events:none;
    filter:none;
    opacity:0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label{
    opacity:0.5;
}



/*===== #form-checklist：單選按鈕組 */
.form-checklist{
	display:flex; flex-wrap:wrap;
	width:100%;
	padding-top:4px;
}
.form-checklist > li{
	margin:6px 1rem 6px 0;
}
.form-checklist > li:last-child{
	margin-right:0;
}
@media (min-width:992px){
	.form-checklist > li{
		width:100%;
		margin-right:0;
	}
}

.form-check-input{
    width:16px; height: 16px;
}
.form-check-input:checked{
    background-color: red;
    border-color: red;
}

.form-check{
    display:flex; flex-wrap:wrap;
    align-items:center; justify-content: center;
	min-width:135px;
}
.form-check .form-check-input{
    margin-right: 4px;
    margin-top: 0;
}
.form-check .form-check-label{
	font-weight:600;
}
.form-check .form-check-remind{
    flex:1 1 auto;
    width:1%;
    min-width:0;
}
@media (min-width:992px){
	.form-check{
		justify-content: center;
		min-width:auto; min-height:58px;
	}
	.form-check .form-check-label{
		margin-top: 0.5rem;
	}
}