@charset "utf-8";
/*******************************************************************************
 * Version 1.0 Release 2015.12.23;
 * Copyright 2015, "ryan"<ryan@dotmore.com.tw>. All rights reserved.
 ******************************************************************************/
/* Global Style & Reset Start */
/*Reset Start*/
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	box-sizing: border-box;
	-mox-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-wrap: break-word;
	word-break: break-all;
	/* outline: 1px solid #f00; */
}
form, fieldset, h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;/*預設16px*/
}
/*圖片*/
img {
	border: 0;
	margin: 0;
	vertical-align: middle;
	width: 100%;
	max-width: 100%;
	height: auto;
}
/*項目清單-取消項目符號(注意:當真正在使用預設項目清單時，請之後覆寫)*/
ul,
ul > li,
ol,
ol > li {
	margin:0;
	padding:0;
	list-style:none;
}
/*Icon-i元素目前專給icon使用*/
i {
}
/*去除focus outline-chrome預設*/
a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline:0;
}
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
/*Reset End*/

/*Base style*/
body {
	font:100%/1.5 Helvetica,"蘋果儷中黑","微軟正黑體",Verdana,Arial,sans-serif,"新細明體";
	color:#455a64;/*869197*/
	background: #f5f8fa;
	/*overflow: hidden;要移動時加*/
	/* for 微軟正黑體粗體空格bug (碧、筵、綰三個字) */
	font-family: Helvetica,"蘋果儷中黑","Microsoft YaHei","微軟正黑體",Verdana,Arial,sans-serif,"新細明體";
}
/*文字連結*/
a,
.LinkText{
	color:#455a64;
	cursor: pointer;
	text-decoration: underline;
}
/*文字連結-滑過*/
a:hover,
a:active,
.LinkText:hover,
.LinkText:active {
	color: #3db299 ;
	text-decoration: none;
}
/*強調重點*/
strong {
	font-weight: normal;
}
em{
	font-style: normal;
}
.Hide{
	display: none !important;
}
/*強調色*/
.HighLight{
	color: #7a4c98;
}
.HighLight2{
	color: #0066cc;
}
.HighLight3{
	color: #f300f0;
}
.HighLight4{
	color: #f6ab00;
}
.HighLight5{
	color: #f85d5d;
}
/*錯誤訊息-區塊*/
.MsgError {
	font-size: 0.875em;/*14/16*/
	display: block;
	color: #f00;
	padding: 5px 0 0;
	min-height: 1.5em;
	line-height: 1.3;
	position: relative;
}
/*錯誤訊息-文字*/
.MsgError > span {
	display: none;
	padding: 0 0 0 28px;
}
/*錯誤訊息-文字(顯示)*/
.MsgError > span.Show{
	display: block;
}
/*錯誤訊息-符號*/
.MsgError > span > i{
	margin: 0 5px 0 0;
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
}
/*錯誤訊息-符號對齊*/
.MsgError > span > i:before{
	vertical-align: middle;
}
/* 案件、問券類型 */
.TagType{
	background: rgba(96, 125, 136, .85);
	color: #fff;
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	/* border: 1px solid #779bac; */
}
.TagType > span{
	display: none;
}
/*案件類型*/
.BuzzType{
	/* border-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	height: 30px; */
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	padding: 5px 0;
	font-size: 14px;
	position: absolute;
	width: 50%;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.BuzzType > span{
	display: none;
}
.BuzzType > em{
}
.BuzzType > i{
	display: none;
}
/*案件類型-facebook*/
.BuzzType.BuzzTypeFb{
	background: rgba(59, 89, 152, .85);
}
/*案件類型-blog*/
.BuzzType.BuzzTypeBlog{
	background: rgba(246,171,0,.85);
}
/*案件類型-instagram*/
.BuzzType.BuzzTypeInstagram {
	background-color: rgba(112,37,209,.85);
	/* background-image: linear-gradient(-45deg, #3a46ee -5%, #a439b6 24%, #ee3265 48.5%, #f14241 70%, #eace78 105%); */
}
/*案件類型-youtube*/
.BuzzType.BuzzTypeYoutube{
	background: rgba(236,27,35,.85);
}
.TagPush{
	display: none;
}
.TagPush.Show{
	display: block;
}
/*有序項目列表*/
.OlList {
	padding: 0 0 0 30px;/*不跟比例走*/
}
.OlList > li {
}
/*數字(1,2,3)*/
.Decimal > li {
	list-style-type: decimal;
}
/*中文數字(一,二,三)*/
.Cjk > li {
	list-style-type: cjk-ideographic;
}
/*小寫英文字母*/
.LowerLatin > li {
	list-style-type: lower-latin;
}
/*無序項目列表*/
.UlList {
	padding: 0 0 0 30px;/*不跟比例走*/
}
.UlList > li {
}
/*實心圓形*/
.Disc > li {
	list-style-type: disc;
}
/*空心圓點*/
.Circle > li {
	list-style-type:circle;
}
/*實心方形*/
.Square > li {
	list-style-type: square;
}
/*Button Start*/
/*Button original*/
.Btn,
button,
input[type=button],
input[type=reset],
input[type=submit]{
	cursor:pointer;/*預設為手型*/
	border:none;/*去除button元素border*/
	display: inline-block;
	text-decoration: none;
	/*以下依設計調整*/
	font-family:Helvetica,"蘋果儷中黑","微軟正黑體",Verdana,Arial,sans-serif,"新細明體";
	line-height: 1.5;
	text-align:center;
	vertical-align: middle;
	-webkit-border-radius: 5px;/*safari、chrome*/
	-moz-border-radius: 5px;/*firefox*/
	border-radius: 5px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s;
}
.Btn:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover{
}
button:disabled,
button:hover:disabled,
button:active:disabled,
a.Disabled {
	background: #f5f8fa;
	color: #aaa;
	cursor: default;
}
/*Button size*/
/*S size*/
.Btn.BtnXs {
	font-size: 0.875em;/*14px/16px*/
	padding: 0.3em 0;/*7/14,*/
	width: 100px;
}
/*S size*/
.Btn.BtnSm {
	font-size: 1.125em;/*18px/16px*/
	padding: 0.3em 0;/*/*6/18*/
	width: 100%;
}
/*M size*/
.Btn.BtnMd {
	font-size: 1.125em;/*18px/16px*/
	padding: 0.2em 0;/*/*6/18*/
	width: 100%;
}
/*L size*/
.Btn.BtnLg {
	font-size: 1.125em;/*18px/16px*/
	padding: 0.3em 0;/*/*6/18*/
	width: 100%;
}
/*Button-Default(淺色按鈕-一般狀況都可使用)*/
.Btn.BtnDefault {
	background: #fff;
	border: 1px solid #9eafb7;
}
/*滑過、點擊*/
.Btn.BtnDefault:hover,
.Btn.BtnDefault:active {
	color: #869197;
	background: #b4ccd6;
}
/*Button-Base(灰色按鈕)*/
.Btn.BtnBase {
	background: #9eafb7;
	color: #fff;
	border:1px solid #9eafb7;
}
/*滑過、點擊*/
.Btn.BtnBase:hover,
.Btn.BtnBase:active {
	background: #607d8b;
	text-decoration: none;
}
/*Button-Dark(深色按鈕-誘導觸發)*/
.Btn.BtnDark {
	color: #fff;
	background: #45c8ab;
	border: 1px solid #45c8ab;
}
/*滑過*/
.Btn.BtnDark:hover {
	background: #4ad9ba;
	border: 1px solid #4ad9ba;
}
/*點擊*/
.Btn.BtnDark:active {
	background: #32947f;
	border: 1px solid #32947f;
}
/*無法點擊*/
.Btn.BtnDark:disabled,
.Btn.BtnDark:hover:disabled,
.Btn.BtnDark:active:disabled {
	background: #9eafb7;
	border: 1px solid #9eafb7;
}
/*Button-Dark(深色按鈕-誘導觸發)*/
.Btn.BtnFb {
	color: #fff;
	background: #41569c;
	border: 1px solid #41569c;
}
/*滑過*/
.Btn.BtnFb:hover {
	background: #394c8a;
	border: 1px solid #394c8a;
}
/*點擊*/
.Btn.BtnFb:active {
	background: #394c8a;
	border: 1px solid #394c8a;
}
/*無法點擊*/
.Btn.BtnFb:disabled,
.Btn.BtnFb:hover:disabled,
.Btn.BtnFb:active:disabled {
	background: #9eafb7;
	border: 1px solid #9eafb7;
}
/*Button-Loading(loading按鈕--載入更多內容使用)*/
.Btn.BtnLoading {
	background: #fff;
	border: 1px solid #b4ccd6;
	font-size: 1em;
	padding: 7px 0;
	max-width: 300px;
}
/*滑過*/
.Btn.BtnLoading:hover {
	border: 1px solid #869197;
	color: #607d8b;
}
/*點擊*/
.Btn.BtnLoading:active {
	background: #f3f4f6;
}
/*Button-Disable(淺色按鈕-一般狀況都可使用)*/
.Btn.BtnDisable {
	background: #9eafb7;
	color: #fff;
	border: 1px solid #9eafb7;
	cursor: default;
}
/*滑過、點擊*/
.Btn.BtnDisable:hover,
.Btn.BtnDisable:active,
.Btn.BtnDisable.BtnDark:hover,
.Btn.BtnDisable.BtnDark:active,
.Btn.BtnDisable.BtnBase:hover,
.Btn.BtnDisable.BtnBase:active {
	background: #9eafb7;
	color: #fff;
}
/*上傳圖片按鈕*/
.BtnUpload.Hide{
	display: none;
}
/*Button End*/
/*form Start*/
form {
	width: 100%;
}
form > fieldset {
}
form > fieldset > legend {
	/*float: left;*/
	/*width: 100%;*/
}
/*
form > fieldset > legend:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
*/
/*Input Start*/
/*單行輸入欄位(文字、密碼)、下拉選單、多行輸入欄位(留言)*/
input,
textarea{
	font-family: Helvetica,"蘋果儷中黑","微軟正黑體",Verdana,Arial,sans-serif,"新細明體";
	font-size: 1em;
	width: 100%;
	color: #455a64;
	padding: 12px;
	outline: 1px solid #9eafb7;
	border: none;
	background: #fff;
	-webkit-appearance:none;/*消除iphone/ipad預設內陰影*/
	margin: 6px 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cfd8dc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cfd8dc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cfd8dc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cfd8dc;
}
select {
	font-family: Helvetica,"蘋果儷中黑","微軟正黑體",Verdana,Arial,sans-serif,"新細明體";
	font-size: 1em;
	color: #455a64;
	padding: 12px;
	border: 1px solid #9eafb7;
	background: #fff;
	-webkit-appearance:none;/*消除iphone/ipad預設內陰影*/
    -moz-appearance: none;/*Removes default style Firefox*/
	width: 100%;
	background: #fff url("../images/icon_select.svg?t=20180315v1") right center no-repeat;/*箭頭背景*/
	position: relative;
	margin: 6px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

select:before{
	content: "";
	width: 0;
	height: 0;
	line-height: 0;
	display: block;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #455a64 transparent transparent transparent;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;

}
/*input focus*/
input:focus,
textarea:focus,
select:focus{
	-webkit-box-shadow: 0 0 2px rgba(92, 207, 182, 0.75);/*safari、chrome*/
	-moz-box-shadow: 0 0 2px rgba(92, 207, 182, 0.75);/*firefox*/
	box-shadow: 0 0 2px rgba(92, 207, 182, 0.75);
}
/*input Error*/
input.Error,
textarea.Error,
select.Error{
	border: 1px solid #f84c4c;
}
/*input disabled*/
input:disabled,
textarea:disabled,
select:disabled{
	background: #f5f8fa;
}
/*多擇一選項*/
input[type=radio] {
}
/*預設input.Radio*/
.InputRadioDefault{
	outline: none;
	box-shadow: none;
	width: auto;
	font-weight: 100;
	-webkit-appearance: checkbox;
	margin: 0 5px 0 3px;
}
.InputCheckboxDefault{
	outline: none;
	box-shadow: none;
	width: auto;
	font-weight: 100;
	-webkit-appearance: checkbox;
	margin: 0 5px 0 3px;
}
/*checkbox核取方塊*/
input[type=checkbox] {

}
/*radio、checkbox和下一個物件間距*/
input[type=radio] + label,
input[type=checkbox] + label {
}
/*Input size*/
.InputXs {
	width: 100%;
}
.InputSm {
	width: 100%;
}
.InputMd {
	width: 100%;
}
.InputLg {
	width: 100%;
}
/*多行文本輸入欄位(留言)*/
textarea {
	width: 100%;
	height: 8em;
}
.TextareaSm {
}
.TextareaMd {
}
/*下拉清單*/
select {
	padding: 12px 42px 12px 12px;
}
/*select size*/
.SelectXs {
}
.SelectSm {
}
.SelectMd {
}
.SelectLg {
}
/*崁入影片 Start*/
.Movie {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.Movie iframe,
.Movie object,
.Movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*上傳圖片*/
.UploadImg,
.Box > .BoxBody > .Row > div > .UploadImg{
	background: #fff;
	border: 1px dashed #9eafb7;
	min-height: 200px;
	position: relative;
	padding: 0;
	margin: 12px 0;
}
/*上傳圖片-focus效果*/
.UploadImg:focus,
.Box > .BoxBody > .Row > div > .UploadImg:focus{
	-webkit-box-shadow: 0 0 2px rgba(92, 207, 182, 0.75);/*safari、chrome*/
	-moz-box-shadow: 0 0 2px rgba(92, 207, 182, 0.75);/*firefox*/
	box-shadow: 0 0 2px rgba(92, 207, 182, 0.75);
}
/*上傳圖片-focus效果*/
.UploadImg.Error,
.Box > .BoxBody > .Row > div > .UploadImg.Error{
	border-color: #f84c4c;
}
.UploadImg > input[type=file]{
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.UploadImg > label{
	cursor: pointer;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	text-align: center;
}
.UploadImg > label > span{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 240px;
	margin: -22px 0 0 -120px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .8);
}
/*或拖拉到這裡*/
.UploadImg > label > span > em{
	display: none;
}
/*進度條-底*/
.UploadImg > .ProgressBar{
	background:#e2e8eb;
	height: 5px;
	position: absolute;
	width:100%;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: none;
}
.UploadImg > .ProgressBar.Show{
	display: block;
}
/*進度條-完成度*/
.UploadImg > .ProgressBar > .Progress{
	background:#45c8ab;
	height: 5px;
	width:20%;
	z-index: 3;
}
/*上傳圖片*/
.UploadImg > img{
}
/*刪除*/
.UploadImg > a.BtnDel{
	width: 30px;
	height: 30px;
	background: #455a64;
	-webkit-border-radius: 50%;/*safari*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	text-align: center;
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 1;
	display: none;
	padding: 5px;
	color: #fff;
	text-decoration: none;
}
.UploadImg > a.BtnDel:hover,
.UploadImg > a.BtnDel:active{
	color: #45c8ab;
}
.UploadImg > a.BtnDel.Show{
	display: table;
}
.UploadImg > a.BtnDel > i{
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
}
/*Form End*/
/*Media圖片集中區 Start*/

/*按鈕摸擬成radio、checkbox*/
ul.RadioBtn {
	clear: both;
	/*margin: 0;*/
}
ul.RadioBtn > li {
	text-align: center;
	width: 100%;
	display: inline-block;
	/*padding: 22px;*/
	margin: 6px 0;
	position: relative;
	background: #fff;
	overflow: hidden;
}
/*
ul.RadioBtn > li > .FillIn {
	padding: 0 1px;
}
*/
/*包含其他選項input*/
ul.RadioBtn > li.RadioOther{
	position: relative;
}
ul.RadioBtn > li.RadioOther > [type=text]{
	position: absolute;
	top: 0;
    left: 100px;
    width: calc(100% - 106px);
    height: 35px;
}
ul.RadioBtn > li > label {
	display: block;
	cursor: pointer;
	padding: 10px 10px 10px 45px;
	border: 1px solid #9eafb7;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	text-align: left;
}

ul.RadioBtn > li > input + label:before{
	content: " ";
	position: absolute;
	width: 16px;
	height: 16px;
	border: 1px solid #9eafb7;
	left: 12px;
	top: 23px;
	margin: -10px 0px 0px;
}
ul.RadioBtn > li > input[type=radio] + label:before{
	-webkit-border-radius: 50%;/*safari*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
}
ul.RadioBtn > li > input + label:after{
	content: " ";
	position: absolute;
	z-index: 1;
	display: none;
}
ul.RadioBtn > li > input[type=checkbox] + label:after{
	background: #FFF none repeat scroll 0% 0%;
	width: 12px;
	height: 4px;
	left: 14px;
	top: 25px;
	margin: -8px 0px 0px;
	border-width: medium medium 3px 3px;
	border-style: none none solid solid;
	border-color: -moz-use-text-color -moz-use-text-color #78858b #78858b;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	transform: rotate(-45deg);
}
ul.RadioBtn > li > input[type=radio] + label:after{
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;/*safari*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	background: #78858b;
	left: 16px;
	top: 17px;
}
ul.RadioBtn > li > input[type=radio],
ul.RadioBtn > li > input[type=checkbox]{
	position: absolute;
	z-index: -1;
}
/*錯誤*/
ul.RadioBtn > li.Error{
	outline: 1px solid #f84c4c;
}
ul.RadioBtn > li > input:checked + label {
	border: 1px solid #5ccfb6;
	/*outline: 1px solid #5ccfb6;*/
}
ul.RadioBtn > li:last-child > input:checked + label {
	outline: none;
}
ul.RadioBtn > li > input:checked + label:after{
	display: block;
}
/*無法選擇*/
ul.RadioBtn > li > input:disabled + label {
	background: #f5f8fa;
	cursor: default;
}
ul.RadioBtn > li > input:disabled + label:after{
	background: #f5f8fa;
}
ul.RadioBtn > li > input:checked:disabled + label:after{
	display: block;
	background: #78858b;
}
/*選擇[其他]*/
ul.RadioBtn > li.RadioOther > label > input{
	width: 80%;/*170/266*/
	margin: 0 0 0 9px;
}
ul.RadioBtn > li.RadioOther > input + label:before{
	top: 23px;
}
ul.RadioBtn > li.RadioOther > input[type=radio] + label:after{
	top: 17px;
}
ul.RadioBtn > li.RadioOther > input[type=checkbox] + label:after{
	top: 24px;
}
ul.RadioBtn.NoOutline > li > label{
	border: none;
}
.Box > .BoxBody > .Row > .FillIn ul.RadioBtn.NoOutline > li > label + select{
	display: none;
}
.Box > .BoxBody > .Row > .FillIn ul.RadioBtn.NoOutline > li > label.Show + select{
	display: inline-block;
}

/*
.Item {
}
.Item > ul > li {
}
.Item > ul > li:after {
}
.Item > ul > li > h2 {
}
.Item > ul > li > .ImgBox {
}
.Item > ul > li > .ImgBox a {
	display: block;
}
.Item > ul > li > .BtnBox > .Btn {
}
.Item > ul > li .MallName {
}
.Item > ul > li .Price {
}
.Item > ul > li:after {
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
*/
/*表格
.Table {
	width: 100%;
	border:1px solid #ccc;
}
.Table thead th, .Table tbody td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.Table th {
	font-size: 0.9375em;
	font-weight: normal;
	color: #333;
	background: #e8e8e8;
	padding: 10px 13px;
	text-align: left;
}
.Table td {
	/*padding:12px 13px;
}
.Table caption {
	line-height: 0;
	height: 0;
}
*/
/*GoTop*/
.GoTop {
	width:50px;
	height:50px;
	position:fixed;
	right: 15px;/*15px/16px*/
	bottom: 70px;/*11px/16px*/
	z-index: 1;
}
.GoTop > a.BtnGotop {
	text-decoration: none;
	color: #9eafb7;
	display: table;
	width:50px;
	height:50px;
	text-align: center;
	padding: 3px;
}
.GoTop > a.BtnGotop > span{
	display: table-cell;
	width:44px;
	height:44px;
	background: #fff;
	-webkit-border-radius: 50%;/*safari*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);/*safari*/
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);/*firefox*/
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	/* padding: 0.75em 0;12/16 */
	vertical-align: middle;
	padding-bottom: 3px;
}
.GoTop > a.BtnGotop > span > i{
}
.GoTop > a.BtnGotop:hover,
.GoTop > a.BtnGotop:active{
	color: #45c8ab;
}
.GoTop > a.BtnGotop:hover > span > i{
}
/*GoTop end*/
/*Loading start*/
.Loading{
}
.Load{
	display: inline-block;
	background:#9eafb7;
	/*float:left;*/
	height:6px;
	margin-left:5px;
	width:6px;
	-moz-animation-name:bounce_circleG;
	-moz-animation-duration:1.35s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-border-radius:7px;
	-webkit-animation-name:bounce_circleG;
	-webkit-animation-duration:1.35s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-border-radius:7px;
	-ms-animation-name:bounce_circleG;
	-ms-animation-duration:1.35s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-border-radius:7px;
	-o-animation-name:bounce_circleG;
	-o-animation-duration:1.35s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-border-radius:7px;
	animation-name:bounce_circleG;
	animation-duration:1.35s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	border-radius:7px;
}
.Load1{
	-moz-animation-delay:0.27s;
	-webkit-animation-delay:0.27s;
	-ms-animation-delay:0.27s;
	-o-animation-delay:0.27s;
	animation-delay:0.27s;
}
.Load2{
	-moz-animation-delay:0.63s;
	-webkit-animation-delay:0.63s;
	-ms-animation-delay:0.63s;
	-o-animation-delay:0.63s;
	animation-delay:0.63s;
}
.Load3{
	-moz-animation-delay:0.8099999999999999s;
	-webkit-animation-delay:0.8099999999999999s;
	-ms-animation-delay:0.8099999999999999s;
	-o-animation-delay:0.8099999999999999s;
	animation-delay:0.8099999999999999s;
}
@-moz-keyframes bounce_circleG{
	0%{
	}
	50%{
		background:#607d8b
	}
	100%{
	}

}
@-webkit-keyframes bounce_circleG{
	0%{
	}
	50%{
		background:#607d8b}
	100%{
	}
}
@-ms-keyframes bounce_circleG{
	0%{
	}
	50%{
		background:#607d8b
	}
	100%{
	}
}
@-o-keyframes bounce_circleG{
	0%{
	}
	50%{
		background:#607d8b
	}
	100%{
	}
}
@keyframes bounce_circleG{
	0%{
	}
	50%{
		background:#607d8b
	}
	100%{
	}

}
/*回饋提示*/
.Notify{
	background: rgba(43, 57, 63, .9);
	color: #8196a1;
	padding: 0.625em 5px;/*10/16, 16/320*100*/
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 5;
	display: none;
}
/*顯示*/
.Notify.Show{
	display: block;
}
/*回饋提示-描述*/
.Notify > div{
	width: 84.8%;/*250/288*100*/
	float: left;
}
/*回饋提示-動作*/
.Notify > a.LinkRecovery{
	float: right;
	color: #8196a1;
	display: block;
}
.Notify > a.LinkRecovery:hover{
	color: #45c8ab;
	text-decoration: none;
}
.btn {
  background: #428bca;
  border: #357ebd solid 1px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  min-width: 60px;
  position: relative;
  transition: color .1s ease;
  /* top: 40em;*/
}
.btn:hover {
  background: #357ebd;
}
.btn.btn-big {
  font-size: 18px;
  padding: 15px 20px;
  min-width: 100px;
}
.btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
}
.btn-close:hover {
  color: #919191;
}
.PopupOverlay:before{
	content: "";
	display: none;
	background: #455a64;
	background: rgba(69, 90, 100, .8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.PopupOverlay.Show:before{
	display: block;
}
/*
.PopupOverlay:target:before {
  display: block;
}
.PopupOverlay:target .Popup {
 	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	top: 20%;
}
*/
/*顯示*/
.PopupOverlay.Show > .Popup{
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	top: 20%;
}
.PopupOverlay:after {
    /*display: inline-block;*/
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.PopupOverlay > .Popup {
	background: #fff;
	width: 280px;
	/*padding: 64px 20px 20px;*/
	border: 1px solid #d8e1e6;
	margin-left: -140px;
	position: fixed;
	left: 50%;
	top: -100%;
	z-index: 11;
	-webkit-transform: translate(0, -500%);
	-ms-transform: translate(0, -500%);
	transform: translate(0, -500%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;

}
.PopupOverlay > .Popup > .Title {
	font-size: 1.125em;/*18px/16px*/
	text-align: center;
	font-weight: bold;
	color: #455a64;
	border-bottom: 1px solid #d8e1e6;
	padding: 10px 20px;
	display: block;
}
.PopupOverlay > .Popup > .CopyCode{
	float: right;
	border-radius: 5px;
	padding: 5px;
}
.PopupOverlay > .Popup > .PopupContent {
	/* max-height: 160px; */
	min-height: 60px;
	overflow-y: auto;
	text-align: center;
	padding: 20px 20px 0;
}
.PopupOverlay > .Popup > .PopupContentLeft{
	text-align: left;
}
.PopupOverlay > .Popup > .PopupContent > .Popuptext{
	margin-bottom: 1.25em;
}
/* qrtaopai img */
.QrTaopai{
	max-width: 150px;
	margin: 0 auto;
}
.PopupOverlay > .Popup > .BtnBox {
  	padding: 20px 20px;
  	margin: 0;
	text-align: center;
}
.PopupOverlay > .Popup > .BtnBox > .Btn{
	margin: 0;
}
/*LightBox-按鈕區-有兩顆按鈕*/
.PopupOverlay > .Popup > .Half.BtnBox{
	margin: 0 -6px;
}
.PopupOverlay > .Popup > .Half.BtnBox > .Btn{
	width: 112px;
	margin: 0 5px;/*4/240*/
}
/*LightBox-按鈕區-有三顆按鈕*/
.PopupOverlay > .Popup > .Third.BtnBox{
}
.PopupOverlay > .Popup > .Third.BtnBox > .Btn{
	margin: 0 0 0.625em;
}
/*LightBox*/
.LightBox {
    vertical-align: middle;
	position: fixed;
	/*width: 100%;*/
    /*width: 100vw;*/
    /*height: 100%;*/
    height: 100vh;
	top: 0;
	right:0;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: none;
}
.LightBox.Show{
	display: block;
}
.LightBox > .BtnBox{
	margin: 0 -5px;
}
.LightBox .Box{
	margin: 0;
	overflow: hidden;
}
/*表單區塊-標題列，fieldset不足問題*/
.LightBox fieldset.Box{
	overflow: visible;
}
.LightBox .Box > .BoxBody{
	height: 100vh;
	bottom: 0;
	overflow-y: auto;
	padding-bottom: 120px;
}
.LightBox .Box > .BoxBody > .Row{
	text-align: left;
}
.LightBox .Box > .BoxBody > .Row > label{
}
.LightBox .Box > .BoxBody > .BtnBox{
	margin-top: 0;
	margin-bottom: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 0.9375em 15px;
    border-top: 1px solid #d8e1e6;
    z-index: 1;
    left: 0;
    right: 0;
}
.LightBox .Box > .BoxBody > .BtnBox > .Btn{
	margin: 0;
}
.LightBox .Box > .BoxBody > .BtnBox.Half{
	margin: 0;
}
.LightBox .Box > .BoxBody > .BtnBox.Half > .Btn{
	width: 45.7%;
	margin: 0 5px;
}
.LightBoxOverlay{
	content: "";
	display: block;
	background: #455a64;
	background: rgba(69, 90, 100, .8);
	text-align: center;
	width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9;
    position: fixed;
    display: none;
}
.LightBoxOverlay.Show{
	display: block;
}

/*子女表格*/
.BoxTableRow{
}
/*子女表格-橫列*/
.BoxTableRow > .Row{
	margin: 5px 0;
}
/*子女表格-標題欄*/
.BoxTableRow > .Row > .Head{
	background: #cfd8dc;
	display: table-cell;
	padding: 0 5px;
	vertical-align: middle;
}
/*子女表格-儲存格欄*/
.BoxTableRow > .Row > .Cell{
	background: #fdfdfd;
	padding: 10px 20px;
	display: table-cell;
}
/*子女表格-儲存格欄(表單橫列)*/
.BoxTableRow > .Row > .Cell > .SubRow{
	margin: 0.5em 0;/*8/16*/
}
.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup > select,
.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup > input{
	/*margin: 6px 0;*/
}
/*表單-標題欄*/
.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > label{
	width: auto;
	margin: 3px 0 3px 4%;
}
/*年*/
.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > .InputYear{
	width: 87%;
}
/*月、日*/
.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > .InputMonth,
.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > .InputDay{
	width: 34%;
}
/*日*/
.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > .InputDay{
	margin-left: 4%;
}
/*頁面標題-(標題區塊外)*/
.PageTitle{
	font-size: 1.125em;/*18/16*/
	color: #455a64;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding: 0.5em 0;/*6/18*/
	margin-bottom: -0.7em;/*14/18*/
}
.PageTitle > .TipsTitle{
	font-size: 0.777em;/*14/18*/
	display: none;
	font-weight: 100;
	margin: 0 0 0 15px;
}
/*----------區塊 Start----------*/
/*區塊(div、fieldset)*/
.Box {
	width: 100%;
	background: #fff;
	border: 1px solid #d8e1e6;
	-webkit-box-shadow: 0px 1px 1px rgba(69, 90, 100, .1);/*safari、chrome*/
	-moz-box-shadow: 0px 1px 1px rgba(69, 90, 100, .1);/*firefox*/
	box-shadow: 0px 1px 1px rgba(69, 90, 100, .1);
	margin: 0.875em 0;/*14/16*/
	position: relative;
}
/*區塊-標題(*/
.Box > .BoxTitle{
	font-size: 1.125em;/*18/16*/
	color: #455a64;
	font-weight: 300;
	padding: 1.25em 16px;/*20/16*/
	line-height: 1.2;
	text-align: center;
	position: relative;
	overflow: hidden;
	width: 100%;
}
/*區塊-內容*/
.Box > .BoxBody {
	line-height: 1.6;
	padding: 0.9375em 16px;/*15/16,15/320*/
	clear: both;
	/*-webkit-transition: all .25s;*/
	/*-moz-transition: all .25s;*/
	/*transition: all .25s;*/
}
/*區塊-引言短句*/
.Box > .BoxBody > .IntroDesc{
	font-size: 1.125em;/*18/16*/
	color: #607d8b;
}
/*區塊-備註區*/
.TipsBox{
	font-size: 0.875em;/*14/16*/
}
/*區塊-備註區-備註*/
.TipsBox > .Tips{
	margin: 1.25em 0 0;/*20/16*/
}
/*區塊-備註區-數字序列表*/
.TipsBox > .OlList{
	margin: 1.25em 0 0;/*20/16*/
}
/*區塊-標題內容分隔（淺色底）*/
.Box.BoxHeader{
}
/*區塊-標題內容分隔-標題*/
.Box.BoxHeader > .BoxTitle{
	background: #fff;
	padding: 0.6em 16px;/*20/16*/
	border-bottom: 1px solid #d8e1e6;
	text-align: left;
}
/*區塊-標題內容分隔-標題*/
fieldset.Box.BoxHeader > legend.BoxTitle{
	border: 1px solid #d8e1e6;
	width: 100.6%;
	margin: 0 -1px;
	top: -1px;
}
/*區塊-標題提示*/
.Box.BoxHeader > .BoxTitle > .TitleTips{
	font-size: 0.875em;/*14/16*/
	color: #607d8b;
	display: block;
	margin: 6px 0 2px;
	font-weight: 200;
}
/*區塊-標題內容分隔（深色底）*/
.Box.BoxHeader.BoxHeaderDark{
}
/*區塊-標題內容分隔-標題*/
.Box.BoxHeaderDark > .BoxTitle{
	background: #45c8ab;
	color: #fff;
}
/*區塊-收合區塊*/
.Box.BoxHeader.BoxCollapse{
}
/*區塊-收合區塊-標題*/
.Box.BoxHeader.BoxCollapse > .BoxTitle{
}
/*區塊-收合區塊-標題列連結*/
.Box.BoxHeader.BoxCollapse > .BoxTitle > .BtnCollapse{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-decoration: none;
	color: #c1cace;
}
.Box.BoxHeader.BoxCollapse > .BoxTitle > .BtnCollapse:hover,
.Box.BoxHeader.BoxCollapse > .BoxTitle > .BtnCollapse:active{
	color: #45c8ab;
}
/*區塊-收合區塊-標題列(右方文字功能)*/
.Box.BoxHeader.BoxCollapse > .BoxTitle > .BtnCollapse > i,
.Box.BoxHeader.BoxCollapse > .BoxTitle > .BtnCollapse > span{
	float: right;
	text-decoration: none;
	margin: 10px;
}
/*區塊-收合區塊-內容收起*/
.Box.BoxHeader.BoxCollapse > .BoxBody.Hide{
	display: none;
}
/*區塊-無框*/
.Block{
	width: 100%;
	padding: 0.625em 0 1.25em;/*10/16,0/16*/
}
/*區塊-無框-標題*/
.Block > .BlockTitle{
	font-size: 1.125em;/*18/16*/
	color: #455a64;
	font-weight: bold;
	padding: 1.25em 16px;/*20/16*/
	line-height: 1.2;
	text-align: center;
	overflow: hidden;
}
/*區塊-內容*/
.Block > .BlockBody {
	line-height: 1.6;
	padding: 0.9375em 4.6875%;/*15/16,15/320*/
	clear: both;
}
/*--------------------------表單區 Start--------------------------*/
/*Box-一般區塊(防止fieldset內legend超出範圍)*/
.Box {
	width: 100%;
	/*overflow: hidden;*/
}
/*一般表單-表單內的橫列*/
.Box > .BoxBody > .Row,
.Box > .BoxBody > .Row > div > .Row,
.Box > .BoxBody > div > .Row {
	display: block;
	padding: 0.375em 0;/*6px/16px*/
}
/*一般表單-左側欄位(名稱)*/
.Box > .BoxBody > .Row > label,
.Box > .BoxBody > .Row > div > label,
.Box > .BoxBody > div > .Row > label,
.Box > .BoxBody > div > div > .Row > label{
	font-size: 0.9375em;/*15px/16px*/
	color: #455a64;
	display: inline-block;
	font-weight: bold;
	margin: 3px 0;
	width: 100%;
}
/*一般表單-左側欄位(必填星號)*/
.Box > .BoxBody > .Row.Must > label:after {
	/*content: "*";*/
	/*display: inline-block;*/
	/*color: #ff0000;*/
}
/*一般表單-左側欄位(提示)*/
.Box > .BoxBody > .Row > label > .LabelTips{
	color: #9eafb7;
}
/*一般表單-右側欄位*/
.Box > .BoxBody > .Row > .FillIn,
.Box > .BoxBody > .Row > div > .FillIn,
.Box > .BoxBody > div .Row > .FillIn{
}
/*一般表單-必填欄位出現錯誤時反應-第1、2層*/
.Box > .BoxBody > .Row > .FillIn > .MsgError,
.Box > .BoxBody > .Row > div > .FillIn > .MsgError{
	display: block;
	color: #ff0000;
	padding: 5px 0 0;
	margin: 0;
	/*height: 1.5em;*/
	line-height: 1.3;
}

/*一般表單-填寫欄位區(多組label被div包起來，例如:radio、checkbox）*/
.Box > .BoxBody > .Row > .FillIn > .InputGroup,
.Box > .BoxBody > .Row > div > .FillIn > .InputGroup {
	padding: 0;
}
/*一般表單-填寫欄位區(多組label-radio、checkbox）*/
.Box > .BoxBody > .Row > .FillIn > .InputGroup > select,
.Box > .BoxBody > .Row > .FillIn > .InputGroup > input{
}

.Box > .BoxBody > .Row > .FillIn > .InputGroup > input + .Btn{
	margin: 10px 0 0 0;
}
/*日期項目(phone需斷行)*/
.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate{

}
/*表單-標題欄*/
.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > label{
	width: auto;
	margin: 3px 0 3px 4%;
}
/*年*/
.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > .InputYear{
	width: 89%;
}
/*月、日*/
.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > .InputMonth,
.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > .InputDay{
	width: 36%;
}
/*日*/
.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > .InputDay{
	margin-left: 4%;
}
/*一般表單-填寫欄位區(註解）*/
.Box > .BoxBody > .Row > .FillIn > .Comment,
/*.Box > .BoxBody > .Row > .FillIn > div > .Comment,*/
.Box > .BoxBody > .Row > div > .FillIn > .Comment {
	padding: 5px 0 2px 0;
	font-size: 0.875em;/*14/16*/
	line-height: 1.3;
	/*color: #909bac;*/
}
/*一般表單-展開區塊(當有動作時)*/
.Box > .BoxBody > .Row > .FillIn > .Expend,
.Box > .BoxBody > .Row > div > .FillIn > .Expend {
	display: none;
}
.Box > .BoxBody > .Row > .FillIn > .Expend.Show,
.Box > .BoxBody > .Row > div > .FillIn > .Expend.Show{
	display: block;
}
/*--------------------------表單區 End--------------------------*/
/*按鈕區*/
.BtnBox{
	margin: 0.9375em 0;/*15/16*/
	text-align: center;
}
/*按鈕區-單顆按鈕*/
.BtnBox > .Btn{
	margin: 0.625em 0;/*10/16*/
}
/*按鈕區-單顆按鈕-icon*/
.BtnBox > .Btn > i{
	margin: 0 5px;
}
.BtnBox > .Btn > i:before{
}
/*按鈕區-兩顆按鈕*/
.BtnBox.Half{
	margin: 0.9375em -15px;
}
.BtnBox.Half > .Btn{
	width: 43%;/*116/240*/
	margin: 0 5px;/*4/240*/
}
/*按鈕區（Box裡)*/
.Box > .BtnBox{
	padding: 0 4.6875%;/*15/320*/
}
/*按鈕區-左右兩顆按鈕*/
.Box > .BtnBox.Half{
	margin: 0.9375em -15px;
}
.Box > .BtnBox.Half > .Btn{
	width: 42.4%;/*120/258*/
	margin: 0 5px;
}
/*按鈕區-上下兩顆按鈕*/
.Box > .BtnBox.BtnChoose{
}
/*按鈕區-上下兩顆按鈕*/
.Box > .BtnBox.BtnChoose > .Btn:first-child{
	margin-top: 0;
}
.Box > .BtnBox.BtnChoose > .Btn:last-child{
	margin-bottom: 0;
}
/*章節*/
.Section{
	margin: 0.625em 0;/*10/16*/
}
/*章節-單元標題-外側（置中）*/
.Section > .SectionTitle{
	font-size: 1.125em;/*18/16*/
	color: #455a64;
	font-weight: bold;
	line-height: 1.2;
	padding: 0.5em 0;/*6/18*/
	overflow: hidden;
}
/*連結-更多(隱藏)*/
.Section > .SectionTitle > .LinkMore{
	float: right;
	font-size: 0.77em;/*14/18*/
	text-transform: uppercase;
	margin: 3px 0;
	/*display: none;*/
	font-weight: normal;
}
/*滑過*/
.Section > .SectionTitle > .LinkMore:hover,
.Section > .SectionTitle > .LinkMore:active{
	color: #45c8ab;
}
/*關鍵字*/
.Section > .SectionTitle > strong{
	font-weight: bold;
	color: #3db299;
	margin: 0 5px;
}
/*頁籤切換*/
.Tab{
	background: #f5f8fa;
	border-top: 1px solid #c1cace;
	/*display: none;*/
	border-right: 1px solid #c1cace;
	margin: 20px 0 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.Tab:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.Tab > li{
	/* float: left; */
	/* font-size: 16px; */
}
.Tab > li > a,
.Tab > li > .Disable{
	display: block;
	color: #455a64;
	/*border-bottom: 1px solid #c1cace;*/
	border-right: 1px solid #c1cace;
	padding: 12px 15px 9px;
	text-decoration: none;
	text-align: center;
}
.Tab > li:first-child > a,
.Tab > li:first-child > .Disable{
	border-left: 1px solid #c1cace;
}
.Tab > li:last-child > a,
.Tab > li:last-child > .Disable{
	border-right: none;
}
.Tab > li > .Disable{
	color: #9eafb7;
}
/*點擊、當前*/
.Tab > li > a:active,
.Tab > li.Current > a,
.Tab > li.Current > .Disable{
	background: #fff;
	position: relative;
	z-index: 1;
}
.Tab > li.Current > a:after,
.Tab > li.Current > .Disable:after{
	content: "";
	display: block;
	background: #fff;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 1;
}
/*()號內*/
.Tab > li > a > em,
.Tab > li > .Disable > em{
	display: none;
}
/*()號內-數字*/
.Tab > li > a > em > span{
	color: #f84c4c;
}
/*項目列表*/
.ItemList{
	margin: -0.625em 0;
}
.ItemList > li{
	background: #fff;
	border: 1px solid #c1cace;
	-webkit-box-shadow: 0px 2px 2px rgba(69, 90, 100, .2);/*safari、chrome*/
	-moz-box-shadow: 0px 2px 2px rgba(69, 90, 100, .2);/*firefox*/
	box-shadow: 0px 2px 2px rgba(69, 90, 100, .2);
	position: relative;
	margin: 0.625em 0;/*10/16*/
	vertical-align: top;
	-wetkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
	-wetkit-transition: transform .5s;
	-moz-transition: transform .5s;
	transition: transform .5s;
}
.ItemList > li:hover{
	-webkit-box-shadow: 0px 2px 10px rgba(69, 90, 100, .2);/*safari、chrome*/
	-moz-box-shadow: 0px 2px 10px rgba(69, 90, 100, .2);/*firefox*/
	box-shadow: 0px 2px 10px rgba(69, 90, 100, .2);
	z-index: 1;
}
/*圖片*/
.ItemList > li > .ImgBox{
	position: relative;
	border-bottom: 1px solid #cfd8dc;
	background: url(../images/pic_img_default.jpg) center center no-repeat;
	background-size: cover;
}
.ItemList > li > .ImgBox > a{
	overflow: hidden;
	display: block;
	position: relative;
}
.ItemList > li > .ImgBox > a:after{
	padding-top: 75%;
    content: "";
    display: block;
}
.ItemList > li > .ImgBox > a > img{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.ItemList > li:hover > .ImgBox > a > img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	transform:scale(1.05);
}
/*資訊*/
.ItemList > li > .Info{
	padding: 0.9375em 5.2%;/*15/16, 15/288*/
	/*font-size: 0.875rem;14/16*/
}

.ItemList > li > .Info > h2{
	font-size: 1.25em;/*20/16*/
	color: #455a64;
	line-height: 1.4;/*24/20*/
	margin: 0 0 0.4em 0;/*8/20*/
	overflow: hidden;
}
.ItemList > li > .Info > h2 > a{
	text-decoration: none;

}
.ItemList > li > .Info > h2 > a > span{
}
/*按鈕區*/
.ItemList > li > .Info > .BtnBox{
	margin-bottom: -0.9375em;
}
/*按鈕區*/
.ItemList > li > .Info > .BtnBox > .Btn{
	font-size: 1.125em;/*18/16*/
	min-height: 45px;
	line-height: 33px;
}
/*按鈕區-*剩*/
.ItemList > li > .Info > .BtnBox > .Btn > em{
	font-size: 0.875em;/*14/18*/
	margin: 0 3px;

}
/*按鈕區-*剩數量*/
.ItemList > li > .Info > .BtnBox > .Btn > em > span{
	font-size: 1.428em;/*20/14*/
	margin: 0 3px;
}
/*連結*/
.ItemList > li > .LinkCover{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	text-indent: -999999px;
	overflow: hidden;
	display: none;
}
.ItemList:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
/*深標題表格*/
.BoxTableWrap{

}
/*深標題表格-標題*/
.BoxTableWrap > legend{
}
/*深標題表格-無內容*/
.BoxTableWrap > .BoxEmpty{
}
/*深標題表格-無內容*/
.BoxTableWrap > .BoxEmpty.Hide{
	display: none;
}
/*深標題表格-列表*/
.BoxTableWrap > .BoxTableDark{
	display: none;
}
/*深標題表格-列表*/
.BoxTableWrap > .BoxTableDark.Show{
	display: block;
}
/*深標題-clear*/
.BoxTableDark > .TableRow:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

/*深標題-橫列*/
.BoxTableDark > .TableRow,
.BoxTableDark > .TableBody > .TableRow{
	overflow: hidden;
	padding: 15px;
}
/*深標題-橫列*/
.BoxTableDark > .TableRow.RowTh,
.BoxTableDark > .TableRow.RowTd,
.BoxTableDark > .TableBody > .TableRow.RowTd{
	border-bottom: 1px solid #c1cace;
}
/*深標題-無刪除欄*/
.BoxTableDark > .TableRow.RowTh{
	display: none;
}
/*深標題-標題欄(儲存格)*/
.BoxTableDark > .TableRow > .Cell {
}
/*深標題-標題欄(儲存格)*/
.BoxTableDark > .TableRow.RowTh > .Cell {
}
/*深標題-儲存格*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell {
}
/*深標題-儲存格(名稱)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellName {
	margin: 0 0 0.3125em 0;/*5/16*/
}
/*深標題-儲存格(名稱)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellUrl {
	margin: 0 0 0.625em 0;/*10/16*/
}
/*深標題-儲存格(名稱)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellStatus {
	width: 50%;
	float: left;
}

/*深標題-儲存格(狀態)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellStatus > .StatusWrap{
	padding: 0.625em 0 0 0;/*10/16*/
}
/*深標題-儲存格(狀態)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellStatus > .StatusWrap > .Status{
}
/*深標題-儲存格(狀態)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellStatus > .StatusWrap > .Status.StatusError,
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellStatus > .StatusWrap > .Status.StatusError > i,
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellStatus > .StatusWrap > .Status.StatusError > a{
	color: #f84c4c;
}
/*深標題-儲存格(狀態)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellStatus > .StatusWrap > .Status > i{
	margin-right: 0.625em;/*10/16*/
	color: #45c8ab;
}
/*深標題-儲存格(功能)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellFunction {
	width: 50%;
	float: right;
	text-align: right;
}
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellFunction > .FillIn{
	padding: 9px 0 0 0;
}
/*深標題-表單-右側欄位*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellFunction > .FillIn > .Btn{
	width: 80px;
	padding: 4px 0;
}
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellFunction:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
/*深標題-儲存格(原因)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellReason{
	clear: both;
	margin: 0.625em 0 0 0;/*10/16*/
	display: none;
}
/*深標題-儲存格(原因)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellReason.Show{
	display: block;
}
/*深標題-儲存格((原因)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellReason > .Reason{
	background: #f3f4f6;
	color: #f84c4c;
	-webkit-border-radius: 5px;/*safari、chrome*/
	-moz-border-radius: 5px;/*firefox*/
	border-radius: 5px;
	padding: 3.25em 20px;/*50/16*/
}
/*深標題-儲存格(增加)*/
.BoxTableDark > .TableBody > .TableRow.RowTd.RowAdd{
	overflow: visible;
}
/*深標題-儲存格(增加)*/
.BoxTableDark > .TableBody > .TableRow.RowTd.RowAdd.Hide{
	display: none;
}
/*深標題-表單(欄位)*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > label{
	display: none;
}
/*深標題-表單-右側欄位*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn{
}
/*深標題-必填欄位出現錯誤時反應-第1、2層*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .MsgError{
	display: block;
	color: #ff0000;
	padding: 0.3125em 0 0;/*5/16*/
	margin: 0;
	height: 1.5em;
	line-height: 1.3;
}
/*深標題-必填欄位出現錯誤時反應-文字*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .MsgError > span{
	display: none;
}
/*深標題-必填欄位出現錯誤時反應-文字*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .MsgError > span > i {
	margin: 0 0.3125em 0 0;/*5/16*/
}
/*深標題-必填欄位出現錯誤時反應-文字*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .MsgError > span.Show {
	display: block;
}
/*深標題-填寫欄位區(多組label被div包起來，例如:radio、checkbox）*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .InputGroup {
	padding: 0;
}
/*深標題-填寫欄位區(多組label-radio、checkbox）*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .InputGroup > select,
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .InputGroup > input{
}
/*深標題-輸出*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn{
}
/*深標題-輸出*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .Report{
	display: none;
}
/*深標題-功能*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .Report > .Function{

}
/*深標題-功能*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .Report > .Function > li{
	display: inline-block;
	width: 44px;
}
/*深標題-功能*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .Report > .Function > li > a{
	display: block;
	height: 44px;
	padding: 0.625em 0 0 0;/*10/16*/
	text-align: center;
	color: #6b8693;
	text-decoration: none;
}
/*深標題-功能*/
.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .Report > .Function > li > a > i{
}
/*深標題-橫列(輸出模式)*/
.BoxTableDark > .TableBody > .TableBody > .TableRow.RowTd.ReviewMode{
}
/*深標題-填寫(輸出模式)*/
.BoxTableDark > .TableBody > .TableRow.RowTd.ReviewMode > .Cell > .FillIn{
	display: none;
}
/*深標題-輸出(輸出模式)*/
.BoxTableDark > .TableBody > .TableRow.RowTd.ReviewMode > .Cell > .Report{
	display: block;
}
/*深標題-儲存格(增加)*/
.BoxTableDark > .TableRow.RowTd > .Cell.CellAdd{
	text-align: center;
}
.BoxTableDark > .TableRow.RowTd.RowAdd.Hide{
	display: none;
}
/*深標題-儲存格(增加)*/
.BoxTableDark > .TableRow.RowTd > .Cell.CellAdd > .BtnAdd{
	display: block;
	max-width: 270px;
    margin: 10px auto;
}
.BoxTableDark > .TableRow.RowTd > .Cell.CellAdd > .BtnAdd > i{
	margin: 0 5px 0 0;
}
/*深標題-提示泡泡*/
.BoxTableDark > .TableRow.RowTd > .Cell.CellAdd > .BtnAdd > span{
	/*display: none;*/
}
/*表格-淺色*/
.BoxTableLight{
}
/*表格-淺色標題-橫列*/
.BoxTableLight > .TableRow{
	overflow: hidden;
	border: 1px solid #c1cace;
	margin: 30px 0;
}
/*表格-淺色標題-標題欄(隱藏)*/
.BoxTableLight > .TableRow.RowTh{
	display: none;
}
/*表格-淺色標題-橫列*/
.BoxTableLight > .TableRow.RowTh,
.BoxTableLight > .TableRow.RowTd {
}
/*表格-淺色標題(第一列)*/
.BoxTableLight > .TableRow.RowTd > :first-child{
	background: #cfd8dc;
}
/*表格-淺色標題-第一列(左欄)*/
.BoxTableLight > .TableRow.RowTd > :first-child > span{
	font-size: 0.875em;/*14/16*/
}
/*表格-淺色標題-總計*/
.BoxTableLight > .TableRow.RowTd > :last-child .Total{
	color: #ffc107;
	font-size: 1.14em;/*16/14*/
}
/*表格-淺色標題-標題欄(儲存格)*/
.BoxTableLight > .TableRow > .Cell {
}
/*表格-淺色標題-標題欄(儲存格)-左欄*/
.BoxTableLight > .TableRow > .Cell > span{
	padding: 5px 10px;
	width: 110px;
	display: block;
	/*outline: 1px solid #f00;*/
	text-align: right;
	float: left;
}
/*表格-淺色標題-標題欄(儲存格)-右欄*/
.BoxTableLight > .TableRow > .Cell > em{
	padding: 5px 10px 5px 115px;
	display: block;
	/*outline: 1px solid #f00;*/
	font-size: 0.875em;/*14/16*/
	word-wrap: break-word;
	word-break: break-all;
	font-weight: 100;
}
.BoxTableLight > .TableRow.RowTdLast > .Cell > em{
	padding: 1px 10px 5px 115px;
}
/*表格-淺色標題-第一欄(儲存格)-右欄*/
.BoxTableLight > .TableRow.RowTd > :first-child > .Cell > em{
	font-size: 1em;
}
/*表格-淺色標題-標題欄(儲存格)*/
.BoxTableLight > .TableRow.RowTh > .Cell {
}
/*表格-淺色標題-儲存格*/
.BoxTableLight > .TableRow.RowTd > .Cell {
	overflow: hidden;
}
/*淺色標題3*/
/*表格-淺色*/
.BoxTableLight3{
	padding: 0;/*去除表單*/
	border: 1px solid #c1cace;
	margin: 35px 0;
}
/*表格-淺色標題-橫列*/
.BoxTableLight3 > .TableRow{
	overflow: hidden;
}
/*表格-淺色標題-標題欄(隱藏)*/
.BoxTableLight3 > .TableRow.RowTh{
	display: none;
}
/*表格-淺色標題-橫列*/
.BoxTableLight3 > .TableRow.RowTh,
.BoxTableLight3 > .TableRow.RowTd {
}
/*表格-淺色標題(第一列)*/
.BoxTableLight3 > .TableRow.RowTd > :first-child{
	background: #cfd8dc;
	text-align: center;
	padding: 5px 0;
}
/*表格-淺色標題-第一列(左欄)*/
.BoxTableLight3 > .TableRow.RowTd > :first-child > span{
	/*font-size: 0.875em;14/16*/
	display: none;
	width: auto;
	float: none;
}
.BoxTableLight3 > .TableRow.RowTd > :first-child > em{
	display: inline;
	width: auto;
	float: none;
}
/*表格-淺色標題-標題欄(儲存格)*/
.BoxTableLight3 > .TableRow > .Cell {
	padding: 0;
}
/*表格-淺色標題-標題欄(儲存格)-左欄*/
.BoxTableLight3 > .TableRow > .Cell > span{
	padding: 7px 5px 7px 0;
	display: block;
	/*outline: 1px solid #f00;*/
	text-align: right;
	float: left;
	border-right: 1px solid #c1cace;
	border-bottom: 1px solid #c1cace;
	width: 44%;/*110/252*/
}
/*表格-淺色標題-標題欄(儲存格)-右欄*/
.BoxTableLight3 > .TableRow > .Cell > em{
	display: block;
	float: left;
	padding: 7px 10px 7px 10px;
	/*outline: 1px solid #f00;*/
	/*font-size: 0.875em;14/16*/
	word-wrap: break-word;
	word-break: break-all;
	font-weight: 100;
	border-right: 1px solid #c1cace;
	border-bottom: 1px solid #c1cace;
	width: 28%;/*71/252*/
}
/*表格-淺色標題-第一欄(儲存格)-右欄*/
.BoxTableLight3 > .TableRow.RowTd > :first-child > .Cell > em{
	font-size: 1em;
}
/*paypal-第一欄(儲存格)-右欄*/
.BoxTableLight3 > .TableRow > .Cell:first-child > em{
	padding: 7px 0;
}
/*paypal-9a、9b右側文字*/
.BoxTableLight3 > .TableRow > .Cell > em > span{
	display: none;
}
/*表格-淺色標題-標題欄(儲存格)*/
.BoxTableLight3 > .TableRow.RowTh > .Cell {
}
/*表格-淺色標題-儲存格*/
.BoxTableLight3 > .TableRow.RowTd > .Cell {
	overflow: hidden;
}
/*表格-淺色標題-每列-最後右欄*/
.BoxTableLight3 > .TableRow > .Cell > em:last-child{
	border-right: none;
}
/*表格-淺色標題-最末列-左欄*/
.BoxTableLight3 > .TableRow > .Cell:nth-last-child(1) > span{
	padding: 10px 5px;
	border-bottom: none;
}
/*表格-淺色標題-最末列-右欄*/
.BoxTableLight3 > .TableRow > .Cell:nth-last-child(1) > em{
	border-bottom: none;
}
/*表格-淺色標題-第二列-左欄*/
.BoxTableLight3 > .TableRow > .Cell.CellMerge > span{
	display: none;
}
/*表格-淺色標題-第二列-右欄*/
.BoxTableLight3 > .TableRow > .Cell.CellMerge > em{
	padding: 5px 10px 5px 5px;
	text-align: center;
	float: none;
	width: auto;
	border-right: none;
}
/*表格-淺色標題-第7、8、9列-右欄*/
.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em,
.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em,
.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em{
	width: 56%;/*142/252*/
}
/*餵出資料*/
.ListReportData{

}
/*餵出資料-一項*/
.ListReportData > .Row{
	padding: 0.375em 0;
	overflow: hidden;
}
/*餵出資料-欄位標題*/
.ListReportData > .Row > span{
	width: 90px;
	display: block;
	float: left;
	text-align: right;
	/*color: #57717e;*/
}
/*餵出資料-欄位資料*/
.ListReportData > .Row > em{
	display: block;
	padding: 0 0 0 105px;
	color: #000;
}
/*單欄*/
/*餵出資料-單欄欄位資料*/
.ListReportData > .Row.OneCol > span{
	display: block;
	float: none;
	width: 100%;
	margin: 10px 0 0 0;
	text-align: left;
}
.ListReportData > .Row.OneCol > em{
	padding: 0;
	width: 100%;
}
/*餵出資料*/
.ReportData{

}
.ReportData > .RowWrap{
	background: #e3edf2;
	padding: 10px;
	-webkit-border-radius: 5px;/*safari*/
	-moz-border-radius: 5px;/*firefox*/
	border-radius: 5px;
	margin: 10px 0;
}
.ReportData > .RowWrap > .Row > span{
	width: 80px;
	display: block;
	float: left;
	text-align: right;
}
.ReportData > .RowWrap > .Row > em{
	display: block;
	padding: 0 0 0 95px;
	color: #000;
}
/*餵出資料-一項*/
.ReportData > .Row{
	padding: 0.375em 0;
}

