/* CSS Document */
/*
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

:root {
	--self-font1: 'Noto Serif TC', serif, "微軟正黑體","新細明體","標楷體", "Arial Unicode MS" ;
	--self-font2: 'Noto Sans TC', serif, "微軟正黑體","新細明體","標楷體", "Arial Unicode MS" ;
	--self-font3: 'cwTeXYen', serif, "微軟正黑體","新細明體","標楷體", "Arial Unicode MS" ;
	--self-font4: "微軟正黑體", 'Noto Serif TC' , "新細明體","標楷體", "Arial Unicode MS" ;
	--self-font5: 'Righteous', serif, "微軟正黑體","新細明體","標楷體", "Arial Unicode MS" ;
	--self-font6: "Material Icons" ;
	--self-font7: "新細明體",'Noto Sans TC', serif, "微軟正黑體","標楷體", "Arial Unicode MS" ;
    
	--self-maincolor1: #a38659; /*主色*/
	--self-maincolor1-a1: #f0e7dd; /*主色*/
	--self-maincolor1-a2: rgba(239,214,176,0.40); /*TRADE色*/
	--self-maincolor1-a21: rgba(199,160,101,0.20); /*UNION色*/
	--self-maincolor1-a3: #361f0f; /*FOOTER WCO/*/
	--self-maincolor1-op9: rgba(163,134,89,0.90); /*主色(透明0.9)*/
	--self-maincolor1-op5: rgba(163,134,89,0.50); /*主色(透明0.5)*/
	--self-maincolor1-d: #8A714B; /*主色加深*/
	--self-maincolor1-d1: #796342; /*主色加深*/
	--self-maincolor1-f: #D7C19F; /*Footer*/
	--self-maincolor1-sbg: #848484; /*Footer*/
	
	--self-maincolor1-1: rgba(65,32,0,0.75);  /*MENU主色*/
	--self-maincolor1-1-a: #FFFFFF;  /*連結色*/
	--self-maincolor1-1-h: #FFC600;  /*滑過色*/

	--self-maincolor2: #FFFFFF; /*主色*/
	--self-maincolor2-op6: rgba(255,255,255,0.6); /*主色*/
	--self-maincolor2-op5: rgba(255,255,255,0.5); /*主色*/

 	/*page*/
	--self-maincolor3: #24609c;
	--self-maincolor3-op: rgba(36,96,156,0.85);
	--self-maincolor3-2: #fbf8f3;  /*left bg*/
	--self-maincolor3-3: #7f6236;  /*left t*/
	--self-maincolor3-4: #775b34;  /*left l*/
	--self-maincolor3-41: #985E0C;  /*left l*/
	--self-maincolor3-5: #a5855c;  /*site*/
	--self-maincolor3-6: #070707;  /*WORD*/
	
	--self-maincolor6-1: #B59455;	/*內頁按鈕色1*/
	--self-maincolor6-1_o3: rgba(181,148,85,0.3);	/*內頁按鈕色1*/
	--self-maincolor6-1_H: #AB8847;	/*內頁按鈕色1*/
	--self-maincolor6-2: #87905E;	/*內頁按鈕色1*/
	--self-maincolor6-2_o3: rgba(135,144,94,0.3);	/*內頁按鈕色1*/
	--self-maincolor6-2_H: #798250;	/*內頁按鈕色1*/
	--self-maincolor6-3: #A4A4A4;	/*內頁按鈕色1*/
	--self-maincolor6-3_o3: rgba(164,164,164,0.3);	/*內頁按鈕色1*/
	--self-maincolor6-3_H: #9A9A9A;	/*內頁按鈕色1*/
	--self-maincolor6-4: #6F7B96;	/*內頁按鈕色1*/
	--self-maincolor6-4_o3: rgba(111,123,150,0.3);	/*內頁按鈕色1*/
	--self-maincolor6-4_H: #626E8A;	/*內頁按鈕色1*/
    
    --self-th-m: 110px;
    --self-th-1600: 95px;
    --self-th-1440: 85px;
    --self-th-1280: 75px;
    --self-th-799: 75px;
    --self-th-run: 60px;
	
	--self-t32: 32px;
	--self-t32-1440: 30px;
	--self-t32-1200: 28px;
	--self-t32-768: 26px;
	--self-t32-576: 24px;
    
	--self-h11: 30px;
	--self-h11-1440: 29px;
	--self-h11-1200: 28px;
	--self-h11-768: 26px;
	--self-h11-576: 25px;
    
	--self-title4: 24px;
	--self-title4-1440: 23px;
	--self-title4-1200: 21px;
	--self-title4-768: 20px;
	--self-title4-576: 18px;
    
	--self-title1: 23px;
	--self-title1-1440: 22px;
	--self-title1-1200: 21px;
	--self-title1-768: 21px;
	--self-title1-576: 19px;
	
	--self-title2: 22px;
	--self-title2-1440: 19px;
	--self-title2-1200: 19px;
	--self-title2-768: 17px;
	--self-title2-576: 17px;
	
	--self-title3: 20px;
	--self-title3-1440: 19px;
	--self-title3-1200: 19px;
	--self-title3-768: 17px;
	--self-title3-576: 17px;
		
	--self-desc1: 17px;
	--self-desc1-1440: 16px;
	--self-desc1-1200: 16px;
	--self-desc1-768: 15px;
	--self-desc1-576: 15px;
    
}