@charset "utf-8";
/* CSS Document */
/*
Radio和Checkbox置中 : .YCR_CN(1-6)
fieldset : 設定樣式 , legend : 設定樣式
設定block : .YBK(Block) , .YIBK(inline-block)
設定方向 : .YC : 水平置中 , .YL : 置左 , .YR : 置右 , .YT : 置頂 , .YB : 置底 , .YMiddle : 垂直置中 , .YMI : 輸入框必填(紅色)
設定各種字體大小的類別 : .YFN(12-24) , .YWN(10-100) , .YFN(0_5 , 1 ... 4_5) , .f-N(0.5 , 1 , 1.5 , 2 , 2.5 , 3) , .YFW : 字體加重
文字頻色 : .YRed : 紅色 , .YBlue : 藍色 , .YWhite : 白色 , .YBlack : 黑色 , .YOrange : 橘色 , .YGreen : 綠色
外框的類別 : .YBRed : 紅框 ,  .YBBlue 藍框 , .YBBlack : 黑框 , .YBBBlack : 下黑框 , .YBTBBlack : 上下黑框
			 .YBGray : 灰框 , .YBBGray : 下灰框 , .YBTBGray : 上下灰框
設定各種paddinf和margin的類別
設寛度(%) : .YW100 , .YW90 , .YW80 , .YW75 , .YW70 , .YW50 , .YW40 , .YW30 , .YW20 , .YW10
設寛度(px) : .YW300P , .YW250P , .YW200P , .YW150P , .YW100P , .YW90P , .YW80P , .YW70P , .YW60P , .YW50P , .YW40P , .YW30P , .YW20P
設高度(px) : .YHP10 , .YHP20 , .YHP30
卡片樣式 : .YCart
hr樣式 :　.YHrO
3D按鈕 : 
背景色 : .YBG_Primary , .YBG_Danger , .YBG_Warning , .YBG_Success , .YBG_Info , .YBG_Default , .YBG_GrayE , .YBG_GrayA
圖角設定 : .YRadius5 .YRadius10 . YRadius20
上傳檔案美化
常用顏色
.YmdbBG(灰藍色) , .YredBG(紅色) , .Ypink(粉紅色) , .Ypurple(紫色) , .Ybrown(咖排色) , 
.Ydeep-purple(深紫色) , .Yindigo(紫色) , .YblueBG(藍色) , .Ylight-blue(亮藍色) , .Ycyan(淡藍色)
.Yteal(深綠色) , .YgreenBG(綠色) , .Ylight-green(亮綠色) , .Ylime(光綠色)
.Yyellow(黃色) , .Yamber(深黃色) , .YorangeBG(橘色) , .Ydeep-orange(深橘色)
.Yblue-grey(藍灰色) , .Ygrey(深灰色)

範例:紅色(可用上方顏色改變)
.Yred-text(文字) , .Yred(背景色) , .lighten-N(1-5)變亮 , darken-N(1-4)(變暗) , accent-N(1-4)(加重)
物件圖形外層 , 單框表格 , 自製Loading燈箱

設定外距 四周 : M_0-5 , 上 : .MT_0-5 , 下 : .MB_0-5 , 左 : .ML_0-5 , 右 : .MR_0-5 , 左右 : .MX_0-5 , 上下 : .MY_0-5
設定內距 四周 : .P_0-5 , 上 : .PT_0-5 , 下 : .PB_0-5 , 左 : .PL_0-5 , 右 : .PR_0-5 , 左右 : .PX_0-5 , 上下 : .PY_0-5

@media (min-width: 1200px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 768px) and (max-width: 991px){}

*/
/*Radio和Checkbox置中*/
.YCR_C1{vertical-align:text-bottom;margin-bottom:-1px;*margin-bottom:-4px;height:20px;width:20px;}
.YCR_C2{height:13px;vertical-align:text-top;margin-top:0;height:20px;width:20px;}
.YCR_C3{height:15px;vertical-align:bottom;margin-bottom:-1px;margin-bottom:-2px\9;*margin-bottom:0px;height:20px;width:20px;}
.YCR_C4{height:14px;vertical-align:top;margin-top:1px;margin-top:0\9;height:20px;width:20px;}
.YCR_C5{vertical-align:middle;margin-top:-2px;height:20px;width:20px;}
.YCR_C6{vertical-align:-3px;}

fieldset {
	border:0;
	padding:10px;
	margin-bottom:10px;
	background:#EEE;
	border-radius: 8px!important;
}
legend {
	padding:5px 10px;
	background-color:#4F709F;
	color:#FFF;
	width:auto;
	border-radius:5px!important;
}

/*基本功能*/
/*設定block*/
.yldu_block , .YB , .YBlock , .YBK { display:block!important; }
.YInline , .YIBK { display:inline-block!important; }
/*強制斷行*/
.YWB{word-break:break-all!important;}