/*餵出資料-欄位標題*/
.ReportData > .Row > span{
	width: 90px;
    display: block;
    float: left;
    text-align: right;
}
/*餵出資料-欄位資料*/
.ReportData > .Row > em{
	display: block;
    padding: 0 0 0 105px;
    color: #000;
}
.Editor strong.TitleTag,
.TitleTag,
.Box > .BoxBody > .Row > .ReportData > .TitleTag{
	background: #607d8b;
	color: #fff;
	display: inline-block;
	padding: 1px 8px;
	margin: 24px 0 10px;
	font-weight: 300;
}
.Editor .TitleTag + p{
	margin-top: 0;
}
.TitleTag:after,
.Box > .BoxBody > .Row > .ReportData > .TitleTag:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
/*頁碼*/
.Pagination {
	font-size: 0.9375em;/*15px/16px*/
	text-align: center;
	margin: 2em 0;
}
.Pagination > ul {
	display: inline-block;
}
.Pagination > ul > li {
	display: none;
}
.Pagination > ul > li a {
	background: #fff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	padding: 9px 8px;
	cursor: pointer;
}
.Pagination > ul > li.Default a {
	cursor: default;
}
.Pagination > ul > li.Default a:hover, .Pagination > ul > li.Default a:active {
	background: #fff;
}
/*.Pagination > ul > li a, .Pagination > ul > li.Default a {
	background: #fff;
	display: block;
}*/
.Pagination > ul > li.First, .Pagination > ul > li.Prev,
.Pagination > ul > li.Next, .Pagination > ul > li.End,
.Pagination > ul > li.Default {
	min-width: 42px;
	/*height: 42px;*/
}
.Pagination > ul > li.First, .Pagination > ul > li.Prev,
.Pagination > ul > li.Next, .Pagination > ul > li.End,
.Pagination > ul > li.Default {
	border: 1px solid #d8e1e6;
}
.Pagination > ul > li.First, .Pagination > ul > li.Prev,
.Pagination > ul > li.Next, .Pagination > ul > li.End,
.Pagination > ul > li.Current {
	margin: 0 1px;
}
.Pagination > ul > li.Current a,
.Pagination > ul > li.First, .Pagination > ul > li.Prev,
.Pagination > ul > li.Next, .Pagination > ul > li.End,
.Pagination > ul > li.Current,
.Pagination > ul > li.Current:before, .Pagination > ul > li.Current:after {
	display: inline-block;
	vertical-align: middle;
}
.Pagination > ul > li.Current a, .Pagination > ul > li.Current a:hover {
	color: #555;
	background: transparent;
	cursor: default;
}
.Pagination > ul > li.Current:before {
	content: "第";
	padding: 0 2px 0 0;
}
.Pagination > ul > li.Current:after {
	content: "頁";
	padding: 0 0 0 2px;
}
.Pagination > ul > li i {
	margin: 0;/*12px/15px*/
}
.Pagination > ul > li > a > i {
	font-size: 16px;
}
.Pagination > ul > li > a:hover,
.Pagination > ul > li > a:active {
	color: #ffffff;
	background: #45c8ab;
	text-decoration: none;
}
/*無內容區塊*/
.BoxEmpty{
	padding: 60px 16px;
	text-align: center;
	display: none;
}
.BoxEmpty.Show{
	display: block;
}
/*無內容時*/
.BoxEmpty{
}
/*無內容-icon*/
.BoxEmpty > .EmptyIcon{
	width: 190px;
	margin: 0 auto 30px;
}
/*無內容時(增加)*/
.BoxEmpty > .BtnAdd{
	display: block;
	/*padding: 4.375em 0;/*70/16*/*/
	text-align: center;
	text-decoration: none;
	max-width: 270px;
	margin: 10px auto;
}
.BoxEmpty > .BtnAdd > i{
	margin: 0 5px 0 0;
}
/*無內容時(增加-文字)*/
.BoxEmpty > .EmptyTips > em{
	display: block;
	margin: 0 0 1em 0;/*30/16*/
	font-weight: bold;
}
/*無內容時(增加-說明泡泡)*/
.BoxEmpty > .EmptyTips > span{
	/*display: none;*/
}
/*無內容-提示文字*/
.BoxEmpty > .EmptyTips{
	margin: 15px 0;
}

