@charset "utf-8";
/* CSS Document */
@import url(font-montserrat.css);/*Montserrat,font-family:'Montserrat', sans-serif; font-weight:400(Regular),600(Semi-bold),700(Bold),800(Extra-bold)*/
@import url(font-roboto.css);/*Roboto,font-family:'Roboto', sans-serif; font-weight:400(Regular),500(Medium),700(Bold),900(Black)*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, form,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
em, img, q, strong, sub, sup,
dl, dt, dd, ol, ul, li { margin:0; padding:0; }
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, font, 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, textarea, input { box-sizing:border-box; }
img { border:0; }
ul, ol { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
p { line-height:160%; padding:3px 0; }

select { padding:0; }
select, input, textarea { margin:0; font-family:'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; }
input[type="button"], input[type="submit"], input[type="reset"] { padding:0 4px; }
input[type="checkbox"], input[type="radio"] { margin-right:3px; vertical-align:middle; }
input[type="button"], input[type="submit"], input[type="reset"], select, button { cursor:pointer; }
/*ios樣式清除*/
input[type="button"], input[type="submit"], input[type="reset"], button {
	background-color:transparent; border:none; margin:0px;
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	}


/* 基本設定 */
body { 
	color:#333; font-family:'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; 
	background-color:#fff; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;
	}
#Wrap { height:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden; }
body.fixed { overflow:hidden; }

