@charset "UTF-8";@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);* { font-family: 'Noto Sans TC',"Microsoft JhengHei UI","微軟正黑體", "黑體", "Tahoma";font-weight:300!important;/*font-family: 'Fira Sans', "Microsoft JhengHei UI", "Microsoft JhengHei", "黑體", "Tahoma", sans-serif;*/}body { padding-top: 40px; background-color:#f7f7f7!important; }.hide{display:none!important;}
.container {margin-left: auto!important;margin-right: auto!important;}.container.padding {padding-left: 16px;  padding-right: 16px;}.container.padding.x2 {padding-left: 32px; padding-right: 32px;}.container.fixed-pc {  min-width: 970px;}.segment{word-wrap: break-word;}
.Noto{font-family:'Noto Sans TC'!important}.Noto100{font-family:'Noto Sans TC'!important;font-weight: 100!important}.Noto300{font-family:'Noto Sans TC'!important;font-weight: 300!important}.Noto400{font-family:'Noto Sans TC'!important;font-weight: 400!important}.OpenSans{font-family: 'Open Sans'!important}


/*-- Screen XPC 1200 --*/
 @media only screen and (min-width: 1200px) {
	.container.xpc {width: 1080px;}.container.pc:not(.xpc) {width: 970px;}
	.container.tb:not(.pc):not(.xpc) {width: 780px;}
	.container.m:not(.tb):not(.pc):not(.xpc) {width: 650px;}
	.container.s:not(.m):not(.tb):not(.pc):not(.xpc) {width: 480px;}
	.only-s:not(.only-xpc),.only-m:not(.only-xpc),.only-tb:not(.only-xpc),.only-pc:not(.only-xpc) {
		display: none !important;
	}
	.under-m,.under-tb,.under-pc,.hide-xpc {display: none !important;}}
/*-- Screen PC 992 --*/ 
 @media only screen and (min-width: 981px) and (max-width: 1199px) {
 	.container.pc,.container.xpc {width: 970px;}.container.tb:not(.pc):not(.xpc) {width: 780px;}.container.m:not(.tb):not(.pc):not(.pc):not(.xpc) {width: 650px;}.container.s:not(.m):not(.tb):not(.pc):not(.pc):not(.xpc) {width: 480px;}.only-s:not(.only-pc),.only-m:not(.only-pc),.only-tb:not(.only-pc),.only-xpc:not(.only-pc) {display: none !important;}.under-m,.under-tb,.over-pc,.hide-pc {display: none !important;}}
/*-- Screen TB 768 --*/
@media only screen and (min-width: 769px) and (max-width: 980px) {
	.container.tb,.container.pc,.container.xpc {width: 650px;}
	.container.m:not(.tb):not(.pc):not(.xpc) {width: 650px;}
	.container.s:not(.m):not(.tb):not(.pc):not(.xpc) {width: 480px;}
	.only-s:not(.only-pc),.only-m:not(.only-pc),.only-tb:not(.only-pc),.only-xpc:not(.only-pc) {display: none !important;}.under-m,.over-tb,.over-pc,.hide-tb {display: none !important;}}
/*-- Screen m 768 --*/
 @media only screen and (min-width: 540px) and (max-width: 767px) {
 	.container.m,.container.tb,.container.pc,.container.xpc {min-width: 480px;}
 	.container.s:not(.m):not(.tb):not(.pc):not(.xpc) {width: 480px;}
 	.only-s:not(.only-m),.only-tb:not(.only-m),.only-pc:not(.only-m),.only-xpc:not(.only-m)  {
 		display: none !important;}.over-m,.over-tb,.over-pc,.hide-m {display: none !important;}}/*-- Screen s 540 --*/

 @media only screen and (max-width: 539px) {
	.container.s,.container.m,.container.tb,.container.pc,.container.xpc {width: 480px;}
	.only-m:not(.only-s),.only-tb:not(.only-s),.only-pc:not(.only-s),.only-xpc:not(.only-s),.hide-s {display: none !important;}
	/*.notfor-m {display: none !important;}*/
	.ui.very.padded.segment {
    	padding: 1.2em;
	}
}

.floating{
	box-shadow:0 17px 48px 0 rgba(34,36,38,0.512),0 2px 10px 0 rgba(34,36,38,.8)!important;
}