/*單頁介紹內容(關於我們、聯絡我們)*/
.DescBox{

}
/*單頁介紹內容-主標*/
.DescBox > h1{
	font-size: 1.875em;/*30/16*/
	text-align: center;
	padding: 40px 0;
	font-weight: 300;
}
.DescBox > h1 + p{
	margin: 0 0 2.7em;
}
/*單頁介紹內容-段落*/
.DescBox > p{
	font-size: 1.125em;/*18/16*/
	margin: 2.7em 0;/*50/18*/
}
/*如果使用者之視窗寬度>=480px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 480px) {
	/*按鈕區－寬度一率*/
}
/*如果使用者之視窗寬度>=480px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 568px) {
	/*區塊-標題內容分隔-標題*/
	fieldset.Box.BoxHeader > legend.BoxTitle{
		width: 100.5%;
	}
}
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	/*S size*/
	.Btn.BtnXs{
		padding: 2px 20px;
		width: auto;
		font-size: 14px;
	}
	.Btn.BtnSm {
	}
	.Btn.BtnMd{
	}
	/*M size*/
	.BtnBox > .Btn,
	.BtnBox.Half > .Btn,
	.Box > .BtnBox.Half > .Btn{
		width: 270px;
	}
	/*L size*/
	.Btn.BtnLg {
	}
	.InputXs,
	.SelectXs{
		width: 90px;
	}
	.InputSm,
	.SelectSm{
		width: 227px;
	}
	.InputMd,
	.SelectMd{
		width: 289px;
	}
	.InputLg,
	.SelectLg{
		width: 467px;
	}
	ul.RadioBtn{
		margin: 0 -5px 0;
	}
	ul.RadioBtn > li{
		width: 227px;
		margin: 6px 5px;
	}
	/*選擇[其他]*/
	ul.RadioBtn > li.RadioOther > label > input{
		width: 289px;
	}
	ul.RadioBtn > li.RadioOther > input + label:before{
		top: 34px;
	}
	ul.RadioBtn > li.RadioOther > input[type=radio] + label:after{
		top: 28px;
	}
	ul.RadioBtn > li.RadioOther > input[type=checkbox] + label:after{
		top: 36px;
	}
	ul.RadioBtn > li.RadioOther > [type=text]{
		width: 289px;
    	height: 40px;
	}
	.Box > .BoxBody > .Row > .FillIn ul.RadioBtn{
		width: 100%;
	}
	ul.RadioBtn.NoOutline > li{
		width: 100%;
	}
	/*按鈕摸擬成radio、checkbox*/
	ul.RadioBtn.RadioReset {
		clear: both;
		/*margin: 0;*/
		margin: 0;
		display: inline-block;
	}
	ul.RadioBtn.RadioReset > li {
		text-align: left;
		width: auto;
		display: inline-block;
		margin: 0 6px 0 0;
		position: relative;
		background: none;
		overflow: hidden;
	}
	ul.RadioBtn.RadioReset > li > label {
		display: block;
		cursor: pointer;
		padding: 5px 10px 5px 25px;
		border: none;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		text-align: left;
	}
	ul.RadioBtn.RadioReset > li > input + label:before{
		content: " ";
		position: absolute;
		width: 16px;
		height: 16px;
		border: 1px solid #c1cace;
		left: 0;
		top: 19px;
		margin: -10px 0px 0px;
	}
	ul.RadioBtn.RadioReset > li > input[type=radio] + label:before{
		-webkit-border-radius: 50%;/*safari*/
		-moz-border-radius: 50%;/*firefox*/
		border-radius: 50%;
	}
	ul.RadioBtn.RadioReset > li > input + label:after{
		content: " ";
		position: absolute;
		z-index: 1;
		display: none;
	}
	ul.RadioBtn.RadioReset > li > input[type=checkbox] + label:after{
		background: #FFF none repeat scroll 0% 0%;
		width: 12px;
		height: 4px;
		left: 14px;
		top: 18px;
		margin: -8px 0px 0px;
		border-width: medium medium 3px 3px;
		border-style: none none solid solid;
		border-color: -moz-use-text-color -moz-use-text-color #78858b #78858b;
		-moz-border-top-colors: none;
		-moz-border-right-colors: none;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		border-image: none;
		transform: rotate(-45deg);
	}
	ul.RadioBtn.RadioReset > li > input[type=radio] + label:after{
		width: 10px;
		height: 10px;
		-webkit-border-radius: 50%;/*safari*/
		-moz-border-radius: 50%;/*firefox*/
		border-radius: 50%;
		background: #78858b;
		left: 4px;
		top: 13px;
	}
	ul.RadioBtn.RadioReset > li > input {
		position: absolute;
		z-index: -1;
	}
	/*錯誤*/
	ul.RadioBtn.RadioReset > li.Error{
		outline: 1px solid #f84c4c;
	}
	ul.RadioBtn.RadioReset > li > input:checked + label {
		border: none;
		outline: none;
	}
	ul.RadioBtn.RadioReset > li:last-child > input:checked + label {
		outline: none;
	}
	ul.RadioBtn.RadioReset > li > input:checked + label:after{
		display: block;
	}
	/*無法選擇*/
	ul.RadioBtn.RadioReset > li > input:disabled + label {
		background: #f5f8fa;
		cursor: default;
	}
	ul.RadioBtn.RadioReset > li > input:disabled + label:after{
		background: #f5f8fa;
	}
	/*上傳圖片*/
	.UploadImg{
		min-height: 300px;
	}
	/*頁面標題-(標題區塊外)*/
	.PageTitle{
		text-align: left;
	}
	.PageTitle > .TipsTitle{
		display: inline-block;
	}
	/*--------------------------表單區 Start--------------------------*/
	.Box > .BoxBody > .Row > .FillIn > .InputGroup > .InputXs,
	.Box > .BoxBody > .Row > .FillIn > .InputGroup > .SelectXs{
		/*margin: 0 10px 0 0;*/
	}
	/*區塊-標題*/
	.Box.BoxHeader > .BoxTitle{
		padding: 0.6em 30px;/*20/16*/
	}
	/*區塊-標題內容分隔-標題*/
	fieldset.Box.BoxHeader > legend.BoxTitle{
		width: 100.3%;
	}
	/*區塊-標題提示*/
	.Box.BoxHeader > .BoxTitle > .TitleTips{
		float: right;
	}
	/*區塊-內容*/
	.Box > .BoxBody {
		padding: 0.9375em 30px;/*15/16,15/320*/
	}
	/*一般表單-左側欄位(名稱)*/
	.Box > .BoxBody > .Row > label{
		text-align: right;
		vertical-align: top;
		padding-top: 0.8em;/*10/16*/
		float: left;
		font-size: 1em;
	}
	.Box > .BoxBody > .Row > .FillIn{
		padding: 5px 0 2px 0;
	}
	.Box > .BoxBody > .Row > .FillIn > input,
	.Box > .BoxBody > .Row > .FillIn select,
	.Box > .BoxBody > .Row > .FillIn textarea,
	.Box > .BoxBody > .Row > .FillIn .InputGroup,
	.Box > .BoxBody > .Row > .FillIn .Expend.Show,
	.Box > .BoxBody > .Row > .FillIn ul.RadioBtn,
	.Box > .BoxBody > .Row > .FillIn button{
		display: inline-block;
	}
	/*一般表單-必填欄位出現錯誤時反應-第1、2層*/
	.Box > .BoxBody > .Row > .FillIn > .MsgError{
		/*padding: 5px 0 2px 0;*/
	}
	/*一般表單-填寫欄位區(註解）*/
	.Box > .BoxBody > .Row > .FillIn > .Comment{
		padding: 5px 0 2px 0;
	}
	/*展開*/
	.Box > .BoxBody > .Row > .FillIn > .Expend{
		/*float: right;*/
		width: 100%;
	}
	/*會員個人資料*/
	.Box > .BoxBody > .Row > .FillIn > .InputGroup > input + .Btn{
		margin: 0 10px;
	}
	/*生日*/
	.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > label{
		margin: 0 14px 0 8px;
	}
	/*日期項目(pad不斷行)*/
	.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate{
		width: 100%;
	}
	/*年、月、日*/
	.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > .InputXs{
		width: 90px;
	}
	/*日*/
	.Box > .BoxBody > .Row > .FillIn > .InputGroup.InputGroupDate > .InputDay{
		margin-left: 0;
	}

	/*區塊-無框-標題*/
	.Block > .BlockTitle{
		padding: 1.66em 16px;/*30/16*/
	}
	/*區塊-內容*/
	.Block > .BlockBody {
	}
	.PopupOverlay > .Popup {
		width: 400px;
		margin-left: -200px;
	}
	.PopupOverlay.PopupMd > .Popup{
		width: 550px;
		margin-left: -275px;
	}
	.PopupOverlay > .Popup > .Title{
	}
	.PopupOverlay > .Popup > .PopupContent{
	}
	.PopupOverlay > .Popup > .BtnBox > .Btn{
		width: 192px;
	}
	.PopupOverlay > .Popup > .Half.BtnBox > .Btn{
		width:164px;
	}
	/*LightBox-按鈕區-有三顆按鈕*/
	.PopupOverlay > .Popup > .Third.BtnBox{
		margin: 0 -5px;
	}
	.PopupOverlay > .Popup > .Third.BtnBox > .Btn{
		margin: 0 5px;
		width: 109px;
	}
	.LightBox {
		width: 680px;
		top: 50px;
		margin: 0 auto;
	}
	.LightBox .Box > .BoxBody{
		height: 400px;
		padding-bottom: 80px;
	}
	/*影片類型*/
	.LightBox.LightBoxMovie{
		width: 707px;
		top: 50%;
		margin-top: -200px;
	}
	.LightBox.LightBoxMovie .Box{
		border: none;
		overflow: visible;
		background: transparent;
	}
	.LightBox.LightBoxMovie .Box > .BoxBody{
		height: 398px;
		padding-bottom: 0;
		overflow-y: visible;
		padding: 0;
	}
	.LightBox.LightBoxMovie .Box > .BoxBody .MovieWrap{
		margin: 0 auto;
		padding: 0;
		background: none;
	}
	.LightBox.LightBoxMovie .Box > .BoxBody .MovieWrap > .Movie{
		box-shadow: none;
	}
	.LightBox.LightBoxMovie > .Box > .BoxBody > .BtnBox{
		width: auto;
		background: transparent;
		padding: 0;
		border-top: none;
		right: 0;
		top: -50px;
		bottom: initial;
		left: initial;
	}
	.LightBox.LightBoxMovie .Box > .BoxBody > .BtnBox > .BtnIcon{
		color: #fff;
		width: 44px;
		height: 44px;
		background: none;
		padding: 0;
	}
	.LightBox.LightBoxMovie .Box > .BoxBody > .BtnBox > .BtnIcon:hover{
		color: #000;
	}
	.LightBox.LightBoxMovie .Box > .BoxBody > .BtnBox > .BtnIcon > i{
		font-size: 44px;
	}
	/*表單個人資料--左側欄位(名稱)*/
	.LightBox .Box > .BoxBody > .Row > label {
		text-align: right;
		width: 80px;
	}
	/*表單個人資料-右側欄位*/
	.LightBox .Box > .BoxBody > .Row > .FillIn{
		padding: 0 0 0 100px;
	}
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputGroup{
		width: 100%;
	}
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputGroup > select{
		/*margin: 0 -5px;*/
	}
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputGroup > .InputLg{
		width: 473px;
	}
	.LightBox .Box > .BoxBody > .BtnBox{
		position: absolute;
		/*left: 15px;*/
    	/*right: 0;*/
	}
	.LightBox .Box > .BoxBody > .Row > .FillIn ul.RadioBtn{
		/*width: 100%;*/
	}
	.LightBox .Box > .BoxBody > .Row > .FillIn ul.RadioBtn > li{
		width: 230px;
	}
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputSm,
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputGroup > .InputSm,
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputMd,
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputGroup > .InputMd,
	.LightBox .Box > .BoxBody > .Row > .FillIn > .SelectSm,
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputGroup > .SelectSm{
		width: 230px;
	}
	.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup{
		width: 100%;
	}
	.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup > select,
	.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup > input{
		/*margin: 6px 0;*/
	}
	/*表單-標題欄*/
	.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > label{
		/*width: auto;*/
		margin: 0 14px 0 8px;
	}
	/*年、月、日*/
	.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > .InputXs{
		width: 90px;
	}
	/*日*/
	.BoxTableRow > .Row > .Cell > .SubRow > .FillIn > .InputGroup.InputGroupDate > .InputDay{
		margin-left: 0;
	}
	.ItemList > li .Info > h2{
		font-size: 1.25em;/*20/16*/
	}
	.ItemList > li > .Info > .BtnBox > .Btn{
		width: 100%;/*去除768按鈕寬度*/
	}
	.Tab > li > a > em,
	.Tab > li > .Disable > em{
		display: inline-block;
	}
	.Tab > li > a,
	.Tab > li > .Disable{
		padding: 12px 30px 9px;
		font-weight: bold;
	}
	.Tab > li:last-child > a,
	.Tab > li:last-child > .Disable{
		border-right: 1px solid #d8e1e6;
	}
	.Box > .BoxBody > .Row > .FillIn > .InputGroup{
		margin: 0 -5px;
	}
	.Box > .BoxBody > .Row > .FillIn > .InputGroup > select,
	.Box > .BoxBody > .Row > .FillIn > .InputGroup > input{
		margin: 6px 5px;
	}
	.BoxTableDark > .TableRow.RowTh,
	.BoxTableDark > .TableBody > .TableRow{
		padding: 0;
		overflow: hidden;
	}
	/*深標題表格-橫列*/
	.BoxTableDark > .TableRow.RowTh,
	.BoxTableDark > .TableBody > .TableRow.RowTd {
	}
	/*深標題表格-標題*/
	.Box.BoxHeader.BoxTableWrap > .BoxTitle{
		display: none;
	}
	/*深標題-標題欄*/
	.BoxTableDark > .TableRow.RowTh{
		background: #45c8ab;
		color: #fff;
		display: block;
	}
	/*深標題-標題欄(儲存格)*/
	.BoxTableDark > .TableRow > .Cell,
	.BoxTableDark > .TableBody > .TableRow > .Cell{
		display: inline-block;
		word-break:normal;
		padding: 15px 20px;
		/*outline: 1px solid #f00;*/
		vertical-align: top;
	}
	/*深標題-標題欄(儲存格)*/
	.BoxTableDark > .TableRow.RowTh > .Cell {
		padding: 12px 20px;
		font-size: 1.125em;/*18/16*/
	}
	/*深標題-填寫欄位區(多組label-radio、checkbox）*/
	.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .InputGroup > select,
	.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell > .FillIn > .InputGroup > input{
		width: 100%;
	}
	/*深標題-儲存格(增加)*/
	.BoxTableDark > .TableRow.RowTd.RowAdd{
		overflow: visible;
	}
	/*深標題-儲存格(增加)*/
	.BoxTableDark > .TableRow.RowTd > .Cell.CellAdd{
		display: block;
	}
	/*深標題-儲存格(增加)*/
	.BoxTableDark > .TableRow.RowTd > .Cell.CellAdd > .BtnAdd{
	}
	/*淺色標題3*/
	/*表格-淺色標題-標題欄(儲存格)-左欄*/
	.BoxTableLight3 > .TableRow > .Cell > span{
		padding: 10px 20px 10px 0;
		width: 25%;/*145/586*/
	}
	/*表格-淺色標題-標題欄(儲存格)-右欄*/
	.BoxTableLight3 > .TableRow > .Cell > em{
		padding: 10px 0 10px 20px;
		width: 37.5%;/*250/586*/
	}
	/*表格-淺色標題-第一列(左欄)*/
	.BoxTableLight3 > .TableRow.RowTd > :first-child > span{
		padding: 0;
	}
	.BoxTableLight3 > .TableRow.RowTd > :first-child > em{
		padding: 0;
	}
	/*表格-淺色標題-最末列-左欄*/
	.BoxTableLight3 > .TableRow > .Cell:nth-last-child(1) > span{
		padding: 15px 20px 15px 0;
		border-bottom: none;
	}
	/*表格-淺色標題-最末列-左欄*/
	.BoxTableLight3 > .TableRow > .Cell:nth-last-child(1) > em{
		padding: 14px 0 14px 20px;
		border-bottom: none;
	}
	.BoxTableLight3 > .TableRow > .Cell > em > span{
		display: inline;
	}
	/*paypal-淺色標題-第7、8、9列-右欄*/
	.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em,
	.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em,
	.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em{
		width: 75%;/*142/252*/
	}
	/*無內容時(增加)*/
	.BoxEmpty > .BtnAdd{
		/*padding: 4.375em 0;80/16*/
		position: relative;
	}
	/*無內容時(增加-文字)*/
	.BoxEmpty > .BtnAdd > em{
		font-size: 1.125em;/*18/16*/
		margin: 0 0 2.77em 0;/*50/18*/
	}
	/*無內容時(增加-說明泡泡)*/
	.BoxEmpty > .BtnAdd > span{
		background: #9eafb7;
		-webkit-border-radius: 5px;/*safari*/
		-moz-border-radius: 5px;/*firefox*/
		border-radius: 5px;
		padding: 20px;
		/*display: block;*/
		position: absolute;
		width: 260px;
		left: 50%;
		margin: 0 0 0 -130px;
		top: 12%;
		color: #455a64;
	}
	/*無內容時(增加-說明泡泡三角形)*/
	.BoxEmpty > .BtnAdd > span:after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #9eafb7 transparent transparent transparent;
		position: absolute;
		bottom: -5px;
		left: 50%;
		margin-left: -5px;
	}
	/*無內容時(增加-說明泡泡)*/
	.BoxEmpty > .BtnAdd:hover > span{
		display: block;
	}
	/*餵出資料-欄位標題*/
	.ListReportData > .Row{
		padding: 0.5em 0;
	}
	/*餵出資料-欄位標題*/
	.ListReportData > .Row > span{
	}
	/*餵出資料-欄位資料*/
	.ListReportData > .Row > em{
	}
	/*單欄*/
	/*餵出資料-單欄欄位資料*/
	.ListReportData > .Row.OneCol > span{
		display: block;
		float: left;
		width: 90px;
		margin: 0;
		text-align: right;
	}
	.ListReportData > .Row.OneCol > em{
		width: auto;
		padding: 0 0 0 125px;
	}
	/*圖片寬度限制*/
	.ListReportData > .Row.OneCol > em > .ImgReport{
		width: auto;
	}
	/*頁碼*/
	.Pagination > ul {
		border-left: 1px solid #d8e1e6;
	}
	.Pagination > ul > li,
	.Pagination > ul > li.First,
	.Pagination > ul > li.Prev,
	.Pagination > ul > li.Next,
	.Pagination > ul > li.End,
	.Pagination > ul > li.Default {
		display: block;
		margin: 0;
		border: 1px solid #d8e1e6;
		border-left: 0;
	}
	.Pagination > ul > li.Hide {
		display: none;
	}
	.Pagination > ul > li.First {
	}
	.Pagination > ul > li {
		float: left;
		min-width: 40px;
		/*height: 30px;*/
	}
	.Pagination > ul > li a {
		/*color: #999;*/
		/*padding: 3px 2px;*/
	}
	.Pagination > ul > li.Current a{
		display: block;
	}
	.Pagination > ul > li.Current a,
	.Pagination > ul > li.Current a:hover,
	.Pagination > ul > li.Current a:active {
		color: #fff;
	}
	.Pagination > ul > li.Current {
		background: #45c8ab;
		margin: 0;
	}
	.Pagination > ul > li.First,
	.Pagination > ul > li.Prev,
	.Pagination > ul > li.Next,
	.Pagination > ul > li.End,
	.Pagination > ul > li.Default {
		/*width: 30px;*/
		/*height: 30px;*/
		/*min-width: inherit;*/
	}
	.Pagination > ul > li.Default {
		background: #eee;
	}
	.Pagination > ul > li.Current:before, .Pagination > ul > li.Current:after {
		display: none;
	}
	.Pagination > ul > li i {
		margin: 0;
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	.HideLg{
		display: none !important;
	}
	/*頁面標題-(標題區塊外)*/
	.PageTitle{
		margin-top: -1.5em;/*24/16*/
	}
	/*區塊-標題*/
	.Box.BoxHeader > .BoxTitle{
		padding: 0.6em 40px;/*20/20*/
		/*font-size: 1.25em;20/16*/
	}
	/*區塊-標題內容分隔-標題*/
	fieldset.Box.BoxHeader > legend.BoxTitle{
		/*width: 100.2%;*/
	}
	/*區塊-內容*/
	.Box > .BoxBody {
		padding: 0.9375em 40px;/*15/16,15/320*/
	}
	/*一般表單-左側欄位(名稱)*/
	.Box > .BoxBody > .Row > label{
		padding-top: 1em;
	}
	.Box > .BoxTitle{
		font-weight: bold;
	}
	.Block{
		width: 100%;
		padding: 0.625em 0 1.875em;/*10/16,30/16*/
	}
	/*回饋提示*/
	.Notify{
		background: rgba(255, 255, 255, .9);
		border: 1px solid #a7c0cc;
		color: #455a64;
		padding: 10px;
		top: 140px;
		left: 50%;
		margin-left: -150px;
		bottom: auto;
		width: 300px;
	}
	/*回饋提示-描述*/
	.Notify > div{
		width: 240px;
		float: left;
	}
	/*回饋提示-動作*/
	.Notify > a.LinkRecovery{
		color: #455a64;
	}
	.Notify > a.LinkRecovery:hover{
		color: #45c8ab;
		text-decoration: none;
	}
	/*上傳圖片(或拖拉到此)*/
	.UploadImg > label > span > em{
		display: inline-block;
	}
	.InputSm,
	.SelectSm{
		width: 240px;
	}
	.InputMd,
	.SelectMd{
		/*width: 289px;*/
	}
	.InputLg,
	.SelectLg{
		width: 240px;
	}
	ul.RadioBtn > li{
		width: 240px;
	}
	.LightBox {
		top: 90px;
		margin: 0 auto;
		width: 700px;
	}
	.LightBox.LightBoxMovie{
		width: 800px;
		margin-top: -225px;
	}
	.LightBox.LightBoxMovie .Box > .BoxBody{
		height: 450px;
	}
	.LightBox .Box > .BoxBody > .Row > .FillIn > .InputGroup > .InputLg{
	}
	.BoxTableDark > .TableBody > .TableRow.RowTd > .Cell.CellFunction .FillIn{
		padding: 8px 0 0 0;
	}
		/*表格-淺色*/
	.Box > .BoxBody > .BoxTableLight,
	.BoxResult > .BoxTableLight{
		display: table;
		width: 100%;
		border: 1px solid #c1cace;
	}
	/*表格-淺色標題-橫列*/
	.BoxTableLight > .TableRow{
		margin: 0;
		border: none;
	}
	/*表格-淺色標題-標題欄(隱藏)*/
	.BoxTableLight > .TableRow.RowTh{
		display: table-row;
		background: #cfd8dc;
	}
	/*表格-淺色標題-標題欄(隱藏)*/
	.BoxTableLight > .TableRow.RowTd{
		border-bottom: 1px solid #c1cace;
	}
	/*表格-淺色標題-橫列*/
	.BoxTableLight > .TableRow.RowTh,
	.BoxTableLight > .TableRow.RowTd {
		display: table-row;
	}
	/*表格-淺色標題(第一列)*/
	.BoxTableLight > .TableRow.RowTd > :first-child{
		background: none;
	}
	/*表格-淺色標題-第一列(左欄)*/
	.BoxTableLight > .TableRow.RowTd > :first-child > span{
		font-size: 1em;/*16/16*/
	}
	/*表格-淺色標題-總計*/
	.BoxTableLight > .TableRow.RowTd > :last-child{
		font-weight: bold;
	}
	/*表格-淺色標題-總計*/
	.BoxTableLight > .TableRow.RowTd > :last-child .Total{
		font-size: 1.14em;/*16/14*/
	}
	/*表格-淺色標題-標題欄(儲存格)*/
	.BoxTableLight > .TableRow > .Cell {
		display: table-cell;
		text-align: center;
		border-right: 1px solid #c1cace;
		padding: 5px 10px;
		border-bottom: 1px solid #c1cace;
	}
	.BoxTableLight > .TableRow > .Cell.CellSubtotal{
		min-width: 130px
	}
	.BoxTableLight > .TableRow:last-child > .Cell{
		border-bottom: none;
		border-right: none;
	}
	/*表格-淺色標題-橫列*/
	.BoxTableLight > .TableRow.RowTh > .Cell:last-child,
	.BoxTableLight > .TableRow.RowTd > .Cell:last-child {
		border-right: none;
	}
	/*表格-淺色標題-標題欄(儲存格)-左欄*/
	.BoxTableLight > .TableRow > .Cell > span{
		display: none;
	}
	/*表格-淺色標題-標題欄(儲存格)-右欄*/
	.BoxTableLight > .TableRow > .Cell > em,
	.BoxTableLight > .TableRow.RowTdLast > .Cell > em{
		padding: 0;
		display: inline;
		/*outline: 1px solid #f00;*/
		font-size: 1em;/*16/16*/
		float: none;
	}
	/*表格-淺色標題-第一欄(儲存格)-右欄*/
	.BoxTableLight > .TableRow.RowTd > :first-child > .Cell > em{
		font-size: 1em;
	}
	/*表格-淺色標題-標題欄(儲存格)*/
	.BoxTableLight > .TableRow.RowTh > .Cell {
		text-align: center;
	}
	/*表格-淺色標題-儲存格*/
	.BoxTableLight > .TableRow.RowTd > .Cell {
	}
	.BoxTableLight3{
		margin: -1px 0 0;
	}
	/*表格-淺色標題(標題列)*/
	.BoxTableLight3 > .TableRow.RowTh{
		display: block;
		background: #cfd8dc;
	}
	.BoxTableLight3 > .TableRow.RowTd:last-child > .Cell{
		border-bottom: none;
	}
	.BoxTableLight3 > .TableRow.RowTh > .Cell{
		padding: 10px 0 10px 0;
		text-align: center;
	}
	.BoxTableLight3 > .TableRow.RowTh > .Cell,
	.BoxTableLight3 > .TableRow.RowTd > :first-child{
		float: left;
		background: none;
	}
	.BoxTableLight3 > .TableRow.RowTd > :first-child > em{
		display: inline;
		width: auto;
		float: none;
	}
	/*表格-淺色標題-標題欄(儲存格)*/
	.BoxTableLight3 > .TableRow.RowTd > .Cell {
		padding: 0;
		float: left;
		padding: 40px 0 41px 0;
		border-right: 1px solid #c1cace;
		border-bottom: 1px solid #c1cace;
		text-align: center;
	}
	/*表格-淺色標題-標題欄(儲存格)-左欄*/
	.BoxTableLight3 > .TableRow > .Cell > span,
	.BoxTableLight3 > .TableRow.RowTd > :first-child > span{
		display: none;
	}
	/*表格-淺色標題-標題欄(儲存格)-右欄*/
	.BoxTableLight3 > .TableRow > .Cell > em{
		display: block;
		float: none;
		padding: 0;
		border: none;
		width: auto;
	}
	/*表格-淺色標題-第一欄(儲存格)-右欄*/
	.BoxTableLight3 > .TableRow.RowTd > :first-child > .Cell > em{
		/*font-size: 1em;*/
	}
	/*paypal-第一欄(儲存格)-右欄*/
	.BoxTableLight3 > .TableRow > .Cell:first-child > em{
		padding: 0;
		display: block;
	}
	/*表格-淺色標題-標題欄(儲存格)*/
	.BoxTableLight3 > .TableRow.RowTh > .Cell {
	}
	/*表格-淺色標題-儲存格*/
	.BoxTableLight3 > .TableRow.RowTd > .Cell {
	}
	/*表格-淺色標題-最末列-左欄*/
	.BoxTableLight3 > .TableRow.RowTd > .Cell:last-child{
		padding: 26px 0;
		border-right: none;
	}
	/*表格-淺色標題-每列-最後右欄*/
	.BoxTableLight3 > .TableRow > .Cell > em:last-child{
	}
	/*表格-淺色標題-最末列-左欄*/
	.BoxTableLight3 > .TableRow > .Cell:nth-last-child(1) > span{
		padding: 0;
		border-bottom: none;
	}
	/*表格-淺色標題-最末列-右欄*/
	.BoxTableLight3 > .TableRow.RowTd > .Cell:nth-last-child(1) > em{
		border-bottom: none;
		padding: 14px 0 14px 0;
	}
	/*paypal-淺色標題-第二列-右欄*/
	.BoxTableLight3 > .TableRow > .Cell.CellMerge > em{
		padding: 0;
		text-align: center;
		float: none;
		width: auto;
		border-right: none;
	}
	/*paypal-淺色標題-第7、8、9列-右欄*/
	.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em,
	.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em,
	.BoxTableLight3 > .TableRow > .Cell.CellMerge2 > em{
		width: auto;/*142/252*/
	}
	/*paypal-淺色標題-第7、8、9列-右欄*/
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate,
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate,
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate,
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate{
		padding: 0;
	}
	/*paypal-淺色標題-第7、8、9列-右欄*/
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate > em,
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate > em,
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate > em,
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate > em{
		padding: 14px 0;
	}
	.BoxTableLight3 > .TableRow > .Cell.CellSeparate > :nth-child(2){
		border-bottom: 1px solid #c1cace;
	}
	/*單頁介紹內容(關於我們、聯絡我們)*/
	.DescBox{
		padding: 0 80px;
	}
	/*頁籤*/
	.Tab > li > a:hover{
		color: #45c8ab;
	}
	.Tab > li > a:hover > em > span{
		color: #45c8ab;
	}
}