/* 連結 */
a { text-decoration:underline; color:#006ec5; }
a:hover, a:focus { text-decoration:none; color:#e60012; }

/* 反選 */
::selection{ background-color:#00478b; color: #fff; }

/* 頁籤共用 */
.tabs_group .tab_cont .no_data { padding:10px 0; text-align:center; }


/*----------------------------------------------------------------------*/
/* Header */
#Header { position:absolute; top:0; left:0; width:100%; background-color:#fff; border-bottom:1px solid #ccc; z-index:10001; }
#Header > div::after { content:''; display:block; clear:both; }

/* col_left */
#Header .col_left { float:left; height:inherit; }
#Header .col_left::after { content:''; display:block; clear:both; }
#Header .col_left > * { float:left; }

/* logo */
#Header .logo { height:inherit; margin-right:10px; }
#Header .logo h1 { text-align:left; height:inherit; overflow:hidden; }
#Header .logo a { 
	display:block; height:100%; text-indent:-999px; overflow:hidden;
	background-position:center center; background-repeat:no-repeat; background-size:contain; 
	}

/* col_right */
#Header .col_right { float:right; height:inherit; }
#Header .col_right::after { content:''; display:block; clear:both; }
#Header .col_right > * { float:left; }

/* 球隊 */
#Header .teams { float:left; }
#Header .teams li { display:inline-block; padding-left:0.625vw; padding-right:0.625vw; }
#Header .teams li a { 
	display:block; width:32px; height:32px; text-indent:-999px; overflow:hidden; 
	background-position:center center; background-repeat:no-repeat; background-size:contain; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Header .teams li a:hover, #Header .teams li a:focus { opacity:0.8; transform:scale(1.15); outline:0; }

/* CPBL TV */
#Header .cpbltv { float:left; padding-left:1vw; }
#Header .cpbltv a { 
	display:block; width:96px; height:32px; text-indent:-999px; overflow:hidden; 
	background:url("../images/logo_cpbltv2022.png") no-repeat center center; background-size:contain; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Header .cpbltv a:hover, #Header .cpbltv a:focus { opacity:0.8; transform:scale(1.08); outline:0; }


/*----------------------------------------------------------------------*/
/* bxSlider_list共通設定 */
/* 不顯示子項目 */
.bxSlider_list li { float:left; list-style:none; position:relative; display:none; }
/* 顯示第一筆項目 */  
.bxSlider_list li:first-child { display:block; }
/* 當JS執行時顯示全部 */
.bx-viewport .bxSlider_list li { display:block; }

.bx-wrapper { position:relative; margin:auto; padding:0; zoom:1; }
.bx-viewport { z-index:9998; position:relative; zoom:1; }
.bxSlider_list { clear:both; position:relative; z-index:9999; overflow:hidden; }

/* 修改Key visual圖片載入時Slider高度過高問題 */
.bxSlider_list { position:relative; }
/* 載入時顯示loading動畫,載完後圖片淡入 */
.bxSlider_list { background:url("../images/loader.gif") no-repeat center center; overflow:hidden; }
.bxSlider_list li { 
	opacity:0; display:block; 
	/*-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;*/
	}
.bxSlider_list.show { background-image:none; }
.bxSlider_list.show li { opacity:1; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a.disabled { display:none; }
.bx-wrapper .bx-controls-direction a { 
	display:block; position:absolute; text-indent:-10000px; z-index:9999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	
/* PAGER */
.bx-wrapper .bx-pager { position:absolute; z-index:9999; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { display:block; text-indent:10000px; }


/*----------------------------------------------------------------------*/
/* Center */
#Center { box-sizing:border-box; position:relative; clear:both; }
#Center::after { content:''; display:block; clear:both; }


/*----------------------------------------------------------------------*/
/* 標題 */
.DistTitle { margin:20px 0; position:relative; }
.DistTitle::after { content:''; display:block; clear:both }
.DistTitle h3 { 
	float:left; font-weight:bold; font-size:1.75rem; line-height:49px; letter-spacing:0.05em; 
	font-family:'Roboto', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	}
.DistTitle h3::after { content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; border-bottom:1px solid #ccc; }
.DistTitle .en { 
	display:inline-block; margin-left:10px; vertical-align:top;
	font-weight:900; font-size:1rem; color:#6c6c6c; text-transform:uppercase;
	}
.DistTitle a { 
	display:inline-block; text-decoration:none; color:#333; line-height:150%; position:relative; 
	}
.DistTitle a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.DistTitle a:hover, 
.DistTitle a:focus { color:#006ec5; }
.DistTitle a:hover::after, 
.DistTitle a:focus::after { left:0; width:100%; }
.DistTitle .team_name { display:inline-block; width:30px; height:30px; vertical-align:middle; }
.DistTitle .team_name a { 
	display:block; width:100%; height:100%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.DistTitle .team_name a:hover, .DistTitle .team_name a:focus { opacity:0.8; transform:scale(1.1); outline:0; }
.DistTitle .team_name a::after { display:none; }
.DistTitle .team_name span { 
	display:block; width:100%; height:100%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	}
.DistTitle .search { float:right; }
.DistTitle .search > div { display:inline-block; margin-right:2px; vertical-align:middle; }
	.DistTitle .search > div:last-child { margin-right:0; }
.DistTitle .search .btn { margin-bottom:5px; }
.DistTitle .search .btn input { 
	background-color:#333; padding:0 15px; color:#fff; line-height:40px; font-size:1rem; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.DistTitle .search .btn input:hover, .DistTitle .search .btn input:focus { background-color:#005496; }

.DistTitle .btn_more { position:absolute; top:0; right:20px; }
.DistTitle .btn_more a { 
	display:inline-block; padding-right:28px; line-height:40px; color:#666; letter-spacing:0.05em; text-decoration:none; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.DistTitle .btn_more a::before, .DistTitle .btn_more a::after { 
	content:''; position:absolute; top:50%; bottom:auto; display:block; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.DistTitle .btn_more a::before {
	right:0; width:22px; height:22px; margin-top:-11px; border:1px solid #666; box-sizing:border-box; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.DistTitle .btn_more a::after {
	left:auto; right:8px; width:8px; height:8px; margin-top:-4px; background-color:transparent; box-sizing:border-box; 
	border-width:0 2px 2px 0; border-style:solid; border-color:#666; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.DistTitle .btn_more a:hover, .DistTitle .btn_more a:focus { color:#006ec5; }
.DistTitle .btn_more a:hover::before, .DistTitle .btn_more a:focus::before { border-color:#006ec5; background-color:#006ec5; }
.DistTitle .btn_more a:hover::after, .DistTitle .btn_more a:focus::after { border-color:#fff; }


/*----------------------------------------------------------------------*/
/* 球員姓名符號說明 */
.name_symbol_list { margin-top:10px; line-height:150%; font-size:0.875rem; }
.RecordTableWrap + .name_symbol_list { margin-top:-40px; }


/*----------------------------------------------------------------------*/
/* Btn Top */
.BtnTop { 
	text-align:center; z-index:10001; position:fixed; bottom:10px; right:10px;
	width:40px; height:40px; display:none; 
	}
.MenuFix .BtnTop { display:block; }
.BtnTop a { 
	display:block; width:40px; height:40px; background-color:#666; 
	text-indent:-999px; overflow:hidden; position:relative; box-sizing:border-box; z-index:10000; 
	}
.BtnTop a::after {
	content:''; position:absolute; top:17px; left:14px; width:8px; height:8px; border-top:3px solid #fff; border-left:3px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.BtnTop, .BtnTop::before, .BtnTop::after, .BtnTop a, .BtnTop a::after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.BtnTop a:hover { background-color:#00478b; }
	

/*----------------------------------------------------------------------*/
/* Footer */
#Footer { margin-top:100px; background-color:#333; color:#fff; }
#Footer > div { max-width:1440px; padding-top:40px; padding-bottom:20px; margin-left:auto; margin-right:auto; box-sizing:content-box; }
#Footer > div::after { content:''; display:block; clear:both; }
#Footer a { color:#fff; text-decoration:none; }
#Footer a:hover, #Footer a:focus { text-decoration:underline; }

#Footer .btn_links { padding-bottom:40px; border-bottom:1px solid #5c5c5c; }
#Footer .btn_links ul::after { content:''; display:block; clear:both; }
#Footer .btn_links li { float:left; }
#Footer .btn_links li a { 
	display:block; padding-bottom:37.5%; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Footer .btn_links li a:hover, #Footer .btn_links li a:focus { transform:scale(1.03); outline:0; }
#Footer .btn_links li span { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; vertical-align:middle; 
	}
#Footer .btn_links li span::before { content:''; display:inline-block; vertical-align:middle; height:100%; }
#Footer .btn_links li span img { display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }

#Footer .teams { padding:30px 0; border-bottom:1px solid #5c5c5c; text-align:center; }
#Footer .teams li { display:inline-block; }
#Footer .teams li a { 
	display:block; width:80px; height:80px; text-indent:-999px; overflow:hidden; 
	background-position:center center; background-repeat:no-repeat; background-size:contain; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Footer .teams li a:hover, #Footer .teams li a:focus { transform:scale(1.08); outline:0; }

#Footer .col_left { padding-top:30px; overflow:hidden; }
#Footer .col_left .logo > div { 
	width:120px; height:60px; text-indent:-999px; overflow:hidden;
	background-position:center center; background-repeat:no-repeat; background-size:contain; 
	}
#Footer .col_left .footer_menu { margin-top:15px; }
#Footer .col_left .footer_menu ul::after { content:''; display:block; clear:both; }
#Footer .col_left .footer_menu li { float:left; margin:0 18px 10px 0; }
#Footer .col_left .footer_menu li a { display:block; line-height:32px; }
#Footer .col_left .copyright { font-size:0.875rem; line-height:150%; }

#Footer .col_right { padding-top:30px; overflow:hidden; }
/*#Footer .col_right .app_qrcode { float:left; }
#Footer .col_right .app_qrcode dl { overflow:hidden; }
#Footer .col_right .app_qrcode dt { margin-bottom:10px; line-height:150%; }
#Footer .col_right .app_qrcode dd { float:left; text-align:center; }
#Footer .col_right .app_qrcode dd ~ dd { margin-left:20px; }
#Footer .col_right .app_qrcode dd a { display:block; }
#Footer .col_right .app_qrcode dd a::before { 
	content:''; display:block; width:90px; height:90px; margin-bottom:8px; 
	background-repeat:no-repeat; background-position:center center; background-size:contain; 
	}
	#Footer .col_right .app_qrcode dd.ios a::before { background-image:url(../images/cpbl_app_ios.png); }
	#Footer .col_right .app_qrcode dd.andorid a::before { background-image:url(../images/cpbl_app_android.png); }*/

#Footer .col_right .follow_us { float:left; /*padding-left:4vw;*/ }
#Footer .col_right .follow_us dt { margin-bottom:10px; line-height:150%; }
#Footer .col_right .follow_us dd { margin-bottom:10px; }
	#Footer .col_right .follow_us dl dd:last-child { margin-bottom:0; } 
#Footer .col_right .follow_us dd a { 
	display:block; padding-left:60px; line-height:46px; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Footer .col_right .follow_us dd a::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:46px; height:46px; background-color:#555; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	#Footer .col_right .follow_us dd.fb a:hover::before, 
	#Footer .col_right .follow_us dd.fb a:focus::before { background-color:#3b5998; }
	#Footer .col_right .follow_us dd.ig a:hover::before, 
	#Footer .col_right .follow_us dd.ig a:focus::before { background-color:#d02b77; }
	#Footer .col_right .follow_us dd.youtube a:hover::before, 
	#Footer .col_right .follow_us dd.youtube a:focus::before { background-color:#ff0000; }
#Footer .col_right .follow_us dd a::after { 
	content:''; display:block; position:absolute; top:11px; left:11px; width:24px; height:24px;
	background:url(../images/icon_footer_social.png) no-repeat; background-size:100%;
	}
	#Footer .col_right .follow_us dd.fb a::after { background-position:0 0; }
	#Footer .col_right .follow_us dd.ig a::after { background-position:0 50%; }
	#Footer .col_right .follow_us dd.youtube a::after { background-position:0 100%; }


/*----------------------------------------------------------------------*/
/* popup box */
.popup_box { 
	display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.75); box-sizing:border-box; z-index:100006; 
	}
	.popup_box.show { display:block; }
.popup_box .box_wrap { 
	position:absolute; top:50%; left:50%; width:96vw; height:96vh; margin:-48vh 0 0 -48vw; box-sizing:border-box; 
	}
.popup_box .box_wrap > div { 
	width:100%; max-width:1600px; height:100%; margin:0 auto; position:relative; 
	background-color:#fff; box-sizing:border-box; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
.popup_box .scrollable_cont { 
	overflow-y:auto; overflow-x:hidden; height:100%; box-sizing:border-box; position:relative; 
	-webkit-overflow-scrolling:touch; 
	}
	/*添加IOS下卷軸*/
	.popup_box .scrollable_cont::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
	.popup_box .scrollable_cont::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3); }
	.popup_box .scrollable_cont::-webkit-scrollbar-thumb:hover { background-color:#c0321d; }
.popup_box .scrollable_cont > *:first-child { margin-top:0; }
.popup_box .scrollable_cont > *:last-child { margin-bottom:0; }

.popup_box .close { 
	position:absolute; width:32px; height:32px; background-color:#424242; text-indent:-10000px; cursor:pointer; z-index:10000;
	}
.popup_box .close::before, .popup_box .close::after { 
	display:block; content:''; position:absolute; top:50%; left:50%; width:2px; height:16px; margin:-8px 0 0 -1px; background-color:#fff; 
	}
.popup_box .close::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.popup_box .close::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.popup_box .close:hover { background-color:#005496; }
	@media screen and (max-width: 1023px) {
	.popup_box .close { top:-5px; right:-5px; }
	.popup_box .box_wrap > div { padding:20px 10px; }
	}
	@media screen and (min-width: 1024px) {
	.popup_box .close { top:10px; right:10px; }
	.popup_box .box_wrap > div { padding:40px; }
	}

	
/*----------------------------------------------------------------------*/
/* 表單 */
/* 表單群組 */
/* 注意 ------
fieldset內，表單元件max-width:100%會失效(但IE沒事),加上如下兩個fix(尚未經測試),但須確保fieldset沒有左右margin
又或者,不要用fieldset,改用div
*/
/*IOS webkit fix*/
fieldset.FormGroup { 
	width:auto;
	min-width:0;
	max-width:none;
	}
/*Mozilla fix*/
@-moz-document url-prefix() { fieldset.FormGroup { display:table-cell; }}

.FormGroup { 
	max-width:100%; position:relative; 
	margin-left:0; margin-right:0; /*消除fieldset的左右margin*/
	}
.FormGroup::after { content:''; display:block; clear:both; }
legend.form_group_title { padding-left:0; padding-right:0; }/*消除legend的左右padding*/

.FormGroupWarp > *:first-child { margin-top:0; }
.FormGroupWarp > *:last-child { margin-bottom:0; }
.FormGroup { 
	border:0; background-color:#fff; margin-top:10px; margin-bottom:40px; position:relative; 
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
.form_group_title { background-color:#434343; }
.form_group_title span { 
	display:block; padding:12px 25px; background-color:#0180c0;
	color:#fff; font-size:1.25rem; font-weight:bold; line-height:150%; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
.form_group_title.icon span::before { 
	content:''; display:inline-block; width:24px; height:24px; vertical-align:middle; margin:0 10px 0.15em 0; 
	background:url("../images/icon_checkout_filling.png") no-repeat; background-size:100%; 
	}
	.form_group_title.recipient span::before { background-position:0 0; }
	.form_group_title.pay_info span::before { background-position:0 25%; }
	.form_group_title.invoice span::before { background-position:0 50%; }
	.form_group_title.delivery span::before { background-position:0 75%; }
	.form_group_title.refund span::before { background-position:0 100%; }
.FormGroup > *:first-child { margin-top:0; }
.FormGroup > *:last-child { margin-bottom:0; }

/* 表單表格 */
.FormTableWrap { margin:10px 0 30px; }
.FormTableWrap > *:first-child { margin-top:0; }
.FormTableWrap > *:last-child { margin-bottom:0; }
table.FormTable { width:100%; margin:10px 0 20px; table-layout:fixed; }
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { color:#333; }
table.FormTable > tbody > tr > th { font-weight:bold; line-height:26px; position:relative; }
table.FormTable > tbody > tr > th span { font-weight:bold; color:#ec407a; }
table.FormTable > tbody > tr > td { line-height:40px; }

/* 表單內按鈕 */
.FormElmt .inline_btn { display:inline-block; margin-right:6px; vertical-align:top; }
.FormElmt .inline_btn span { margin-right:6px; margin-bottom:6px; display:inline-block; }
.FormElmt .inline_btn span > * { 
	display:block; padding-left:15px; padding-right:15px; background-color:#b6ac9e; 
	color:#fff; height:40px; line-height:40px; box-sizing:border-box; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	.FormElmt .inline_btn span > a { text-decoration:none; }
	.FormElmt .inline_btn span > input { margin:0; border:0; font-size:100%; }
.FormElmt .inline_btn span[class] > * { background-image:url("../images/icon_inline_btn.png"); background-repeat:no-repeat; padding-left:35px; }
	.FormElmt .inline_btn span.search > * { background-position:15px 0; }
.FormElmt .inline_btn span > *:hover, .FormElmt .inline_btn span > *:focus { background-color:#c9161d; }
.FormElmt .inline_btn.block { display:block; margin-left:0; margin-right:0; }

/* 表單警告/提示 */
.FormElmt .form_alert { display:inline-block; margin-left:10px; margin-right:6px; vertical-align:top; }
.FormElmt .form_alert span { 
	display:inline-block; margin-right:6px; margin-bottom:6px; padding-left:15px; padding-right:15px; background-color:#c9161d; 
	color:#fff; line-height:36px; font-size:0.875rem; box-sizing:border-box; position:relative; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.FormElmt .form_alert span::after { 
	display:block; content:''; top:15px; left:-8px; position:absolute; 
	border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid #c9161d; 
	}

/* 表單元件 */
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] { 
	line-height:40px; height:40px; 
	}
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea { 
	max-width:100%; margin-bottom:5px; margin-right:4px; vertical-align:top; font-size:1rem; color:#333;
	}
	.FormElmt input::placeholder { color:#333; }
.FormElmt input[type="text"], .FormElmt input[type="password"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"], 
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea {
	border:1px solid #bababa; background-color:#fff; box-sizing:border-box; 
	}
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] { 
	padding:0 10px; 
	}
.FormElmt textarea { padding:10px; }
.FormElmt select { /*padding:8px 5px 7px;*/ padding-left:8px; padding-right:5px; height:40px; max-width:100%; }	
.FormElmt input[type="radio"] + label, .FormElmt input[type="checkbox"] + label { margin-right:4px; }

.FormElmt input[type="text"]:focus, .FormElmt input[type="password"]:focus, .FormElmt input[type="file"]:focus, 
.FormElmt input[type="number"]:focus, .FormElmt input[type="date"]:focus, .FormElmt input[type="month"]:focus,
.FormElmt input[type="week"]:focus, .FormElmt input[type="time"]:focus, .FormElmt input[type="datetime-local"]:focus,
.FormElmt input[type="email"]:focus, .FormElmt input[type="search"]:focus, .FormElmt input[type="tel"]:focus, .FormElmt input[type="url"]:focus,
.FormElmt input[type="color"]:focus, .FormElmt input[type="hidden"]:focus, .FormElmt input[type="range"]:focus,
.FormElmt textarea:focus, .FormElmt select:focus {
	outline:0;
	border:1px solid #006ec5; background-color:#f5fbff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-transition: all ease-in-out .15s;
	-moz-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
	}
.FormElmt input[disabled], .FormElmt textarea[disabled], .FormElmt select[disabled] { 
	border:1px solid #dfdfdf; background-color:#f9f9f9; color:#cacaca; opacity:1;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
	.FormElmt select[disabled] { cursor:default; }
	.FormElmt input[type="file"][disabled] { border:0; background:none; }
	.FormElmt input[type="radio"][disabled] + label, .FormElmt input[type="checkbox"][disabled] + label { color:#b3b3b3; }
	
.FormElmt hr { margin:15px 0 5px; }
.FormElmt .w40 { width:40px; }
.FormElmt .w60 { width:60px; }
.FormElmt .w80 { width:80px; }
.FormElmt .w100 { width:100px; }
.FormElmt .w150 { width:150px; }
.FormElmt .w200 { width:200px; }
.FormElmt .w250 { width:250px; }
.FormElmt .w300 { width:300px; }
.FormElmt .w350 { width:350px; }
.FormElmt .w400 { width:400px; }
.FormElmt .fullwidth { width:100%; }
.FormElmt .date, .FormElmt .datepicker { width:150px; }
.FormElmt .note { display:block; color:#e60000; line-height:125%; }
.FormElmt .FormTable .note { display:inline-block; margin-left:5px; }
.FormElmt .FormTable br + .note { display:block; margin-left:0; }

/* checkbox/radio群組 */
.FormElmt .input_group.inline { display:inline; }
.FormElmt * + .input_group.inline { margin-left:15px; }
.FormElmt .input_group > div { display:inline; margin-right:15px; line-height:40px; }
.FormElmt .input_group.item_block > div { display:block; margin-right:0; }
.FormElmt .input_group .fullwidth { display:block; margin-right:0; }

/* 市話 */
.FormElmt .local_call > div { display:inline-block; vertical-align:middle; }
.FormElmt .local_call .area input { width:60px; }
.FormElmt .local_call .area::after { content:'-'; }
.FormElmt .local_call .num input { width:120px; }
.FormElmt .local_call .ext { margin-left:10px; }
.FormElmt .local_call .ext input { width:80px; }
.FormElmt .local_call .ext::before { content:'分機：'; }

/* 驗證碼 */
.FormElmt .randomcode::after { content:''; display:block; clear:both; }
.FormElmt .randomcode > div { display:inline-block; margin-right:8px; vertical-align:middle; line-height:normal; }
	.FormElmt .randomcode .input input[type="text"] { width:120px; }
	.FormElmt .randomcode .img img { display:inline-block; }
	.FormElmt .randomcode .btns > * { 
		display:inline-block; border:0; margin:0 0 0 20px; padding:0 0 0 25px; height:32px; position:relative; 
		font-size:1rem; line-height:32px; color:#666; text-decoration:none;
		}
	.FormElmt .randomcode .btns > *:hover, .FormElmt .randomcode .btns > *:focus { color:#006ec5; }
	.FormElmt .randomcode .btns > *::after { 
		display:block; content:''; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; 
		background:url("../images/icon_random_code.png") no-repeat; background-size:100%; 
		}
		.FormElmt .randomcode .refresh::after { background-position:0 0; }
		.FormElmt .randomcode .play::after { background-position:0 20%; }

/* 按鈕 */
.BtnCommon { margin-top:15px; margin-bottom:15px; clear:both; text-align:center; }
	.BtnCommon.tl { text-align:left; }
	.BtnCommon.tr { text-align:right; }
.BtnCommon div { display:inline-block; margin:5px 10px; }
	.BtnCommon.tl div { margin-right:20px; margin-left:0; }
	.BtnCommon.tr div { margin-right:0; margin-left:20px; }
	.BtnCommon.tc div { margin-right:10px; margin-left:10px; }
.BtnCommon a, .BtnCommon button, .BtnCommon span { display:block; }
.BtnCommon a, .BtnCommon button { 
	background-color:#333; padding:0; position:relative; color:#fff; letter-spacing:0.1em;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	.BtnCommon.large a, .BtnCommon.large button { height:54px; line-height:54px; font-size:1.25rem; }
	.BtnCommon.mid a, .BtnCommon.mid button { height:44px; line-height:44px; font-size:1.125rem; }
	.BtnCommon.small a, .BtnCommon.small button { height:36px; line-height:36px; font-size:1rem; }
.BtnCommon a span, .BtnCommon button span {
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%);
	}
	.BtnCommon.large a span, .BtnCommon.large button span { padding-left:30px; padding-right:30px; }
	.BtnCommon.mid a span, .BtnCommon.mid button span { padding-left:20px; padding-right:20px; }
	.BtnCommon.small a span, .BtnCommon.small button span { padding-left:15px; padding-right:15px; }
	.BtnCommon.large div[class] > * span { padding-left:82px; }
	.BtnCommon.mid div[class] > * span { padding-left:72px; }
	.BtnCommon.small div[class] > * span { padding-left:67px; }
.BtnCommon a { text-decoration:none; }

/* 按鈕加icon */
.BtnCommon div[class] span::before { 
	display:block; content:''; position:absolute; top:50%; width:26px; height:26px; margin-top:-13px; 
	background:url("../images/icon_btn_common.png") no-repeat; background-size:200%;
	}
	.BtnCommon.large div[class] span::before { left:30px; }
	.BtnCommon.mid div[class] span::before { left:20px; }
	.BtnCommon.small div[class] span::before { left:15px; }
	.BtnCommon div.submit span::before { background-position:0 0; }
	.BtnCommon div.login span::before { background-position:0 20%; }
	.BtnCommon div.reg span::before { background-position:0 30%; }
	.BtnCommon div.checkout span::before { background-position:0 50%; }
	.BtnCommon div.tracing span::before { background-position:0 80%; }
	.BtnCommon div.shopping span::before { background-position:0 60%; }

/* icon加線條 */
.BtnCommon div[class] span::after { 
	content:''; display:block; position:absolute; top:50%; width:1px; height:32px; margin-top:-16px; background-color:rgba(255,255,255,0.4); 
	}
	.BtnCommon.large div[class] span::after { left:67px; }
	.BtnCommon.mid div[class] span::after { left:57px; }
	.BtnCommon.small div[class] span::after { left:52px; }

/* 按鈕加漸層效果(可以不要) */
/*.BtnCommon div[class] > *::after { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:''; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	}*/

.BtnCommon a:hover, .BtnCommon button:hover, .BtnCommon a:focus, .BtnCommon button:focus { 
	background-color:#00478b; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}

/* 清除重填 */
.BtnCommon div.reset > * { background-color:#dadada; color:#666; }
.BtnCommon div.reset > *:hover, .BtnCommon div.reset > *:focus { background-color:#00478b; color:#fff; }
.BtnCommon div.reset span::before { background-position:right 10%; }
.BtnCommon div.reset > *:hover span::before, .BtnCommon div.reset > *:focus span::before { background-position:0 10%; }
.BtnCommon div.reset span::after { background-color:rgba(0,0,0,0.15); }
.BtnCommon div.reset > *:hover span::after, .BtnCommon div.reset > *:focus span::after { background-color:rgba(255,255,255,0.4); }

/* 條款 */
.member_terms_wrap { margin-bottom:40px; font-size:0.875rem; }
.member_terms { height:210px; padding:15px; margin-top:25px; margin-bottom:15px; border:1px solid #dfdfdf; background-color:#fff; overflow-y:scroll; }
	.member_terms > *:first-child { padding-top:0; margin-top:0; }
	.member_terms > *:last-child { padding-bottom:0; margin-bottom:0; }
.member_terms h4 { padding-top:10px; font-size:107.14%; }
.member_terms p, .member_terms ol { padding:5px 0 10px; line-height:180%; }
.member_terms p + ol { margin-top:-10px; }
.member_terms .level1 {  }
.member_terms .level2 {  }
.member_terms .li_level1 { margin-left:2em; text-indent:-2em; }
.member_terms .li_level2 { margin-left:3em; text-indent:-3em; }
.member_terms ol.li_level2, .member_terms ul.li_level2 { text-indent:0; list-style-type:decimal; }
.member_terms strong { color:#0180c0; }

.member_terms_agree { overflow:hidden; }
.member_terms_agree div { float:left; width:33.33%; }
.member_terms_agree div span { font-weight:bold; color:#e00000; }


/*----------------------------------------------------------------------*/
/* datepicker共通設定 */
.ui-datepicker { 
	background-color:#fff; padding:15px 8px 7px 8px; position:relative; display:none;
	-webkit-box-shadow: 0 0 5px #b2b2b2;
	-moz-box-shadow: 0 0 5px #b2b2b2;
	box-shadow: 0 0 5px #b2b2b2;
	}
.ui-datepicker-prev, .ui-datepicker-next { 
	display:block; position:absolute; top:15px; width:36px; height:36px; cursor:pointer; 
	}
	.ui-datepicker-prev { left:0; }
	.ui-datepicker-next { right:0; }
.ui-datepicker-prev span, .ui-datepicker-next span { 
	display:block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:url("../images/icon_datepicker.png") no-repeat; 
	text-indent:-10000px; 
	}
	.ui-datepicker-prev span { background-position:0 0; }
	.ui-datepicker-next span { background-position:0 -12px; }
	.ui-datepicker-prev:hover span { background-position:-12px 0; }
	.ui-datepicker-next:hover span { background-position:-12px -12px; }
.ui-datepicker-title { text-align:center; font-size:15px; font-weight:bold; line-height:30px; }
.ui-datepicker-title select { height:36px; padding:7px 0 8px; font-size:15px; }
.ui-datepicker-title select.ui-datepicker-year { margin-right:4px; }
.ui-datepicker-title select.ui-datepicker-month { margin-left:6px; }
.ui-datepicker-title select.ui-datepicker-month:first-child { margin-left:0; }
.ui-datepicker-title select.ui-datepicker-month + select.ui-datepicker-year { margin-left:6px; margin-right:0; }
.ui-datepicker-calendar { margin-top:5px; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { width:32px; padding:0; font-family:Arial, Helvetica, "微軟正黑體", sans-serif; text-align:center; }
.ui-datepicker-calendar th { font-size:14px; font-weight:bold; }
.ui-datepicker-calendar td { font-size:14px; }
	.ui-datepicker-calendar th span, .ui-datepicker-calendar td span, .ui-datepicker-calendar td a { display:block; padding:5px 0 5px; }
	.ui-datepicker-calendar td a { text-decoration:none; color:#333; line-height:22px; }
	.ui-datepicker-unselectable { color:#cfcfcf; }
	.ui-datepicker-today { background-color:#e60012; }
		.ui-datepicker-calendar td.ui-datepicker-today a { color:#fff !important; }
		.ui-datepicker-unselectable.ui-datepicker-today { background-color:#f0f0f0; }
	.ui-datepicker-calendar td a.ui-state-default:hover { color:#e60012 }
	.ui-datepicker-current-day a { border:1px solid #21293c; }


/*----------------------------------------------------------------------*/
/* 編輯器 */
.editable_content { margin-top:10px; margin-bottom:10px; }
.editable_content.content { margin-top:40px; margin-bottom:40px; }
#main_content + .editable_content.content { margin-top:10px; }

/* 為文字上稿區可能出現的元素做設定 */
/*.editable_content, .editable_content p, .editable_content li, .editable_content div, .editable_content blockquote { text-align:justify; text-justify:inter-ideograph; }*/
.editable_content, .editable_content p, .editable_content li, .editable_content div, .editable_content blockquote { 
	line-height:200%; 
	}
.editable_content .district, .editable_content div, .editable_content table, .editable_content iframe, .editable_content blockquote { 
	margin-top:40px; margin-bottom:40px; 
	}
.editable_content p, .editable_content ul, .editable_content ol { 
	margin-top:20px; margin-bottom:20px; 
	}
.editable_content p { padding:0; }
.editable_content h4, .editable_content h5, .editable_content h6 { margin-bottom:5px; line-height:150%; letter-spacing:1px; }
.editable_content h4 + *:not(h4):not(h5):not(h6),
.editable_content h5 + *:not(h4):not(h5):not(h6),
.editable_content h6 + *:not(h4):not(h5):not(h6) { margin-top:10px; }
.editable_content h4 + h4, .editable_content h4 + h5, .editable_content h4 + h6,
.editable_content h5 + h4, .editable_content h5 + h5, .editable_content h5 + h6,
.editable_content h6 + h4, .editable_content h6 + h5, .editable_content h6 + h6 { margin-top:20px; }
	.editable_content h4 { font-size:1.5rem; color:#006ec5; overflow:hidden; }
	.editable_content h5 { font-size:1.375rem; color:#333; }
	.editable_content h6 { font-size:1.25rem; color:#333; }
.editable_content blockquote { 
	background-color:#fff; border:1px solid #ccc;
	overflow:hidden; position:relative; box-sizing:border-box; 
	}
.editable_content .district .imgleft ~ blockquote, .editable_content .district .imgright ~ blockquote { 
	margin-left:0; margin-right:0; 
	}
	.editable_content blockquote::before, .editable_content blockquote::after { 
		display:block; position:absolute; 
		font-family:'Montserrat', sans-serif;
		font-size:100px; line-height:100%; color:#e2e2e2; 
		}
	.editable_content blockquote::before { content:'“'; top:10px; }
	.editable_content blockquote::after { content:'”'; bottom:-35px; }
.editable_content ol { list-style-type:decimal; padding-left:25px; overflow:hidden; }
.editable_content ul { list-style-type:disc; padding-left:25px; overflow:hidden; }
	.editable_content ul[type="disc"] { list-style-type:disc; }
	.editable_content ul[type="circle"] { list-style-type:circle; }
	.editable_content ul[type="square"] { list-style-type:square; }
.editable_content li { margin-bottom:10px; }
.editable_content ol ol { list-style-type:lower-alpha; }
.editable_content ul ul { list-style-type:circle; }
.editable_content ul ul, .editable_content ul ol, .editable_content ol ul, .editable_content ol ol { margin-top:5px; margin-bottom:0; }
.editable_content ul li:last-child, .editable_content li:last-child { margin-bottom:0; }
.editable_content hr { margin:30px 0; }

/* 影片、相關連結、相關檔案 */
.MsgModule_Download span, .MsgModule_Link span { white-space:nowrap; font-weight:bold; }
.MsgModule_Download + .MsgModule_Download, .MsgModule_Download + .MsgModule_Link, .MsgModule_Link + .MsgModule_Download, .MsgModule_Link + .MsgModule_Link { 
	margin-top:-10px; 
	}
	
.editable_content .MsgModule_Media { margin-left:auto; margin-right:auto; width:560px; }
	.editable_content .MsgModule_Media.left { margin-left:0; }
	.editable_content .MsgModule_Media.right { margin-right:0; }
	.editable_content .MsgModule_Media.landscape { width:560px; }
	.editable_content .MsgModule_Media.portrait { width:315px; }
.editable_content .MsgModule_Media .media_wrap { margin-top:0; margin-bottom:0; padding-bottom:56.25%; text-align:left; position:relative; overflow:hidden; }
	.editable_content .MsgModule_Media.landscape.ratio_16by9 .media_wrap { padding-bottom:56.25%; }
	.editable_content .MsgModule_Media.portrait.ratio_16by9 .media_wrap { padding-bottom:177.77%; }
	.editable_content .MsgModule_Media.landscape.ratio_4by3 .media_wrap { padding-bottom:75%; }
	.editable_content .MsgModule_Media.portrait.ratio_4by3 .media_wrap { padding-bottom:133.33%; }
	.editable_content .MsgModule_Media .media_wrap iframe,
	.editable_content .MsgModule_Media .media_wrap object,
	.editable_content .MsgModule_Media .media_wrap embed { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
.editable_content .MsgModule_Media .describe { text-align:left; margin:0; padding:20px; background-color:#f0f0f0; line-height:150%; }
	.editable_content .MsgModule_Media .describe span { display:block; }
	.editable_content .MsgModule_Media .describe .title { margin-bottom:10px; }
	.editable_content .MsgModule_Media .describe .desc { font-size:0.9375rem; }
	.editable_content noscript div.ytlink { padding:0; margin:0; line-height:18px; }/* no script時影片區塊顯示的訊息 */
	
.editable_content .MsgModule_Media video  { display:block; width:100%; }

/* 文繞圖設定 */
.editable_content .district::after { content:''; display:block; clear:both; }
.editable_content .district .img_bg + * { margin-top:0; }
.editable_content .district > *:first-child { margin-top:0; }
.editable_content .district > *:last-child { margin-bottom:0; }
.editable_content .img_bg { margin-bottom:15px; }
.editable_content .imgleft { float:left; margin-right:25px; }
.editable_content .imgright { float:right; margin-left:25px; }
.editable_content .imgcenter { clear:both; text-align:center; margin-left:auto; margin-right:auto; }
.editable_content .imgleft, .editable_content .imgright { max-width:50%; }
.editable_content .img_bg span { 
	display:block; padding:0 0 0 14px; margin:0 auto; box-sizing:border-box; position:relative;
	font-size:0.875rem; color:#666; line-height:140%; text-align:left; 
	}
.editable_content .img_bg span::after { 
	content:''; display:block; position:absolute; top:6px; left:0;
	border-left:5px solid rgba(255,255,255,0); border-right:5px solid rgba(255,255,255,0); border-bottom:5px solid #818181; 
	}
	
/* 單篇延伸區塊 */
.editable_content h4.ext_title { 
	display:table; padding-left:54px; padding-right:10px; margin-bottom:0; margin-top:0; position:relative; 
	font-size:1.375rem; color:#333; line-height:50px; letter-spacing:1px; 
	}
.editable_content h4.ext_title::before { 
	content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#00478b;
	}
.editable_content h4.ext_title::after { 
	content:''; display:block; position:absolute; left:10px; top:50%; width:32px; height:32px; margin-top:-16px; 
	background:url("../images/icon_module.png") no-repeat; background-size:cover; 
	}
	.editable_content h4.icon_file::after { background-position:0 0; }
	.editable_content h4.icon_link::after { background-position:0 50%; }
	.editable_content h4.icon_photo::after { background-position:0 100%; }
.editable_content + h4.ext_title { margin-top:40px; }

.editable_content ul.ext_list { 
	margin:-3px 0 30px 0; padding-top:10px; padding-left:70px; border-top:3px solid #e0e0e0; 
	list-style-type:decimal; overflow:hidden; 
	}
	.editable_content h4.ext_title.icon_photo + #colorbox_thum { border-top:3px solid #e0e0e0; }
.editable_content ul.ext_list li { position:relative; padding:4px 0; line-height:180%; }
.editable_content ul.ext_list li a { color:#595959; text-decoration:none; }
.editable_content ul.ext_list li a:hover, .editable_content ul.ext_list li a:focus { color:#f77300; text-decoration:underline; }
.editable_content ul.ext_list li span.file_ext { margin-left:6px; text-indent:-10000px; vertical-align:middle; position:relative; width:20px; height:20px; }
.editable_content #colorbox_thum { margin:-3px 0 0 0; padding-top:10px; }

/* html編輯區的表格預設樣式 */
.editable_content table[align="center"] { margin-left:auto; margin-right:auto; }
.editable_content table caption { margin:5px 0; padding:5px 0; font-weight:bold; color:#333; text-align:left; line-height:150%; }
.editable_content .tableWrap { position:relative; overflow-y:auto; _overflow:auto; width:100%; margin-bottom:1em; -webkit-overflow-scrolling:touch; }
.editable_content .tableWrap table { margin:0; }
/*添加IOS下卷軸*/
.editable_content .tableWrap::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
.editable_content .tableWrap::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fafafa; background-color:rgba(0, 0, 0, .3); }
.editable_content .tableWrap::-webkit-scrollbar-thumb:hover { background-color:#005496; }
	
/* html編輯區的表格外框樣式 */
.editable_content .table_style1 { width:100%; border-left:1px solid #000; border-top:1px solid #000; }
.editable_content .table_style1 > tbody > tr > th, .editable_content .table_style1 > tbody > tr > td { 
	padding:5px 8px; border-right:1px solid #000; border-bottom:1px solid #000; line-height:160%; 
	}
.editable_content .table_style1 > tbody > tr > th { background-color:#dedede; color:#333; white-space:nowrap; }
.editable_content .table_style1 > tbody > tr > td { background-color:#fff; color:#333; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.editable_content > *:first-child, .editable_content blockquote > *:first-child, .editable_content td > *:first-child { 
	margin-top:0; 
	}
/* 移除最後一個物件的下邊界、下間距避免過大的空白 */
.editable_content > *:last-child, .editable_content blockquote > *:last-child, .editable_content td > *:last-child { 
	margin-bottom:0; 
	}
/* 避免爆版 */
.editable_content iframe, .editable_content img, .editable_content div, .editable_content p, .editable_content span { 
	max-width:100%; box-sizing:border-box; 
	}
.editable_content * { word-wrap:break-word; }
/* 取消圖片的高度設定避免RWD時不等比例縮放 */
.editable_content img { height:auto; }


/*----------------------------------------------------------------------*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:10001; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative;font-size:14px; text-align:center; }
#cboxLoadedContent { overflow:auto;padding:30px 5px 60px 5px; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; }

#colorbox_thum { overflow:hidden; padding-left:30px; margin:10px 0 40px 26px; }
#colorbox_thum a { 
	display:block; float:left; 
	text-align:center; vertical-align:middle; 
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	}
#colorbox_thum a:hover { 
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
	}
#colorbox_thum a * { vertical-align:middle; }
#colorbox_thum a span { display:inline-block; height:100%; }
#colorbox_thum a img { max-width:100%; max-height:100%; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:#000; }
#colorbox {}
    #cboxContent { margin-top:20px; }
        .cboxIframe { background:#fff; }
        #cboxError { padding:50px; border:1px solid #ccc; }
        #cboxLoadedContent { border:5px solid #000; background:#000; }
        #cboxTitle { position:absolute; bottom:10px; *bottom:20px; left:0; width:100%; padding:0 10px; box-sizing:border-box; color:#fff; line-height:18px; }
        #cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; }
        #cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; }
        #cboxPrevious { 
			position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../images/colorbox_controls.png") no-repeat top left; 
			width:28px; height:65px; text-indent:-9999px;
			}
        #cboxPrevious:hover { background-position:bottom left; }
        #cboxNext { 
			position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../images/colorbox_controls.png") no-repeat top right; 
			width:28px; height:65px; text-indent:-9999px;
			}
        #cboxNext:hover { background-position:bottom right; }
        #cboxLoadingOverlay { background:#000; }
        #cboxLoadingGraphic { background:url("../images/colorbox_loading.gif") no-repeat center center; }
        #cboxClose { 
			position:absolute; top:5px; right:5px; display:block; background:url("../images/colorbox_controls.png") no-repeat top center; 
			width:38px; height:19px; text-indent:-9999px;
			}
        #cboxClose:hover {background-position:bottom center; }


/*----------------------------------------------------------------------*/
/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/

#nav ul { display:none; }/*預先隱藏選單*/

@media screen and (min-width: 1023px) {
#nav, #MenuMobile, .switch {
	display: none;
}
}
@media screen and (max-width: 1024px) {
.switch a {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index:10005;
	background-color:#00478b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	transition-delay:0.3s;
}
html.mm-opening .switch a { 
	/*opacity:0; */ transition-delay:0s;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;
	}
.menu-action::after, .menu-action::before, .menu-action > i::before  {
	background:#fff none repeat scroll 0 0;
	content:"";
	height:2px;
	left:0;
	position:absolute;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.menu-action, .menu-action > i {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.menu-action::after { bottom:7px; }
.menu-action::before { top:7px; }
.menu-action > i { height:2px; left:0; }
.menu-action > i::before { top:0; }

	.mm-opened .menu-action > i { opacity:0; }
	.mm-opened .menu-action::after {
		bottom:14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	.mm-opened .menu-action::before {
		top:14px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		}

@media screen and (max-width: 639px) {
.switch a { width: 48px; height: 48px; }
}
@media screen and (min-width: 640px) {
.switch a { width: 64px; height: 64px; }
}
.menu-action::after, .menu-action::before, .menu-action > i::before, .menu-action, .menu-action > i { width:26px; }
.menu-action { height:30px; left:50%; margin-left:-13px; }


/*html.mm-opening .switch a { position:absolute; }*/
.mm-menu.mm-horizontal > .mm-panel {
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
    -moz-box-shadow: inset -6px 0 3px -3px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset -6px 0 3px -3px rgba(0,0,0,0.25);
    box-shadow: inset -6px 0 3px -3px rgba(0,0,0,0.25);
}
.mm-menu .mm-hidden {
	display: none;
}
.mm-wrapper {
	overflow-x: hidden;
	position: relative;
}
.mm-menu, .mm-menu > .mm-panel {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.mm-menu {
	/*background: inherit;*/
	display: block;
	overflow: hidden;
	padding: 0;
}
.mm-menu > .mm-panel {
	background: inherit;
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	padding: 20px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.mm-menu > .mm-panel.mm-opened {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.mm-menu > .mm-panel.mm-subopened {
	-webkit-transform: translateX(-30%);
	transform: translateX(-30%);
}
.mm-menu > .mm-panel.mm-highest {
	z-index: 1;
}
.mm-menu .mm-list {
	padding: 5px 0;
}
.mm-menu > .mm-list {
	padding-bottom: 0;
}
.mm-menu > .mm-list:after {
	content: '';
	display: block;
	height: 40px;
}
.mm-panel > .mm-list {
	margin-left: -20px;
	margin-right: -20px;
}
.mm-panel > .mm-list:first-child {
	padding-top: 0;
}
.mm-list, .mm-list > li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.mm-list {
	font: inherit;
}
.mm-list a, .mm-list a:hover {
	text-decoration: none;
}
/*.mm-list li:hover { background-color:#e60012; }
.mm-list li.mm-search:hover { background-color:transparent; }*/
.mm-list > li {
	position: relative; font-size:16px;
}
.mm-list > li > a, .mm-list > li > span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: inherit;
	line-height: 180%;
	color:#333;
	display: block;
	padding: 10px 10px 10px 20px;
	margin: 0;
}

/*.mm-list > li:hover > a, .mm-list > li:hover > span {
	color:#fff;
}*/
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
	content: '';
	border-bottom:1px solid rgba(0, 0, 0, 0.15);
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
	width: auto;
	margin-left: 20px;
	position: relative;
	left: auto;
}
.mm-list a.mm-subopen {
	width: 52px;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	text-indent: -10000px;
}
.mm-list a.mm-subopen:before {
	content: '';
	border-left-width: 1px;
	border-left-style: solid;
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.mm-list a.mm-subopen.mm-fullsubopen {
	width: 100%;
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
	border-left: none;
}
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
	padding-right: 5px;
	margin-right: 45px;
}
.mm-list > li.mm-selected > a.mm-subopen {
	background: transparent;
}
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span {
	padding-right: 45px;
	margin-right: 0;
}
.mm-list a.mm-subclose {
	text-indent: 20px;
	padding-top: 30px;
	margin-top: -20px;
}
.mm-list > li.mm-label {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;
	text-indent: 20px;
	line-height: 25px;
	padding-right: 5px;
}
.mm-list > li.mm-spacer {
	padding-top: 40px;
}
.mm-list > li.mm-spacer.mm-label {
	padding-top: 25px;
}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
	content: '';
	border: 2px solid transparent;
	display: inline-block;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-bottom: -5px;
	position: absolute;
	bottom: 50%;
}
.mm-list a.mm-subopen:after {
	border-top: none;
	border-left: none;
	right: 23px;
}
.mm-list a.mm-subclose:before {
	border-right: none;
	border-bottom: none;
	margin-bottom: -15px;
	left: 22px;
}
.mm-menu.mm-vertical .mm-list .mm-panel {
	display: none;
	padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
	border-color: transparent;
}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
	display: block;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
	height: 40px;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 16px;
	right: 16px;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened.mm-label > a.mm-subopen {
	height: 25px;
}
html.mm-opened .mm-page {
	/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);*/
}
.mm-menu {
	background-color:#fff;
}
.mm-menu .mm-list > li:after {
	border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li > a.mm-subclose {
	background: rgba(0, 0, 0, 0.05);
	color: #565656;
}
.mm-menu .mm-list > li:hover > a.mm-subclose {
	color: #000;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
	border-color: rgba(0, 0, 0, 0.5);
}
/*.mm-menu .mm-list > li:hover > a.mm-subopen:after, .mm-menu .mm-list > li:hover > a.mm-subclose:before {
	border-color: rgba(255, 255, 255, 1);
}*/
.mm-menu .mm-list > li > a.mm-subopen:before {
	border-color: rgba(0, 0, 0, 0.15);
}
/*.mm-menu .mm-list > li > a.mm-subclose:after {
	content:'返回';
}*/
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
	background: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-list > li.mm-label {
	background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
	background: rgba(255, 255, 255, 0.05);
}
/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
}
.mm-opened .mm-page::before { content:""; display:block; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; width:100%; height:100%; z-index:10005; }
html.mm-opened {
	overflow: hidden;
	position: relative;
}
html.mm-opened body {
	overflow: hidden;
}
html.mm-opened .mm-page {
	box-sizing: border-box;
	position: relative;
}
html.mm-background .mm-page {
	background: inherit;
}
#mm-blocker {
	background: rgba(3, 2, 1, 0);
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
	display: block;
}
.mm-menu.mm-offcanvas {
	display: none;
	position: fixed;
}
.mm-menu.mm-current {
	display: block;
}
.mm-menu {
	width: 80%;
	min-width: 240px;
	max-width: 440px;
}
html.mm-opening .mm-page, html.mm-opening #mm-blocker {
	-webkit-transform: translate(80%, 0);
	transform: translate(80%, 0);
}
}
@media all and (max-width: 175px) {
html.mm-opening .mm-page, html.mm-opening #mm-blocker {
	-webkit-transform: translate(140px, 0);
	transform: translate(140px, 0);
}
}
@media all and (min-width: 550px) {
html.mm-opening .mm-page, html.mm-opening #mm-blocker {
	-webkit-transform: translate(440px, 0);
	transform: translate(440px, -0);
}
}


/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search { margin: 10px; }
.mm-list > li.mm-subtitle + li.mm-search { margin-top:0; }

div.mm-panel > div.mm-search { padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top:0; }

/*.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-bottom:1px solid #d4d4d4;
  -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 5px rgba(0,0,0,0.1); box-shadow:0px 5px 5px rgba(0,0,0,0.1);
}*/
.mm-menu .mm-search {
  background: inherit;
  z-index: 2;
  border-bottom:0;
  -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 5px rgba(0,0,0,0.1); box-shadow:0px 5px 5px rgba(0,0,0,0.1);
}
.mm-menu .mm-search .search_box { display:block; padding:0; margin-right:40px; position:relative; overflow:visible; }
.mm-menu .mm-search .search_box::after { 
	content:''; display:block; position:absolute; top:0; right:-40px; padding:0; width:40px; height:40px; box-sizing:border-box;
	border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	background:#333 url("../images/icon_search_mobile.png") no-repeat center center; background-size:cover; 
	}
.mm-menu .mm-search .search_box input[type="text"] { border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background-image:none; padding:0 10px; box-shadow:none; }
.mm-menu .mm-search .search_box .btn { 
	display:block; position:absolute; top:0; right:-40px; padding:0; width:40px; height:40px; text-indent:-10000px; font-size:0; line-height:0; 
	border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	background:#333 url("../images/icon_search_mobile.png") no-repeat center center; background-size:cover;
	}

.mm-search {
  padding: 13px 10px; }
  .mm-search input {
	border: none;
	box-sizing:border-box;
    font: inherit;
    line-height: 40px;
    outline: none;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
	}
  .mm-search input::-ms-clear {
    display: none; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 62px; background:#FCFCFC; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  color: #000000;
}
.mm-menu .mm-noresultsmsg {
  color: #000000;
}
.mm-list > li.mm-search:hover > span { background-color:#EEEEEE; }

/*
	jQuery.mmenu pageshadow extension CSS
*/
.mm-menu:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99; }

.mm-menu.mm-next:after, .mm-menu.mm-front:after {
  content: none;
  display: none; }

.mm-menu:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

		
/*----------------------------------------------------------------------*/
/*測試用menu*/
.ifun_text_menu { position:fixed; top:0; left:0; z-index:10006; }
.ifun_text_menu a { display:block; text-decoration:none; }
.ifun_text_menu > ul > li > a { text-indent:-10000px; width:20px; height:20px; }

.ifun_text_menu > ul > li > ul { 
	display:none; position:fixed; top:0; left:0; width:100vw; max-height:96vh; background-color:rgba(255,255,255,0.85); 
	overflow-x:auto; _overflow:auto; margin-bottom:1em; -webkit-overflow-scrolling:touch;
	flex-wrap:wrap; align-items:stretch; align-content:top; 
	-ms-flex-wrap:wrap; -ms-align-items:stretch; -ms-align-content:top; 
	}
/*添加IOS下卷軸*/
.ifun_text_menu > ul > li > ul::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
.ifun_text_menu > ul > li > ul::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fafafa; background-color:rgba(0, 0, 0, .3); }
.ifun_text_menu > ul > li > ul::-webkit-scrollbar-thumb:hover { background-color:#009c84; }

.ifun_text_menu > ul > li:hover > ul { display:flex; -ms-display:flex; } 
.ifun_text_menu > ul > li > ul > li { flex: 0 1 auto; margin:0 8px 10px 8px; }
.ifun_text_menu > ul > li > ul ul { margin-left:1em; }
.ifun_text_menu > ul ul a { padding:5px 0; max-width:150px; line-height:150%; font-size:14px; color:#333; }