@charset "UTF-8";
/* 全體通用 */
html body { margin:0; padding:0;}
body { font-family:  sans-serif, Helvetica, Arial, "微軟正黑體" !important;}
.row.no-gutter {  margin-left: 0;  margin-right: 0;}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0;  padding-left: 0;}
.nopadding {   padding: 0 !important;   margin: 0 !important;}

.dotline { border-bottom: 1px dotted #999;}

.linev_left { border-left: 1px solid #FFF; }
.linev_right { border-right: 1px solid #FFF; }
.line5px { border-bottom: 5px solid #dcdcdc; padding-bottom:10px; }

.bottom20 { margin-bottom: 20px;}
.bottom30 { margin-bottom: 30px;}

.top5 { margin-top: 5px;}
.top10 { margin-top: 10px;}
.top15 { margin-top: 15px;}
.top20 { margin-top: 20px;}
.top30 { margin-top: 30px;}

.left5 { margin-left: 5px;}
.right5 { margin-right: 5px;}

.img-center { margin: 0 auto;}
.img-right { margin-left: auto;}

/* 首頁 */
.btn_signup_xs { background-color:#f86f56; border:none; color:#FFF; padding:4px 8px;font-size: 12px;border-radius: 3px; position:absolute; z-index:3; right:0; }
.btn_signup_xs:hover { background-color: #dd472c;}

.footer_bg01 { background-color:#f86f56; height:10px;}
.footer_bg02 { background-color:#333; padding: 10px 0;}

.header_bg { background-color:#f86f56;}

.search_form { background-color:transparent !important; border:solid 1px #ffd9d2 !important; color:#ffd9d2 !important;}
.search_form:hover { background-color:#dd472c !important;}

.event_sec_lg { background-color:#FFF; min-height:570px;}
.event_sec_xs { background-color:#FFF; min-height:250px;}

.iii_channel_sec { background-image:url(../images/index_bg_01.jpg); background-size:cover; min-height:500px;}
/* ---end--- */


/* 內頁 */
.btn_signup_lg { background-color:#f86f56; border:none; color:#FFF; padding:8px 30px;font-size: 18px;border-radius: 6px; }
.btn_signup_lg:hover { background-color: #dd472c;}

.page_banner_sec { background-image:url(../images/page_bg_01.jpg); background-size:cover;}

.main_sec_title { background-color:#FFF; padding:15px 15px; border-bottom:solid 4px #DDD;}
.main_sec { background-color:#FFF; padding:15px 15px; border-bottom:solid 2px #DDD;}

.member_bg { background-color:#FFF; padding:30px 20px; border:solid 1px #DDD; border-top:none;}

.title_icon { color:#666; margin-right:5px; width:20px; text-align:center;}

.page_list_icon { width:7%; height:30px; line-height:1.8em;}

.list_menu_li { height:30px; margin-bottom:10px;}
.list_menu { background-color:#FFF; border:#FFF 1px solid; color:#666; padding:5px 20px; font-size: 16px;}
.list_menu:hover { background-color: #f86f56; color:#FFF;border:#dd472c 1px solid;text-decoration: none;}
.list_menu_active { background-color:#f86f56; border:#dd472c 1px solid; color:#FFF; padding:5px 20px; font-size: 16px;}
.list_menu_active:hover {  color:#FFF; text-decoration: none;}

/* ---end--- */


/* 文字設定 */
.content_01 { font-size: 16px; color: #666; line-height:1.8em;}
.content_02 { font-size: 20px; color: #FFF; line-height:1.8em;}
.content_03 { font-size: 16px; color: #333; line-height:1.5em;}
.content_04 { font-size: 16px; color: #FF0000; line-height:1.8em;}
.content_05 { font-size: 16px; color: #f86f56; line-height:1.8em;}

.index_title_gray { font-size: 24px; color: #666; font-weight:bold; }
.index_title_white { font-size: 24px; color: #FFF; font-weight:bold; }

.footer_content { font-size:14px; color:#FFF; line-height:1.8em; letter-spacing:1px;}

.title_01 { font-size: 24px; color: #333; line-height:1.3em; font-weight:bold; }
.title_02 { font-size: 16px; color: #f86f56; line-height:1.8em; font-weight:bold; }
.title_03 { font-size: 24px; color: #f86f56; line-height:1.3em; font-weight:bold; }


a.footer_link:link {	font-size: 13px;	color: #f86f56;	text-decoration: none; }
a.footer_link:visited {	font-size: 13px;	color: #f86f56;	text-decoration: none; }
a.footer_link:hover {	font-size: 13px;	color: #f86f56;	text-decoration: underline; }
a.footer_link:active {	font-size: 13px;	color: #f86f56;	text-decoration: underline; }

a.more_link:link {		font-size: 14px;	color: #FFF;	text-decoration: none; }
a.more_link:visited {	font-size: 14px;	color: #FFF;	text-decoration: none; }
a.more_link:hover {		font-size: 14px;	color: #FFF;	text-decoration: underline; }
a.more_link:active {	font-size: 14px;	color: #FFF;	text-decoration: underline; }

a.title_lg_link:link {	 font-size:24px; color: #333; line-height:1.5em; text-decoration: none; }
a.title_lg_link:visited {font-size:24px; color: #333; line-height:1.5em; text-decoration: none; }
a.title_lg_link:hover {	 font-size:24px; color: #666; line-height:1.5em; text-decoration: underline; }
a.title_lg_link:active { font-size:24px; color: #666; line-height:1.5em; text-decoration: underline; }

a.title_lg_link_02:link {	font-size:24px; color: #FFFF66; line-height:1.5em; text-decoration: none; }
a.title_lg_link_02:visited {font-size:24px; color: #FFFF66; line-height:1.5em; text-decoration: none; }
a.title_lg_link_02:hover {	font-size:24px; color: #FFF; line-height:1.5em; text-decoration: underline; }
a.title_lg_link_02:active { font-size:24px; color: #FFF; line-height:1.5em; text-decoration: underline; }

a.title_sm_link:link {	 font-size:15px; color: #333;line-height:1.2em; text-decoration: none; }
a.title_sm_link:visited {font-size:15px; color: #333;line-height:1.2em; text-decoration: none; }
a.title_sm_link:hover {	 font-size:15px; color: #666;line-height:1.2em; text-decoration: underline; }
a.title_sm_link:active { font-size:15px; color: #666;line-height:1.2em; text-decoration: underline; }

a.title_xs_link:link {	 font-size:14px; color: #333;line-height:1.5em; text-decoration: none; }
a.title_xs_link:visited {font-size:14px; color: #333;line-height:1.5em; text-decoration: none; }
a.title_xs_link:hover {	 font-size:14px; color: #666;line-height:1.5em; text-decoration: underline; }
a.title_xs_link:active { font-size:14px; color: #666;line-height:1.5em; text-decoration: underline; }

a.title_03_link:link {	 font-size:24px; color: #f86f56; line-height:1.3em; text-decoration: none; }
a.title_03_link:visited {font-size:24px; color: #f86f56; line-height:1.3em; text-decoration: none; }
a.title_03_link:hover {	 font-size:24px; color: #f86f56; line-height:1.3em; text-decoration: underline; }
a.title_03_link:active { font-size:24px; color: #f86f56; line-height:1.3em; text-decoration: underline; }

/* ---end--- */
@media only screen and (min-width:768px) 
{ /* for電腦版 */
.logo_width { max-width:190px;}
.logo_width_02 { max-width:99px;}
}
@media only screen and (max-width:768px) 
{ /* for手機版 */
.logo_width { margin-left:10px; padding:8px 0;}
.logo_width_02 { margin-left:10px;}
}

/*
Step Bar which indicates progress when the user arrives at the step, and 
indicates the end of the progress with a different shape and color.
*/

.bs-wizard {padding: 0 15px 10px 15px;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #0099ff; top: 45px; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #40b9fe; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #0099ff;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {}
.bs-wizard > .bs-wizard-step:last-child  > .bs-wizard-dot:last-child {background-color: #f5f5f5;left:100%;border-radius:0%}
.bs-wizard > .bs-wizard-step:last-child  > .bs-wizard-dot:last-child:after {opacity: 0;}
/*Definitions only for active status*/
.bs-wizard > .bs-wizard-step.active .bs-wizard-stepnum {font-weight:bold}
/*Definitions for disabled status*/
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard > .bs-wizard-step.disabled .bs-wizard-stepnum {color: #595959;}
/*Definitions for complete status*/
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.complete:last-child  > .bs-wizard-dot:last-child {background-color: #005A96;}
.bs-wizard > .bs-wizard-step.complete:last-child  > .bs-wizard-dot:last-child:after {opacity: 1;}
.bs-wizard > .bs-wizard-step.complete .bs-wizard-stepnum {color: #005A96;opacity: 0.5;}

.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;}

.bs-callout-early { border-left-color: #f86f56;}
.bs-callout-normal { border-left-color: #00ccff;}
.bs-callout-group { border-left-color: #64c025;}