@charset "utf-8";
/* CSS Document */
/*
fieldset : 設定樣式 , legend : 設定樣式
設定block : .YBK(Block) , .YIBK(inline-block)
設定方向 : .YC : 水平置中 , .YL : 置左 , .YR : 置右 , .YT : 置頂 , .YB : 置底 , .YMiddle : 垂直置中 , .YMI : 輸入框必填(紅色)
設定各種字體大小的類別 : .YFN(12-24) , .YWN(10-100) , .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
設高度(px) : .YHP10 , .YHP20 , .YHP30
卡片樣式 : .YCart
hr樣式 :　.YHrO
3D按鈕

.YRadius5 .YRadius10 . YRadius20
常用色
.red(紅色) , .pink(粉紅色) , .purple(紫色) , .brown(咖排色) , 
.deep-purple(深紫色) , .indigo(紫色) , .blue(藍色) , .light-blue(亮藍色) , .cyan(淡藍色)
.teal(深綠色) , .green(綠色) , .light-green(亮綠色) , .lime(光綠色)
.yellow(黃色) , .amber(深黃色) , .orange(橘色) , .deep-orange(深橘色)
.blue-grey(藍灰色) , .grey(深灰色)

// 範例:紅色(可用上方顏色改變)
.red-text(文字) , .red(背景色) , .lighten-N(1-5)變亮 , darken-N(1-4)(變暗) , accent-N(1-4)(加重)
*/

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; }

/*設定方向*/
.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;}

/*縮字設定-字體大小*/
.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 , .YWhile{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;}

/*設高度(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;
}
.YBG_Danger{
	background:#D9534F;
}
.YBG_Warning{
	background:#F0AA48;
}
.YBG_Success{
	background:#5CB85C;
}
.YBG_Info{
	background:#5BC0DE;
}
.YBG_GrayE{
	background:#eee;
}
.YBG_GrayA{
	background:#aaa;
}

/*圖角設定*/
.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;
}

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

/*設定外距 四周 : 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;*/
	}
}