/*2017/11/01 Frank 新增會員等級*/

/*會員等級字樣*/
.Box > .BoxBody > .Row.Level > label {
	width: auto;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.Box > .BoxBody > .Row.Level > label {
		font-size: 16px;
		padding-top: 5px;
	}
}

@media (min-width: 1024px) {
	.Box > .BoxBody > .Row.Level > label {
		padding-top: 10px;
	}
}

/*會員等級圖示旁文字*/
.MemberLevel span {
	font-size: 15px;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.MemberLevel span {
		font-size: 16px;
	}
}

@media (min-width: 1024px) {
	.MemberLevel span {
		font-size: 18px;
	}
}

/*會員等級排版用父層*/
.Row.Level .FillIn {
	display: inline-block;
}

@media (min-width: 768px) {
	.Row.Level .FillIn {
		display: block;
	}
}

/*會員等級圖示*/
.LevelIcon {
	width: 36px;
	height: 42px;
	display: inline-block;
	margin: 0 6px;
}

@media (min-width: 768px) {
	.LevelIcon {
		margin: 0 10px 0 0;
	}
}
/*LightBox*/
.LightBox2 {
    vertical-align: middle;
	position: fixed;
	top: 0;
	right:0;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
}
.LightBox2.Show{
	display: block;
}
.LightBox2 .Box2{
	margin: 0;
}
.LightBox2 .Box2 > .BoxBody{
	bottom: 0;
	overflow-y: auto;
	padding-bottom: 120px;
}
/* 警告 */
.Box2{
	border-radius: 8px;
	width: auto;
	border: 1px solid #555;
	background: #000;
	padding: 15px 30px;
	
	/* max-width: 270px; */
}