/*設定方向*/
.yldu_put_center , .YCenter , .YC{text-align:center!important;}
.yldu_put_left , .YLeft , .YL{text-align:left!important;}
.yldu_put_right , .YRight , .YR{text-align:right!important;}
.yldu_put_top , .YTop , .YT{vertical-align:text-top!important;}
.yldu_put_bottom , .YBottom , .YB{vertical-align:bottom!important;}
.yldu_put_middle , .YMiddle , .YM{vertical-align:middle!important;}
.yldu_must_input , .YMI { color:#f00!important; }

/*設定各種字體大小的類別*/
.yldu_font12 , .YFont12 , .YF12{font-size:12px!important;}
.yldu_font14 , .YFont14 , .YF14{font-size:14px!important;}
.yldu_font16 , .YFont16 , .YF16{font-size:16px!important;}
.yldu_font18 , .YFont18 , .YF18{font-size:18px!important;}
.yldu_font20 , .YFont20 , .YF20{font-size:20px!important;}
.YFont22 , .YF22{font-size:22px!important;}
.YF24{font-size:24px!important;}
.YF26{font-size:26px!important;}
.YF28{font-size:28px!important;}
.YF30{font-size:30px!important;}
/*用rem*/
.YF0_5{font-size:0.5rem!important;}
.YF1{font-size:1rem!important;}
.YF1_5{font-size:1.5rem!important;}
.YF2{font-size:2rem!important;}
.YF2_5{font-size:2.5rem!important;}
.YF3{font-size:3rem!important;}
.YF3_5{font-size:3.5rem!important;}
.YF4{font-size:4rem!important;}
.YF4_5{font-size:4.5rem!important;}
/*縮字設定-字體大小*/
.f-0-5 {font-size:0.5rem!important;} .f-1-5 {font-size:1.5rem!important;} .f-2-5 {font-size:2.5rem!important;}
.f-1 {font-size:1rem!important;} .f-2 {font-size:2rem!important;} .f-3 {font-size:3rem!important;}

/*字體加重*/
.YFW{	font-weight:bold!important;		}

/*設定文字頻色的類別*/
.yldu_color_red , .yldu_must_input , .YRed{color:#f00!important;}
.yldu_color_blue , .YBlue{color:#00f!important;}
.yldu_color_while , .YWhite{color:#fff!important;}
.yldu_color_black , .YBlack{color:#000!important;}
.YOrange { color:#ff9800!important; }
.YGreen { color:#090!important; }

/*設定各種外框的類別*/
/*
.YBRed : 紅框 ,  .YBBlue 藍框 , .YBBlack : 黑框 , .YBBBlack : 下黑框 , .YBTBBlack : 上下黑框
.YBGray : 灰框 , .YBBGray : 下灰框 , .YBTBGray : 上下灰框
*/
.yldu_border_1red , .YBorderRed1 , .YBRed { border:1px solid #F00!important; }
.yldu_border_1blue , .YBorderBlue1 , .YBBlue { border:1px solid #00F!important; }
.yldu_border_1black , .YBorderBlack1 , .YBBlack { border:1px solid #000!important; }
.yldu_border_bottom_1black , .YBorderBBlack1 , .YBBBlack { border-bottom:1px solid #000!important; }
.yldu_border_top_1black , .YBorderTBlack1 , .YBTBlack { border-top:1px solid #000!important; }
.yldu_border_top_bottom_1black , .YBorderTBBlack1 , .YBTBBlack { border-top:1px solid #000!important;border-bottom:1px solid #000!important; }
.YBGray { border:1px solid #EEE!important; } .YBBGray { border-bottom:1px solid #EEE!important; } .YBTBGray { border-top:1px solid #EEE!important;border-bottom:1px solid #EEE!important; }

/*設定各種paddinf和margin的類別*/
.yldu_margin0 , .YMargin0{margin:0px!important;}
.yldu_margin10 , .YMargin10{margin:10px!important;}
.yldu_margin20 , .YMargin20{margin:20px!important;}
.yldu_margin_topbottom10 , .YMarginTB0{margin:10px 0px!important;}
.yldu_margin_topbottom20 , .YMarginTB20{margin:20px 0px!important;}

.yldu_padding0 , .YPadding0{padding:0px!important;}
.yldu_padding2 , .YPadding2{padding:2px!important;}
.yldu_padding10 , .YPadding10{padding:10px!important;}
.yldu_padding20 , .YPadding20{padding:20px!important;}

.yldu_padding_TB10 , .YPaddingTB10{padding:10px 0px!important;}
.yldu_padding_TB20 , .YPaddingTB20{padding:20px 0px!important;}
.yldu_padding_LR10 , .YPaddingLR10{padding:0 10px!important;}
.yldu_padding_LR20 , .YPaddingLR20{padding:0 20px!important;}
.yldu_padding_topbottom10 , .YPaddingTB10{padding:10px 0px!important;}
.yldu_padding_topbottom20 , .YPaddingTB20{padding:20px 0px!important;}

.yldu_margin_top20 , .YMarginT20{margin-top:20px!important;}
.yldu_margin_left20 , .YMarginL20{margin-left:20px!important;}
.yldu_margin_bottom20 , .YMarginB20{margin-bottom:20px!important;}
.yldu_margin_right20 , .YMarginR20{margin-right:20px!important;}
.yldu_margin_top10 , .YMarginT10{margin-top:10px!important;}
.yldu_margin_left10 , .YMarginL10{margin-left:10px!important;}
.yldu_margin_bottom10 , .YMarginB10{margin-bottom:10px!important;}
.yldu_margin_right10 , .YMarginR10{margin-right:10px!important;}

.yldu_padding_top20 , .YPaddingT20{padding-top:20px!important;}
.yldu_padding_left20 , .YPaddingL20{padding-left:20px!important;}
.yldu_padding_bottom20 , .YPaddingB20{padding-bottom:20px!important;}
.yldu_padding_right20 , .YPaddingR20{padding-right:20px!important;}
.yldu_padding_left_right10 , .YPaddingLR10{padding:0px 10px!important;}
.yldu_padding_top_bottom10 , .YPaddingTB10{padding:10px 0px!important;}

.yldu_padding_top10 , .YPaddingT10{padding-top:10px!important;}
.yldu_padding_left10 , .YPaddingL10{padding-left:10px!important;}
.yldu_padding_bottom10 , .YPaddingB10{padding-bottom:10px!important;}
.yldu_padding_right10 , .YPaddingR10{padding-right:10px!important;}

/*設寛度(%)*/
.yldu_width100 , .YW100{width:100%!important;}
.yldu_width90 , .YW90{width:90%!important;}
.yldu_width80 , .YW80{width:80%!important;}
.yldu_width75 , .YW75{width:75%!important;}
.yldu_width70 , .YW70{width:70%!important;}
.yldu_width50 , .YW50{width:50%!important;}
.YW40{width:40%!important;}
.YW30{width:30%!important;}
.YW20{width:20%!important;}
.YW10{width:10%!important;}

/*設寛度(px)*/
.YW300P{width:300px!important;}
.YW250P{width:250px!important;}
.YW200P{width:200px!important;}
.YW150P{width:150px!important;}
.YW100P{width:100px!important;}
.YW90P{width:90px!important;}
.YW80P{width:80px!important;}
.YW70P{width:70px!important;}
.YW80P{width:60px!important;}
.YW50P{width:50px!important;}
.YW40P{width:40px!important;}
.YW30P{width:30px!important;}
.YW20P{width:20px!important;}

/*設高度(px)*/
.yldu_height10 , .YH10 , .YHP10{height:10px!important;}
.yldu_height20 , .YH20 , .YHP20{height:20px!important;}
.yldu_height30 , .YH30 , .YHP30{height:30px!important;}

/*卡片樣式*/
.yldu_cart , .YCart
{
	border:2px solid #666!important;
	padding:10px;
	margin:2px;
	border-radius:10px;
	min-height:50px;
}

/*hr樣式*/
.yldu_hr_Orange , .YHrO
{
	color: #FF8C00;
	background-color: #FF8C00;
	height: 5px;
}

/*3D按鈕*/
.3D_BTN_g_g_b
{
    BORDER-RIGHT: #7B9EBD 1px solid; PADDING-RIGHT: 2px;
    BORDER-TOP: #7B9EBD 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
    BORDER-LEFT: #7B9EBD 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7B9EBD 1px solid
}

.3D_BTN_G_G_b_mouseout
{
     BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px;
     BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
     FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997);
     BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}

.3D_BTN_G_G_b_mouseover
{
     BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px;
     BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
     FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6);
     BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}

.BUTTON_N_Y_b
{
	padding: 4px;
	font-size:16px;
	height:24px;
	background-color:#6FC;
}

.3D_BTN_g_B_b_mouseout
{
    BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px;
    BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
    BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}

.3D_BTN_g_B_b_mouseover
{
    BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px;
    BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA);
    BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}

.3D_BTN_g_B_b_mousedown
{
    BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px;
    BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
    BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
}
.3D_BTN_g_B_b_mouseup
{
    BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px;
    BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
    BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}

.3D_BTN_g_B_b
{
    BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px;
    BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA);
    BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
}

/*背景色*/
.YBG_Primary{background:#337AB7!important;}
.YBG_Danger{background:#D9534F!important;}
.YBG_Warning{background:#F0AA48!important;}
.YBG_Success{background:#5CB85C!important;}
.YBG_Info{background:#5BC0DE!important;}
.YBG_Default{background:#fff!important;}
.YBG_GrayE{background:#eee!important;}
.YBG_GrayA{background:#aaa!important;}

/*圖角設定*/
.yldu_input_border_radius , .YRadius5{border-radius:50px;}
.yldu_input_border_radius , .YRadius10{border-radius:10px;}
.yldu_input_border_radius , .YRadius20{border-radius:20px;}

/* 上傳檔案美化 */
/*最外層div*/
div.YUp_File_Box
{
	position:relative;
	width:298px
}

/*檔案名稱*/
input.YUp_Filename
{
	width:288px;
	height:23px;
	padding-left:8px;
	
	background-color:#ffffff;
	border:#cccccc 1px solid;
	border-radius:5px;
	
	color:#666666;
	
}

/*選取檔案按鈕*/
input.YUp_Button
{
	width:82px;
	height:27px;
	padding-left:13px;
	
	background-color:#096;
	border:0;
	border-radius:0 5px 5px 0;

	position:absolute;
	top:0;
	right:0;
	
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
}

/*隱藏原按鈕*/
input.YUp_File
{
	width:297px;
	height:24px;
	
	position:absolute;
	top:0;
	right:0;

	filter:alpha(opacity:0);
	opacity:0;
	
	font-size:20px;
	cursor:pointer;
}

/*常用顏色*/
/* 灰藍色 */
.YmdbBG.lighten-5{background-color:#D0D6E2!important}
.YmdbBG.lighten-4{background-color:#B1BACE!important}
.YmdbBG.lighten-3{background-color:#929FBA!important}
.YmdbBG.lighten-2{background-color:#7283A7!important}
.YmdbBG.lighten-1{background-color:#59698D!important}
.Ymdb-text{color:#45526E!important}
.Ymdb.darken-1{background-color:#3B465E!important}
.Ymdb.darken-2{background-color:#2E3951!important}
.Ymdb.darken-3{background-color:#1C2A48!important}
.Ymdb.darken-4{background-color:#1C2331!important}
/* 紅色 */
.YredBG.lighten-5{background-color:#FFEBEE!important}
.YredBG.lighten-4{background-color:#FFCDD2!important}
.YredBG.lighten-3{background-color:#EF9A9A!important}
.YredBG.lighten-2{background-color:#E57373!important}
.YredBG.lighten-1{background-color:#EF5350!important}
.YredBG{background-color:#F44336!important}
.Yred-text{color:#F44336!important}
.Yred.darken-1{background-color:#E53935!important}
.Yred.darken-2{background-color:#D32F2F!important}
.Yred.darken-3{background-color:#C62828!important}
.Yred.darken-4{background-color:#B71C1C!important}
.Yred.accent-1{background-color:#FF8A80!important}
.Yred.accent-2{background-color:#FF5252!important}
.Yred.accent-3{background-color:#FF1744!important}
.Yred.accent-4{background-color:#D50000!important}
/* 粉紅色 */
.Ypink.lighten-5{background-color:#fce4ec!important}
.Ypink.lighten-4{background-color:#f8bbd0!important}
.Ypink.lighten-3{background-color:#f48fb1!important}
.Ypink.lighten-2{background-color:#f06292!important}
.Ypink.lighten-1{background-color:#ec407a!important}
.Ypink{background-color:#e91e63!important}
.Ypink-text{color:#e91e63!important}
.Ypink.darken-1{background-color:#d81b60!important}
.Ypink.darken-2{background-color:#c2185b!important}
.Ypink.darken-3{background-color:#ad1457!important}
.Ypink.darken-4{background-color:#880e4f!important}
.Ypink.accent-1{background-color:#ff80ab!important}
.Ypink.accent-2{background-color:#ff4081!important}
.Ypink.accent-3{background-color:#f50057!important}
.Ypink.accent-4{background-color:#c51162!important}
/* 紫色 */
.Ypurple.lighten-5{background-color:#f3e5f5!important}
.Ypurple.lighten-4{background-color:#e1bee7!important}
.Ypurple.lighten-3{background-color:#ce93d8!important}
.Ypurple.lighten-2{background-color:#ba68c8!important}
.Ypurple.lighten-1{background-color:#ab47bc!important}
.Ypurple{background-color:#9c27b0!important}
.Ypurple-text{color:#9c27b0!important}
.Ypurple.darken-1{background-color:#8e24aa!important}
.Ypurple.darken-2{background-color:#7b1fa2!important}
.Ypurple.darken-3{background-color:#6a1b9a!important}
.Ypurple.darken-4{background-color:#4a148c!important}
.Ypurple.accent-1{background-color:#ea80fc!important}
.Ypurple.accent-2{background-color:#e040fb!important}
.Ypurple.accent-3{background-color:#d500f9!important}
.Ypurple.accent-4{background-color:#a0f!important}
/* 深紫色 */
.Ydeep-purple.lighten-5{background-color:#ede7f6!important}
.Ydeep-purple.lighten-4{background-color:#d1c4e9!important}
.Ydeep-purple.lighten-3{background-color:#b39ddb!important}
.Ydeep-purple.lighten-2{background-color:#9575cd!important}
.Ydeep-purple.lighten-1{background-color:#7e57c2!important}
.Ydeep-purple{background-color:#673ab7!important}
.Ydeep-purple-text{color:#673ab7!important}
.Ydeep-purple.darken-1{background-color:#5e35b1!important}
.Ydeep-purple.darken-2{background-color:#512da8!important}
.Ydeep-purple.darken-3{background-color:#4527a0!important}
.Ydeep-purple.darken-4{background-color:#311b92!important}
.Ydeep-purple.accent-1{background-color:#b388ff!important}
.Ydeep-purple.accent-2{background-color:#7c4dff!important}
.Ydeep-purple.accent-3{background-color:#651fff!important}
.Ydeep-purple.accent-4{background-color:#6200ea!important}
/* 紫色 */
.Yindigo.lighten-5{background-color:#e8eaf6!important}
.Yindigo.lighten-4{background-color:#c5cae9!important}
.Yindigo.lighten-3{background-color:#9fa8da!important}
.Yindigo.lighten-2{background-color:#7986cb!important}
.Yindigo.lighten-1{background-color:#5c6bc0!important}
.Yindigo{background-color:#3f51b5!important}
.Yindigo-text{color:#3f51b5!important}
.Yindigo.darken-1{background-color:#3949ab!important}
.Yindigo.darken-2{background-color:#303f9f!important}
.Yindigo.darken-3{background-color:#283593!important}
.Yindigo.darken-4{background-color:#1a237e!important}
.Yindigo.accent-1{background-color:#8c9eff!important}
.Yindigo.accent-2{background-color:#536dfe!important}
.Yindigo.accent-3{background-color:#3d5afe!important}
.Yindigo.accent-4{background-color:#304ffe!important}
/* 藍色 */
.YblueBG.lighten-5{background-color:#E3F2FD!important}
.YblueBG.lighten-4{background-color:#BBDEFB!important}
.YblueBG.lighten-3{background-color:#90CAF9!important}
.YblueBG.lighten-2{background-color:#64B5F6!important}
.YblueBG.lighten-1{background-color:#42A5F5!important}
.YblueBG{background-color:#2196F3!important}
.Yblue-text{color:#2196F3!important}
.Yblue.darken-1{background-color:#1E88E5!important}
.Yblue.darken-2{background-color:#1976D2!important}
.Yblue.darken-3{background-color:#1565C0!important}
.Yblue.darken-4{background-color:#0D47A1!important}
.Yblue.accent-1{background-color:#82B1FF!important}
.Yblue.accent-2{background-color:#448AFF!important}
.Yblue.accent-3{background-color:#2979FF!important}
.Yblue.accent-4{background-color:#2962FF!important}
/* 亮藍色 */
.Ylight-blue.lighten-5{background-color:#e1f5fe!important}
.Ylight-blue.lighten-4{background-color:#b3e5fc!important}
.Ylight-blue.lighten-3{background-color:#81d4fa!important}
.Ylight-blue.lighten-2{background-color:#4fc3f7!important}
.Ylight-blue.lighten-1{background-color:#29b6f6!important}
.Ylight-blue{background-color:#03a9f4!important}
.Ylight-blue.darken-1{background-color:#039be5!important}
.Ylight-blue.darken-2{background-color:#0288d1!important}
.Ylight-blue.darken-3{background-color:#0277bd!important}
.Ylight-blue.darken-4{background-color:#01579b!important}
.Ylight-blue.accent-1{background-color:#80d8ff!important}
.Ylight-blue.accent-2{background-color:#40c4ff!important}
.Ylight-blue.accent-3{background-color:#00b0ff!important}
.Ylight-blue.accent-4{background-color:#0091ea!important}
/* 淡藍色 */
.Ycyan.lighten-5{background-color:#e0f7fa!important}
.Ycyan.lighten-4{background-color:#b2ebf2!important}
.Ycyan.lighten-3{background-color:#80deea!important}
.Ycyan.lighten-2{background-color:#4dd0e1!important}
.Ycyan.lighten-1{background-color:#26c6da!important}
.Ycyan{background-color:#00bcd4!important}
.Ycyan-text{color:#00bcd4!important}
.Ycyan.darken-1{background-color:#00acc1!important}
.Ycyan.darken-2{background-color:#0097a7!important}
.Ycyan.darken-3{background-color:#00838f!important}
.Ycyan.darken-4{background-color:#006064!important}
.Ycyan.accent-1{background-color:#84ffff!important}
.Ycyan.accent-2{background-color:#18ffff!important}
.Ycyan.accent-3{background-color:#00e5ff!important}
.Ycyan.accent-4{background-color:#00b8d4!important}
/* 深綠色 */
.Yteal.lighten-5{background-color:#e0f2f1!important}
.Yteal.lighten-4{background-color:#b2dfdb!important}
.Yteal.lighten-3{background-color:#80cbc4!important}
.Yteal.lighten-2{background-color:#4db6ac!important}
.Yteal.lighten-1{background-color:#26a69a!important}
.Yteal{background-color:#009688!important}
.Yteal-text{color:#009688!important}
.Yteal.darken-1{background-color:#00897b!important}
.Yteal.darken-2{background-color:#00796b!important}
.Yteal.darken-3{background-color:#00695c!important}
.Yteal.darken-4{background-color:#004d40!important}
.Yteal.accent-1{background-color:#a7ffeb!important}
.Yteal.accent-2{background-color:#64ffda!important}
.Yteal.accent-3{background-color:#1de9b6!important}
.Yteal.accent-4{background-color:#00bfa5!important}
/* 綠色 */
.YgreenBG.lighten-5{background-color:#E8F5E9!important}
.YgreenBG.lighten-4{background-color:#C8E6C9!important}
.YgreenBG.lighten-3{background-color:#A5D6A7!important}
.YgreenBG.lighten-2{background-color:#81C784!important}
.YgreenBG.lighten-1{background-color:#66BB6A!important}
.YgreenBG{background-color:#4CAF50!important}
.Ygreen-text{color:#4CAF50!important}
.Ygreen.darken-1{background-color:#43A047!important}
.Ygreen.darken-2{background-color:#388E3C!important}
.Ygreen.darken-3{background-color:#2E7D32!important}
.Ygreen.darken-4{background-color:#1B5E20!important}
.Ygreen.accent-1{background-color:#B9F6CA!important}
.Ygreen.accent-2{background-color:#69F0AE!important}
.Ygreen.accent-3{background-color:#00E676!important}
.Ygreen.accent-4{background-color:#00C853!important}
/* 亮綠色 */
.Ylight-green.lighten-5{background-color:#f1f8e9!important}
.Ylight-green.lighten-4{background-color:#dcedc8!important}
.Ylight-green.lighten-3{background-color:#c5e1a5!important}
.Ylight-green.lighten-2{background-color:#aed581!important}
.Ylight-green.lighten-1{background-color:#9ccc65!important}
.Ylight-green{background-color:#8bc34a!important}
.Ylight-green-text{color:#8bc34a!important}
.Ylight-green.darken-1{background-color:#7cb342!important}
.Ylight-green.darken-2{background-color:#689f38!important}
.Ylight-green.darken-3{background-color:#558b2f!important}
.Ylight-green.darken-4{background-color:#33691e!important}
.Ylight-green.accent-1{background-color:#ccff90!important}
.Ylight-green.accent-2{background-color:#b2ff59!important}
.Ylight-green.accent-3{background-color:#76ff03!important}
.Ylight-green.accent-4{background-color:#64dd17!important}
/* 光綠色 */
.Ylime.lighten-5{background-color:#f9fbe7!important}
.Ylime.lighten-4{background-color:#f0f4c3!important}
.Ylime.lighten-3{background-color:#e6ee9c!important}
.Ylime.lighten-2{background-color:#dce775!important}
.Ylime.lighten-1{background-color:#d4e157!important}
.Ylime{background-color:#cddc39!important}
.Ylime-text{color:#cddc39!important}
.Ylime.darken-1{background-color:#c0ca33!important}
.Ylime.darken-2{background-color:#afb42b!important}
.Ylime.darken-3{background-color:#9e9d24!important}
.Ylime.darken-4{background-color:#827717!important}
.Ylime.accent-1{background-color:#f4ff81!important}
.Ylime.accent-2{background-color:#eeff41!important}
.Ylime.accent-3{background-color:#c6ff00!important}
.Ylime.accent-4{background-color:#aeea00!important}
/* 黃色 */
.Yyellow.lighten-5{background-color:#fffde7!important}
.Yyellow.lighten-4{background-color:#fff9c4!important}
.Yyellow.lighten-3{background-color:#fff59d!important}
.Yyellow.lighten-2{background-color:#fff176!important}
.Yyellow.lighten-1{background-color:#ffee58!important}
.Yyellow{background-color:#ffeb3b!important}
.Yyellow-text{color:#ffeb3b!important}
.Yyellow.darken-1{background-color:#fdd835!important}
.Yyellow.darken-2{background-color:#fbc02d!important}
.Yyellow.darken-3{background-color:#f9a825!important}
.Yyellow.darken-4{background-color:#f57f17!important}
.Yyellow.accent-1{background-color:#ffff8d!important}
.Yyellow.accent-2{background-color:#ff0!important}
.Yyellow.accent-3{background-color:#ffea00!important}
.Yyellow.accent-4{background-color:#ffd600!important}
/* 深黃色 */
.Yamber.lighten-5{background-color:#fff8e1!important}
.Yamber.lighten-4{background-color:#ffecb3!important}
.Yamber.lighten-3{background-color:#ffe082!important}
.Yamber.lighten-2{background-color:#ffd54f!important}
.Yamber.lighten-1{background-color:#ffca28!important}
.Yamber{background-color:#ffc107!important}
.Yamber-text{color:#ffc107!important}
.Yamber.darken-1{background-color:#ffb300!important}
.Yamber.darken-2{background-color:#ffa000!important}
.Yamber.darken-3{background-color:#ff8f00!important}
.Yamber.darken-4{background-color:#ff6f00!important}
.Yamber.accent-1{background-color:#ffe57f!important}
.Yamber.accent-2{background-color:#ffd740!important}
.Yamber.accent-3{background-color:#ffc400!important}
.Yamber.accent-4{background-color:#ffab00!important}
/* 橘色 */
.YorangeBG.lighten-5{background-color:#fff3e0!important}
.YorangeBG.lighten-4{background-color:#ffe0b2!important}
.YorangeBG.lighten-3{background-color:#ffcc80!important}
.YorangeBG.lighten-2{background-color:#ffb74d!important}
.YorangeBG.lighten-1{background-color:#ffa726!important}
.YorangeBG{background-color:#ff9800!important}
.Yorange-text{color:#ff9800!important}
.Yorange.darken-1{background-color:#fb8c00!important}
.Yorange.darken-2{background-color:#f57c00!important}
.Yorange.darken-3{background-color:#ef6c00!important}
.Yorange.darken-4{background-color:#e65100!important}
.Yorange.accent-1{background-color:#ffd180!important}
.Yorange.accent-2{background-color:#ffab40!important}
.Yorange.accent-3{background-color:#ff9100!important}
.Yorange.accent-4{background-color:#ff6d00!important}
/* 深橘色 */
.Ydeep-orange.lighten-5{background-color:#fbe9e7!important}
.Ydeep-orange.lighten-4{background-color:#ffccbc!important}
.Ydeep-orange.lighten-3{background-color:#ffab91!important}
.Ydeep-orange.lighten-2{background-color:#ff8a65!important}
.Ydeep-orange.lighten-1{background-color:#ff7043!important}
.Ydeep-orange{background-color:#ff5722!important}
.Ydeep-orange-text{color:#ff5722!important}
.Ydeep-orange.darken-1{background-color:#f4511e!important}
.Ydeep-orange.darken-2{background-color:#e64a19!important}
.Ydeep-orange.darken-3{background-color:#d84315!important}
.Ydeep-orange.darken-4{background-color:#bf360c!important}
.Ydeep-orange.accent-1{background-color:#ff9e80!important}
.Ydeep-orange.accent-2{background-color:#ff6e40!important}
.Ydeep-orange.accent-3{background-color:#ff3d00!important}
.Ydeep-orange.accent-4{background-color:#dd2c00!important}
/* 咖排色 */
.Ybrown.lighten-5{background-color:#efebe9!important}
.Ybrown.lighten-4{background-color:#d7ccc8!important}
.Ybrown.lighten-3{background-color:#bcaaa4!important}
.Ybrown.lighten-2{background-color:#a1887f!important}
.Ybrown.lighten-1{background-color:#8d6e63!important}
.Ybrown{background-color:#795548!important}
.Ybrown-text{color:#795548!important}
.Ybrown.darken-1{background-color:#6d4c41!important}
.Ybrown.darken-2{background-color:#5d4037!important}
.Ybrown.darken-3{background-color:#4e342e!important}
.Ybrown.darken-4{background-color:#3e2723!important}
/* 藍灰色 */
.Yblue-grey.lighten-5{background-color:#eceff1!important}
.Yblue-grey.lighten-4{background-color:#cfd8dc!important}
.Yblue-grey.lighten-3{background-color:#b0bec5!important}
.Yblue-grey.lighten-2{background-color:#90a4ae!important}
.Yblue-grey.lighten-1{background-color:#78909c!important}
.Yblue-grey{background-color:#607d8b!important}
.Yblue-grey-text{color:#607d8b!important}
.Yblue-grey.darken-1{background-color:#546e7a!important}
.Yblue-grey.darken-2{background-color:#455a64!important}
.Yblue-grey.darken-3{background-color:#37474f!important}
.Yblue-grey.darken-4{background-color:#263238!important}
/* 深灰色 */
.Ygrey.lighten-5{background-color:#fafafa!important}
.Ygrey.lighten-4{background-color:#f5f5f5!important}
.Ygrey.lighten-3{background-color:#eee!important}
.Ygrey.lighten-2{background-color:#e0e0e0!important}
.Ygrey.lighten-1{background-color:#bdbdbd!important}
.Ygrey{background-color:#9e9e9e!important}
.Ygrey-text{color:#9e9e9e!important}
.Ygrey.darken-1{background-color:#757575!important}
.Ygrey.darken-2{background-color:#616161!important}
.Ygrey.darken-3{background-color:#424242!important}
.Ygrey.darken-4{background-color:#212121!important}

/* 物件圖形外層 */
.Img_Div_Center , .Object_Img_Div
{
    min-height:250px
	/*width: 600px;
    height: 450px;*/
    overflow: hidden;
    display: block;
    background-color: #FFF;
    line-height: 200px;
    text-align: center;
    position: relative;
}
/* 物件圖形 */
.Img_Center , .Object_Img
{
	display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    /*max-height: 100%;*/
	max-height:250px;
	/*margin:0 auto;*/
}

/*單框表格*/
.YSingle_Line_Table {
    border-collapse: collapse;
}

.YSingle_Line_Table table,.YSingle_Line_Table td,.YSingle_Line_Table th {
    border: 1px solid black;
}

/*自製Loading燈箱*/
div.YLoadingDiv
{
	height: 100%;
	width: 100%;
	/*100%覆蓋網頁內容, 避免user在loading時進行其他操作*/
	position: fixed;
	z-index: 99999;
	/*須大於網頁內容*/
	top: 0;
	left: 0;
	display: block;
	background: #000;
	opacity: 0.6;
	text-align: center;
}

div.YLoadingDiv img
{
	position: relative;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	margin-top: 50vh;
}

/*設定外距 四周 : M_0-5 , 上 : .MT_0-5 , 下 : .MB_0-5 , 左 : .ML_0-5 , 右 : .MR_0-5 , 左右 : .MX_0-5 , 上下 : .MY_0-5*/
/*margin 四周 .M_0-5*/
.M_0{margin:0!important;}
.M_0_1{margin:0.1em!important;}
.M_0_2{margin:0.2em!important;}
.M_0_3{margin:0.3em!important;}
.M_0_4{margin:0.4em!important;}
.M_0_5{margin:0.5em!important;}
.M_1{margin:1em!important;}
.M_2{margin:2em!important;}
.M_3{margin:3em!important;}
.M_4{margin:4em!important;}
.M_5{margin:5em!important;}

/*margin 上 .MT_0-5*/
.MT_0{margin-top:0!important;}
.MT_0_1{margin-top:0.1em!important;}
.MT_0_2{margin-top:0.2em!important;}
.MT_0_3{margin-top:0.3em!important;}
.MT_0_4{margin-top:0.4em!important;}
.MT_0_5{margin-top:0.5em!important;}
.MT_1{margin-top:1em!important;}
.MT_2{margin-top:2em!important;}
.MT_3{margin-top:3em!important;}
.MT_4{margin-top:4em!important;}
.MT_5{margin-top:5em!important;}

/*margin 下 .MB_0-5*/
.MB_0{margin-bottom:0!important;}
.MB_0_1{margin-bottom:0.1em!important;}
.MB_0_2{margin-bottom:0.2em!important;}
.MB_0_3{margin-bottom:0.3em!important;}
.MB_0_4{margin-bottom:0.4em!important;}
.MB_0_5{margin-bottom:0.5em!important;}
.MB_1{margin-bottom:1em!important;}
.MB_2{margin-bottom:2em!important;}
.MB_3{margin-bottom:3em!important;}
.MB_4{margin-bottom:4em!important;}
.MB_5{margin-bottom:5em!important;}

/*margin 左 .ML_0-5*/
.ML_0{margin-left:0!important;}
.ML_0_1{margin-left:0.1em!important;}
.ML_0_2{margin-left:0.2em!important;}
.ML_0_3{margin-left:0.3em!important;}
.ML_0_4{margin-left:0.4em!important;}
.ML_0_5{margin-left:0.5em!important;}
.ML_1{margin-left:1em!important;}
.ML_2{margin-left:2em!important;}
.ML_3{margin-left:3em!important;}
.ML_4{margin-left:4em!important;}
.ML_5{margin-left:5em!important;}

/*margin 右 .MR_0-5*/
.MR_0{margin-right:0!important;}
.MR_0_1{margin-right:0.1em!important;}
.MR_0_2{margin-right:0.2em!important;}
.MR_0_3{margin-right:0.3em!important;}
.MR_0_4{margin-right:0.4em!important;}
.MR_0_5{margin-right:0.5em!important;}
.MR_1{margin-right:1em!important;}
.MR_2{margin-right:2em!important;}
.MR_3{margin-right:3em!important;}
.MR_4{margin-right:4em!important;}
.MR_5{margin-right:5em!important;}

/*margin 左右 .MX_0-5*/
.MX_0{margin-left:0!important;margin-right:0!important;}
.MX_0_1{margin-left:0.1em!important;margin-right:0.1em!important;}
.MX_0_2{margin-left:0.2em!important;margin-right:0.2em!important;}
.MX_0_3{margin-left:0.3em!important;margin-right:0.3em!important;}
.MX_0_4{margin-left:0.4em!important;margin-right:0.4em!important;}
.MX_0_5{margin-left:0.5em!important;margin-right:0.5em!important;}
.MX_1{margin-left:1em!important;margin-right:1em!important;}
.MX_2{margin-left:2em!important;margin-right:2em!important;}
.MX_3{margin-left:3em!important;margin-right:3em!important;}
.MX_4{margin-left:4em!important;margin-right:4em!important;}
.MX_5{margin-left:5em!important;margin-right:5em!important;}

/*margin 上下 .MY_0-5*/
.MY_0{margin-top:0!important;margin-bottom:0!important;}
.MY_0_1{margin-top:0.1em!important;margin-bottom:0.1em!important;}
.MY_0_2{margin-top:0.2em!important;margin-bottom:0.2em!important;}
.MY_0_3{margin-top:0.3em!important;margin-bottom:0.3em!important;}
.MY_0_4{margin-top:0.4em!important;margin-bottom:0.4em!important;}
.MY_0_5{margin-top:0.5em!important;margin-bottom:0.5em!important;}
.MY_1{margin-top:1em!important;margin-bottom:1em!important;}
.MY_2{margin-top:2em!important;margin-bottom:2em!important;}
.MY_3{margin-top:3em!important;margin-bottom:3em!important;}
.MY_4{margin-top:4em!important;margin-bottom:4em!important;}
.MY_5{margin-top:5em!important;margin-bottom:5em!important;}

/*設定內距 四周 : .P_0-5 , 上 : .PT_0-5 , 下 : .PB_0-5 , 左 : .PL_0-5 , 右 : .PR_0-5 , 左右 : .PX_0-5 , 上下 : .PY_0-5*/
/*padding 四周 .P_0-5*/
.P_0{padding:0!important;}
.P_0_1{padding:0.1em!important;}
.P_0_2{padding:0.2em!important;}
.P_0_3{padding:0.3em!important;}
.P_0_4{padding:0.4em!important;}
.P_0_5{padding:0.5em!important;}
.P_1{padding:1em!important;}
.P_2{padding:2em!important;}
.P_3{padding:3em!important;}
.P_4{padding:4em!important;}
.P_5{padding:5em!important;}

/*padding 上 .PT_0-5*/
.PT_0{padding-top:0!important;}
.PT_0_1{padding-top:0.1em!important;}
.PT_0_2{padding-top:0.2em!important;}
.PT_0_3{padding-top:0.3em!important;}
.PT_0_4{padding-top:0.4em!important;}
.PT_0_5{padding-top:0.5em!important;}
.PT_1{padding-top:1em!important;}
.PT_2{padding-top:2em!important;}
.PT_3{padding-top:3em!important;}
.PT_4{padding-top:4em!important;}
.PT_5{padding-top:5em!important;}

/*padding 下 .PB_0-5*/
.PB_0{padding-bottom:0!important;}
.PB_0_1{padding-bottom:0.1em!important;}
.PB_0_2{padding-bottom:0.2em!important;}
.PB_0_3{padding-bottom:0.3em!important;}
.PB_0_4{padding-bottom:0.4em!important;}
.PB_0_5{padding-bottom:0.5em!important;}
.PB_1{padding-bottom:1em!important;}
.PB_2{padding-bottom:2em!important;}
.PB_3{padding-bottom:3em!important;}
.PB_4{padding-bottom:4em!important;}
.PB_5{padding-bottom:5em!important;}

/*padding 左 .PL_0-5*/
.PL_0{padding-left:0!important;}
.PL_0_1{padding-left:0.1em!important;}
.PL_0_2{padding-left:0.2em!important;}
.PL_0_3{padding-left:0.3em!important;}
.PL_0_4{padding-left:0.4em!important;}
.PL_0_5{padding-left:0.5em!important;}
.PL_1{padding-left:1em!important;}
.PL_2{padding-left:2em!important;}
.PL_3{padding-left:3em!important;}
.PL_4{padding-left:4em!important;}
.PL_5{padding-left:5em!important;}

/*padding 右 .PR_0-5*/
.PR_0{padding-right:0!important;}
.PR_0_1{padding-right:0.1em!important;}
.PR_0_2{padding-right:0.2em!important;}
.PR_0_3{padding-right:0.3em!important;}
.PR_0_4{padding-right:0.4em!important;}
.PR_0_5{padding-right:0.5em!important;}
.PR_1{padding-right:1em!important;}
.PR_2{padding-right:2em!important;}
.PR_3{padding-right:3em!important;}
.PR_4{padding-right:4em!important;}
.PR_5{padding-right:5em!important;}

/*padding 左右 .PX_0-5*/
.PX_0{padding-left:0!important;padding-right:0!important;}
.PX_0_1{padding-left:0.1em!important;padding-right:0.1em!important;}
.PX_0_2{padding-left:0.2em!important;padding-right:0.2em!important;}
.PX_0_3{padding-left:0.3em!important;padding-right:0.3em!important;}
.PX_0_4{padding-left:0.4em!important;padding-right:0.4em!important;}
.PX_0_5{padding-left:0.5em!important;padding-right:0.5em!important;}
.PX_1{padding-left:1em!important;padding-right:1em!important;}
.PX_2{padding-left:2em!important;padding-right:2em!important;}
.PX_3{padding-left:3em!important;padding-right:3em!important;}
.PX_4{padding-left:4em!important;padding-right:4em!important;}
.PX_5{padding-left:5em!important;padding-right:5em!important;}

/*padding 上下 .PY_0-5*/
.PY_0{padding-top:0!important;padding-bottom:0!important;}
.PY_0_1{padding-top:0.1em!important;padding-bottom:0.1em!important;}
.PY_0_2{padding-top:0.2em!important;padding-bottom:0.2em!important;}
.PY_0_3{padding-top:0.3em!important;padding-bottom:0.3em!important;}
.PY_0_4{padding-top:0.4em!important;padding-bottom:0.4em!important;}
.PY_0_5{padding-top:0.5em!important;padding-bottom:0.5em!important;}
.PY_1{padding-top:1em!important;padding-bottom:1em!important;}
.PY_2{padding-top:2em!important;padding-bottom:2em!important;}
.PY_3{padding-top:3em!important;padding-bottom:3em!important;}
.PY_4{padding-top:4em!important;padding-bottom:4em!important;}
.PY_5{padding-top:5em!important;padding-bottom:5em!important;}

/* Breakpoint XL */
@media (min-width: 1200px)
{
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
	/*卡片樣式*/
	.yldu_cart , .YCart
	{
		border:1px solid #666!important;
		padding:2px;
		margin:2px;
		border-radius:5px;
		min-height:20px;
	}

	/* 物件圖形外層 */
	.Img_Div_Center , .Object_Img_Div
	{
		min-height:150px
		/*width: 600px;
		height: 450px;*/
		overflow: hidden;
		display: block;
		background-color: #FFF;
		line-height: 200px;
		text-align: center;
		position: relative;
	}
	/* 物件圖形 */
	.Img_Center , .Object_Img
	{
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		/*max-height: 100%;*/
		max-height:150px;
		/*margin:0 auto;*/
	}
}