.Box2 > .BoxBody{
	padding: 0;
}

.LightBox2 .Box2{
	margin: 100px auto;
	width: 72.2%;
	overflow: visible;
}
.LightBox2 .Box2 > .BoxBody{
	overflow-y: hidden;
	padding-bottom: 0;
	height: auto;
}
.FraudHeading{
	color: #ea545d;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
.FraudHeadingIcon{
	max-width: 43px;
	margin: -29px 0 0 5px;
	vertical-align: middle;
}
.FraudImgbox{
	
}
.FraudImgbox img{
	max-height: 143px;
}
.FraudDesc{
	color: #fff;
	font-size: 15px;
	line-height: 1.7;
}
@media (min-width: 768px) {
	.LightBox2 {
		top: 50px;
		margin: 0 auto;
	}
	.LightBox2 .Box2 > .BoxBody{
	}
	.LightBox2 .Box2{
		margin: 100px auto;
		width: 700px;
	}
	.Fraud{
		display: flex;
	}
	.FraudHeading{
		margin: 0 0 15px;
	}
	.FraudImgbox{
		width: 290px;
		flex: 0 1 290px;
		
	}
	.FraudImgbox img{
		max-height: initial;
	}
	.FraudInfo{
		flex: 0 0 calc(100% - 290px);
		padding-top: 50px;
	}
	.FraudDesc{
		font-size: 16px;
	}
}
.LightBoxClose{
	position: absolute;
	top: -35px;
	right: 0;
}
.LightBoxCloseLink{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: #fff;
	text-decoration: none;
}
.LightBoxCloseLink:hover,
.LightBoxCloseLink:active{
	/* color: #000; */
}
.LightBoxCloseIcon{
	font-size: 30px!important;
	margin: 0!important;
}