@charset "utf-8";
@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-font8: "Font Awesome 5 Free";
	
	--self-fsize-title1:20px;/*TITLE字大小*/
	--self-fsize-title1-s:19px;/*TITLE字大小*/
	--self-fsize-title12:20px;/*TITLE字大小*/
	--self-fsize-title12-s:18px;/*TITLE字大小*/
	--self-fsize-title13:26px;/*TITLE字大小*/
	--self-fsize-title13-s:24px;/*TITLE字大小*/
	--self-fsize-title14:28px;/*TITLE字大小*/
	--self-fsize-title14-s:21px;/*TITLE字大小*/
	--self-fsize-title15:36px;/*TITLE字大小*/
	--self-fsize-title15-s:27px;/*TITLE字大小*/
	--self-fsize-cont1:18px;/*CONT字大小*/
	--self-fsize-cont1-s:16px;/*CONT字大小*/
	--self-colorW-title1:white;/*TITLE字顏色*/
	--self-colorW-titleE1:rgba(53,82,192,1.00);/*END TOTAL字顏色*/
	--self-colorW-cont1:rgba(34,34,34,1.00);/*CONT字顏色*/
	--self-colorW-contE1:rgba(53,82,192,1.00);/*CONT END小計字顏色*/
	--self-colorW-contE11:rgba(131,131,131,1.00);/*CONT END小計字顏色*/
	--self-colorW-note1:rgba(53,82,192,1.00);/*CONT裡備註顏色*/
	--self-colorW-note12:rgba(216,36,36,1.00);/*CONT裡備註顏色*/
	--self-colorBg-Icon1:rgba(53,82,192,1.00);/*TITLE符號顏色*/
	--self-colorBg-title1:linear-gradient(to bottom, rgba(53,82,192,1.00) 0%, rgba(45,44,144,1.00) 100%);/*TITLE字大小*/
	--self-colorBg-cont1:linear-gradient(to bottom, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 100%);/*CONT底色*/
	--self-colorL-cont1:rgba(222,232,239,1.00);/*CONT分隔線色*/
	--self-colorL-contT1:rgba(29,29,29,1.00);/*Title底線色*/
	
	--self-colorW-title2:white;/*TITLE字顏色*/
	--self-colorW-cont2:rgba(34,34,34,1.00);/*CONT字顏色*/
	--self-colorW-note2:rgba(11,96,112,1.00);/*CONT裡備註顏色*/
	--self-colorBg-Icon2:rgba(53,82,192,1.00);/*TITLE符號顏色*/
	--self-colorBg-title2:linear-gradient(to bottom, rgba(220,143,46,1.00) 0%, rgba(188,105,0,1.00) 100%);/*TITLE字大小*/
	--self-colorBg-cont2:linear-gradient(to bottom, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 100%);/*CONT底色*/
	--self-colorL-cont2:white;/*CONT分隔線色*/
	
	/*GROUP*/
	--self-fsize-title31:20px;/*名稱字大小*/
	--self-fsize-title31-s:18px;/*名稱字大小*/
	--self-fsize-cont31:20px;/*金額字大小*/
	--self-fsize-cont31-s:16px;/*金額字大小*/
	--self-fsize-cont32:18px;/*其他字大小*/
	--self-fsize-cont32-s:15px;/*其他字大小*/
	--self-colorW-title3:rgba(255,255,255,1.00);/*TITLE字顏色*/
	--self-colorW-titleG3:rgba(34,34,34,1.00);/*TITLE字顏色*/
	--self-colorW-cont3:rgba(46,46,46,1.00);/*CONT字顏色*/
	--self-colorW-note3:rgba(11,96,112,1.00);/*CONT裡備註顏色*/
	--self-colorLab1-bg3:rgba(53,82,192,1.00);/*Lab底色顏色*/
	--self-colorLab2-bg3:rgba(53,82,192,1.00);/*Lab底色顏色*/
	--self-colorLab3-bg3:rgba(53,82,192,1.00);/*Lab底色顏色*/	
	--self-colorL1-cont3:rgba(223,177,92,1.00);/*CONT分隔線色*/
	--self-colorL2-cont3:rgba(195,195,195,1.00);/*CONT分隔線色*/
	--self-colorBg-title3:linear-gradient(to bottom, rgba(170,170,170,1.00) 0%, rgba(92,92,92,1.00) 100%);/*TITLE字大小*/
	--self-colorBg-titleG3:rgba(192,192,192,1.00);/*GROUP TITLE底色*/
	--self-colorBg-cont3:linear-gradient(to bottom, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);/*CONT底色*/
	
	
	--self-fsize-title4:  20px;/*TITLE字大小*/
	--self-fsize-cont4:   18px;/*CONT字大小*/
	--self-fsize-title4-s:19px;/*TITLE字大小*/
	--self-fsize-cont4-s: 16px;/*CONT字大小*/
	--self-colorW-title4: white;/*TITLE字顏色*/
	--self-colorW-cont4:  rgba(34,34,34,1.00);/*CONT字顏色*/
	--self-colorW-note4:  rgba(53,82,192,1.00);/*CONT裡備註顏色*/
	--self-colorW-note42: rgba(216,36,36,1.00);/*CONT裡備註顏色*/
	--self-colorBg-Icon4: rgba(53,82,192,1.00);/*TITLE符號顏色*/
	--self-colorBg-title4:linear-gradient(to bottom, rgba(53,82,192,1.00) 0%, rgba(45,44,144,1.00) 100%);/*TITLE字大小*/
	--self-colorBg-cont4: linear-gradient(to bottom, rgba(255,255,255,1.00) 0%, rgba(240,240,240,1.00) 100%);/*CONT底色*/
	--self-colorL-cont4:  rgba(219,219,219,1.00);/*CONT分隔線色*/
	--self-colorL-contT4:rgba(29,29,29,1.00);/*Title底線色*/
	
	--self-colorW-title5:white;/*TITLE字顏色*/
	--self-colorW-cont5:rgba(34,34,34,1.00);/*CONT字顏色*/
	--self-colorW-contE5:rgba(181,101,0,1.00);/*CONT字顏色*/
	--self-colorW-note5:rgba(53,82,192,1.00);/*CONT裡備註顏色*/
	--self-colorW-note52:rgba(216,36,36,1.00);/*CONT裡備註顏色*/
	--self-colorBg-Icon5:rgba(181,101,0,1.00);/*TITLE符號顏色*/
	--self-colorBg-title5:linear-gradient(to bottom, rgba(220,143,46,1.00) 0%, rgba(188,105,0,1.00) 100%);/*TITLE字大小*/
	--self-colorBg-cont5:linear-gradient(to bottom, rgba(255,255,255,1.00) 0%, rgba(240,240,240,1.00) 100%);/*CONT底色*/
	--self-colorL-cont5:rgba(219,219,219,1.00);/*CONT分隔線色*/
	
	--self-colorW-title6:white;/*TITLE字顏色*/
	--self-colorW-title6t:#1E1E1E;/*TITLE字顏色*/
	--self-colorW-title6ts:white;/*TITLE字顏色*/
	--self-colorW-cont6:rgba(34,34,34,1.00);/*CONT字顏色*/
	--self-colorW-note6:rgba(53,82,192,1.00);/*CONT裡備註顏色*/
	--self-colorW-note62:rgba(216,36,36,1.00);/*CONT裡備註顏色*/
	--self-colorBg-Icon6:rgba(53,82,192,1.00);/*TITLE符號顏色*/
	--self-colorBg-title6:linear-gradient(to bottom, rgba(118,118,118,1.00) 0%, rgba(38,38,38,1.00) 100%);/*TITLE字大小*/
	--self-colorBg-cont6:linear-gradient(to bottom, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 100%);/*CONT底色*/
	--self-colorL-cont6:white;/*CONT分隔線色*/
}


.wAllAlign {
	/* 防止撐開 */
	table-layout: fixed;
	/* 英文單字自動換行 */
	word-wrap: nowrap;
	/* 正常避頭尾 */
    word-break: break-all;
	/* 文字左右對齊 */
	text-align:justify;
	text-justify:inter-ideograph;
	/* CHROME 增加以下這句*/
}

::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-track {
    background: #FFF;
}
::-webkit-scrollbar-thumb {
    background: #2B2B2B;
    border-radius: 7px;
    border: 3px solid #FFF;
}
::-webkit-scrollbar-thumb:hover {
    background: #E1AA66;
}

.unSelect {
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.iconSize15{font-size: 15px !important;}
.iconSize20{font-size: 20px !important;}
.iconSize26{font-size: 26px !important;}
.iconSize36{font-size: 36px !important;}





.topHeader{
	font-family: var(--self-font1);
	height: 50vh;
	min-height: 390px;
	color: white;
	background: rgba(6,32,110,1.00);
	background-image: radial-gradient(circle, rgba(6,32,110,1.00), rgba(1,14,47,1.00));	
 	box-shadow: inset 0 0 10px rgba(0,0,0,0.30),
              inset 0 0 40px rgba(0,0,0,0.30),
              inset 0 0 550px rgba(0,0,0,0.30),
              inset 0 0 90px rgba(0,0,0,0.30),
              inset 0 0 160px rgba(0,0,0,0.30),
              0 0 10px rgba(0, 0, 0, 0.3),
              0 0 40px rgba(0, 0, 0, 0.3),
              0 0 50px rgba(0, 0, 0, 0.3),
              0 0 90px rgba(0, 0, 0, 0.3),
              0 0 160px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.topHeader_e1{
	font-family: var(--self-font1);
	height: 50vh;
	color: white;
	background: rgba(6,32,110,1.00);
	background-image: radial-gradient(circle, rgba(255,174,42,1.00), rgba(213,106,0,1.00));	
 	box-shadow: inset 0 0 10px rgba(213,106,0,0.70),
              inset 0 0 40px rgba(213,106,0,0.30),
              inset 0 0 50px rgba(213,106,0,0.30),
              inset 0 0 90px rgba(213,106,0,0.30),
              inset 0 0 160px rgba(213,106,0,0.30),
              0 0 10px rgba(213,106,0, 0.3),
              0 0 40px rgba(213,106,0, 0.3),
              0 0 50px rgba(213,106,0, 0.3),
              0 0 90px rgba(213,106,0, 0.3),
              0 0 160px rgba(213,106,0, 0.3);	
}
.topHeader_m {
	font-family: var(--self-font1);
	height: 390px !important;
	color: white;
	background: rgba(12,134,183,1.00);
	background-image: radial-gradient(circle, rgba(23,167,225,1.00), rgba(12,134,183,1.00));	
 	box-shadow: inset 0 0 10px rgba(12,134,183,0.70),
              inset 0 0 40px rgba(12,134,183,0.30),
              inset 0 0 50px rgba(12,134,183,0.30),
              inset 0 0 90px rgba(12,134,183,0.30),
              inset 0 0 160px rgba(12,134,183,0.30),
              0 0 10px rgba(12,134,183, 0.3),
              0 0 40px rgba(12,134,183, 0.3),
              0 0 50px rgba(12,134,183, 0.3),
              0 0 90px rgba(12,134,183, 0.3),
              0 0 160px rgba(12,134,183, 0.3);	
}
.topHeader_accomp{
	color: white;
	background: #FF8989;
	background-image: radial-gradient(circle, #EC6445, #E31B26);
 	box-shadow: inset 0 0 10px rgba(100,6,0,0.70),
              inset 0 0 40px rgba(139,0,0,0.30),
              inset 0 0 50px rgba(139,0,0,0.30),
              inset 0 0 90px rgba(139,0,0,0.30),
              inset 0 0 160px rgba(139,0,0,0.30),
              0 0 10px rgba(139,0,0,0.30),
              0 0 40px rgba(139,0,0,0.30),
              0 0 50px rgba(139,0,0,0.30),
              0 0 90px rgba(139,0,0,0.30),
              0 0 160px rgba(139,0,0,0.30);
    
    border-top:4px solid #fedb29;
}
.topHeader_care{
	color: white;
	background: #FF8989;
	background-image: radial-gradient(circle,#D1D1D1, #535353);
 	box-shadow: inset 0 0 10px rgba(102,102,102,0.70),
              inset 0 0 40px rgba(128,128,128,0.30),
              inset 0 0 50px rgba(128,128,128,0.30),
              inset 0 0 90px rgba(128,128,128,0.30),
              inset 0 0 160px rgba(128,128,128,0.30),
              0 0 10px rgba(128,128,128,0.30),
              0 0 40px rgba(128,128,128,0.30),
              0 0 50px rgba(128,128,128,0.30),
              0 0 90px rgba(128,128,128,0.30),
              0 0 160px rgba(128,128,128,0.30);
    
    border-top:4px solid #ffb1b6;
}
.topHeader_farm{
	color: white;
	background: #339933;
	background-image: radial-gradient(circle, #51B951, #339933);	
 	box-shadow: inset 0 0 10px rgba(35,144,17,0.70),
              inset 0 0 40px rgba(4,110,7,0.30),
              inset 0 0 50px rgba(4,110,7,0.30),
              inset 0 0 90px rgba(4,110,7,0.30),
              inset 0 0 160px rgba(4,110,7,0.30),
              0 0 10px rgba(4,110,7,0.30),
              0 0 40px rgba(4,110,7,0.30),
              0 0 50px rgba(4,110,7,0.30),
              0 0 90px rgba(4,110,7,0.30),
              0 0 160px rgba(4,110,7,0.30);
    
    border-top:4px solid #9dd80b;
}
.topHeader_immo{
	color: white;
	background: #FFBE00;
	background-image: radial-gradient(circle, #FFBE00, #FF5600);	
 	box-shadow: inset 0 0 10px rgba(232,101,0,0.70),
              inset 0 0 40px rgba(195,54,0,0.30),
              inset 0 0 50px rgba(195,54,0,0.30),
              inset 0 0 90px rgba(195,54,0,0.30),
              inset 0 0 160px rgba(195,54,0,0.30),
              0 0 10px rgba(195,54,0,0.30),
              0 0 40px rgba(195,54,0,0.30),
              0 0 50px rgba(195,54,0,0.30),
              0 0 90px rgba(195,54,0,0.30),
              0 0 160px rgba(195,54,0,0.30);
    
    border-top:4px solid #FFD17A;
}
.topHeader_insurance{
	color: white;
	background: #1b2e3c;
	background-image: radial-gradient(circle, #2A4E6A, #11232f);	
 	box-shadow: inset 0 0 10px rgba(0,18,62,0.70),
              inset 0 0 40px rgba(1,29,71,0.30),
              inset 0 0 50px rgba(1,29,71,0.30),
              inset 0 0 90px rgba(1,29,71,0.30),
              inset 0 0 160px rgba(1,29,71,0.30),
              0 0 10px rgba(1,29,71,0.30),
              0 0 40px rgba(1,29,71,0.30),
              0 0 50px rgba(1,29,71,0.30),
              0 0 90px rgba(1,29,71,0.30),
              0 0 160px rgba(1,29,71,0.30);
    
    border-top:4px solid #00daff;
}
.topHeader_machine{
	color: white;
	background: #A658C4;
	background-image: radial-gradient(circle, #A658C4, #5A246F);	
 	box-shadow: inset 0 0 10px rgba(27,0,62,0.70),
              inset 0 0 40px rgba(54,18,120,0.30),
              inset 0 0 50px rgba(54,18,120,0.30),
              inset 0 0 90px rgba(54,18,120,0.30),
              inset 0 0 160px rgba(54,18,120,0.30),
              0 0 10px rgba(54,18,120,0.30),
              0 0 40px rgba(54,18,120,0.30),
              0 0 50px rgba(54,18,120,0.30),
              0 0 90px rgba(54,18,120,0.30),
              0 0 160px rgba(54,18,120,0.30);
    
    border-top:4px solid #DEBBEC;
}
.topHeader_netcafe{
	color: white;
	background: #3f291d;
	background-image: radial-gradient(circle, #723E22, #3f291d);	
 	box-shadow: inset 0 0 10px rgba(71,13,0,0.70),
              inset 0 0 40px rgba(51,18,8,0.30),
              inset 0 0 50px rgba(51,18,8,0.30),
              inset 0 0 90px rgba(51,18,8,0.30),
              inset 0 0 160px rgba(51,18,8,0.30),
              0 0 10px rgba(51,18,8,0.30),
              0 0 40px rgba(51,18,8,0.30),
              0 0 50px rgba(51,18,8,0.30),
              0 0 90px rgba(51,18,8,0.30),
              0 0 160px rgba(51,18,8,0.30);
    
    border-top:4px solid #c58322;
}
.topHeader_nurture{
	color: rgba(0,0,0,1.00);
	background: #FFFFFF;
	background-image: radial-gradient(circle,#FFFFFF, #E590D7);
 	box-shadow: inset 0 0 10px rgba(223,157,218,0.70),
              inset 0 0 40px rgba(223,157,218,0.30),
              inset 0 0 50px rgba(223,157,218,0.30),
              inset 0 0 90px rgba(223,157,218,0.30),
              inset 0 0 160px rgba(223,157,218,0.30),
              0 0 10px rgba(223,157,218,0.30),
              0 0 40px rgba(223,157,218,0.30),
              0 0 50px rgba(223,157,218,0.30),
              0 0 90px rgba(223,157,218,0.30),
              0 0 160px rgba(223,157,218,0.30);
    
    border-top:4px solid #c92995;
}
.topHeader_nettech{
	color: rgba(255,255,255,1.00);
	background: #090909;
	background-image: radial-gradient(circle,#393939, #0A0A0A);
 	box-shadow: inset 0 0 10px rgba(0,0,0,0.70),
              inset 0 0 40px rgba(0,0,0,0.30),
              inset 0 0 50px rgba(0,0,0,0.30),
              inset 0 0 90px rgba(0,0,0,0.30),
              inset 0 0 160px rgba(0,0,0,0.30),
              0 0 10px rgba(0,0,0,0.30),
              0 0 40px rgba(0,0,0,0.30),
              0 0 50px rgba(0,0,0,0.30),
              0 0 90px rgba(0,0,0,0.30),
              0 0 160px rgba(0,0,0,0.30);
    
    border-top:4px solid #00f4e6;
}
.topHeader_spate{
	color: white;
	background: #339933;
	background-image: radial-gradient(circle, #B0B0B0, #313131);	
 	box-shadow: inset 0 0 10px rgba(127,127,127,0.70),
              inset 0 0 40px rgba(73,73,73,0.30),
              inset 0 0 50px rgba(73,73,73,0.30),
              inset 0 0 90px rgba(73,73,73,0.30),
              inset 0 0 160px rgba(73,73,73,0.30),
              0 0 10px rgba(73,73,73,0.30),
              0 0 40px rgba(73,73,73,0.30),
              0 0 50px rgba(73,73,73,0.30),
              0 0 90px rgba(73,73,73,0.30),
              0 0 160px rgba(73,73,73,0.30);
    
    border-top:4px solid #a1b3fe;
}
.topHeader_sinsurance{
	color: rgba(0,0,0,1.00);
	background: #f2f1f6;
	background-image: radial-gradient(circle, #FFFFFF, #928AB1);	
 	box-shadow: inset 0 0 10px rgba(75,78,147,0.70),
              inset 0 0 40px rgba(75,78,147,0.30),
              inset 0 0 50px rgba(75,78,147,0.30),
              inset 0 0 90px rgba(75,78,147,0.30),
              inset 0 0 160px rgba(75,78,147,0.30),
              0 0 10px rgba(75,78,147,0.30),
              0 0 40px rgba(75,78,147,0.30),
              0 0 50px rgba(75,78,147,0.30),
              0 0 90px rgba(75,78,147,0.30),
              0 0 160px rgba(75,78,147,0.30);
    
    border-top:4px solid #0313cd;
}
.topHeader_TU {
    border-top:4px solid #FFF;    
}
.topHeader_TU::before , .topHeader_insurance::before , .topHeader_sinsurance::before , .topHeader_immo::before , .topHeader_accomp::before , .topHeader_spate::before , .topHeader_farm::before , .topHeader_nurture::before , .topHeader_netcafe::before , .topHeader_nettech::before , .topHeader_machine::before , .topHeader_care::before {
    content: " ";
    position: absolute;
    width: 60px;
    height: 10px;
    left: calc(50% - 30px);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    top:390px;
}
.topHeader_TU::before {
    background: #0e91c6;
}
.topHeader_accomp::before {
    background: #a42319;
}
.topHeader_care::before {
    background: #8f8f8f;
}
.topHeader_farm::before {
    background: #299324;
}
.topHeader_immo::before {
    background: #e57000;
}
.topHeader_insurance::before {
    background: #10294d;
}
.topHeader_machine::before {
    background: #51227d;
}
.topHeader_netcafe::before {
    background: #4c1e0c;
}
.topHeader_nurture::before {
    background: #e9bde6;
}
.topHeader_nettech::before {
    background: #151515;
}
.topHeader_spate::before {
    background: #787878;
}
.topHeader_sinsurance::before {
    background: #8688b5;
}
.top_unit_log::before {
    display: none;
}
.topHeader a , .topHeader a:hover {
	text-decoration: none;
}
.topHeader .topCont {
}
.topHeader .topCont .topContLeft {
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
@media (max-width: 991px) {
    .topHeader .topCont {
        height: 340px;
    }
    .topHeader .topCont .topContLeft {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
     .top_unit .topCont {
        display: flex;
        flex-direction: column;
        justify-content:center;
    }
}
.topHeader .topCont .topContRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.top_unit .topCont {
    text-align: center;
}
.top_unit_log .topCont {
	text-align: left;
}
.topHeader .topCont a.btn-self-btn1{
	background: rgba(14,44,136,1.00);
	color: white !important;
}
.topHeader .topCont a.btn-self-btn2{
	background: rgba(213,106,0,1.00);
	color: white !important;
}
.topHeader .topCont .line1 {
	font-family: var(--self-font2);
	font-size: 18px;
}
.topHeader .topCont .line1 a {
	color: white;
}
.topHeader .topCont .line2 {
}
.topHeader .topCont .line2 h1{
	font-size: 50px;
	font-weight: 900;
	letter-spacing: 18px;
	text-shadow: 5px 5px 13px rgba(0,0,0,0.81);
}
.topHeader_m .topCont .line2 h1{
}
.topHeader .topCont .linelogo img {
	filter:drop-shadow(0px 0px 10px rgba(255,255,255,0.90)) contrast(130%);
}
.topHeader .topCont .line4 {
	font-family: var(--self-font2);
	font-size: 18px;
    line-height: 22px;
	height: 38px;
    padding-top: 10px;
}
.topHeader .topCont .line4 a {
	color: white;
}
.topHeader_nurture .topCont .line4 a {
	color: rgba(0,0,0,1.00);
}
.topHeader_sinsurance .topCont .line4 a {
	color: rgba(0,0,0,1.00);
}
.topHeader .topCont .line5 {
}
.topHeader .topCont .line5 h1{
	font-size: 46px;
    line-height: 50px;
    padding-top: 5px;
	font-weight: 900;
	letter-spacing: 18px;
    padding-left: 15px;
	text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
.top_unit_log .topCont .line5 h1 {
    padding-left: 0px;
}
.topHeader_m .topCont .line5 h1{
	padding-top: 10px;
}
.midCont .login_unit {
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
}

.midCont_accomp .login_unit {
    background: #FFEBEB;
	color: #C82400;
}
.self_nav_accomp .selfnav_ul li.navself_li .nav-link:hover {
	color: #C82400;
}
.midCont_care .login_unit {
    background: #F1F1F1;
	color: #FC6868;
}
.self_nav_care .selfnav_ul li.navself_li .nav-link:hover {
	color: #FC6868;
}
.midCont_farm .login_unit {
    background: #e2ff85;
	color: #339933;
}
.self_nav_farm .selfnav_ul li.navself_li .nav-link:hover {
	color: #339933;
}
.midCont_immo .login_unit {
    background: #FFFAD2;
	color: #E4520F;
}
.self_nav_immo .selfnav_ul li.navself_li .nav-link:hover {
	color: #E4520F;
}
.midCont_insurance .login_unit {
    background: #EFFFFD;
	color: #15A9CD;
}
.self_nav_insurance .selfnav_ul li.navself_li .nav-link:hover {
	color: #15A9CD;
}
.midCont_machine .login_unit {
    background: #F5EFFF;
	color: #711FB7;
}
.self_nav_machine .selfnav_ul li.navself_li .nav-link:hover {
	color: #711FB7;
}
.midCont_netcafe .login_unit {
    background: #F7EBEB;
	color: #743220;
}
.self_nav_netcafe .selfnav_ul li.navself_li .nav-link:hover {
	color: #743220;
}
.midCont_nurture .login_unit {
    background: #fbecf8;
	color: #c92995;
}
.self_nav_nurture .selfnav_ul li.navself_li .nav-link:hover {
	color: #c92995;
}
.midCont_nettech .login_unit {
    background: #DAFFFB;
	color: #000000;
}
.self_nav_nettech .selfnav_ul li.navself_li .nav-link:hover {
	color: #000000;
}
.midCont_spate .login_unit {
    background: #EBEBEB;
	color: #305CF7;
}
.self_nav_spate .selfnav_ul li.navself_li .nav-link:hover {
	color: #305CF7;
}
.midCont_sinsurance .login_unit {
    background: #F5F2FF;
	color: #162ef9;
}
.self_nav_sinsurance .selfnav_ul li.navself_li .nav-link:hover {
	color: #162ef9;
}
@media (max-width: 991px) {
    .topHeader{
        min-height: 280px;
    }
    .topHeader_m {
        height: 280px !important;
    }
    .topHeader_TU::before , .topHeader_insurance::before , .topHeader_sinsurance::before , .topHeader_immo::before , .topHeader_accomp::before , .topHeader_spate::before , .topHeader_farm::before , .topHeader_nurture::before , .topHeader_netcafe::before , .topHeader_nettech::before , .topHeader_machine::before , .topHeader_care::before {
        top:280px;
    }
    .top_unit_log .topCont {
        text-align: center;
    }
	.topHeader .topCont .line2 h1{
		font-size: 40px;
		letter-spacing: 16px;
	}
    .topHeader .topCont .line5 h1{
        font-size: 40px;
        letter-spacing: 21px;
        padding-left: 14px;
    }
    .top_unit_log .topCont .line5 h1 {
        padding-left:15px;
    }
}
@media (max-width: 567px) {
	.topHeader .topCont .line21 h1{
		font-size: 36px;
		letter-spacing: 8px;
	}
    .topHeader .topCont .line5 h1{
        font-size: 30px;
        letter-spacing: 16px;
        padding-left: 14px;
    }
}
.topHeader .topCont .line3 {
}
.topHeader .topCont .line3 a {
	font-family: var(--self-font2);
	font-size: 20px;
	font-weight: 500;
	color: rgba(0,25,63,1.00);
}
.topHeader .topCont .tdlist {
	margin-top:0px;
	padding:0px 20px;
	font-family: var(--self-font2);
	font-weight: 300;
	font-size: 18px;
}
.topHeader .topCont .tdlist h2 {
	font-size: 24px;
	font-weight: 500;
}
.topHeader .topCont .tdlist p {
	padding: 0;
	margin: 0;
}
@media (max-width: 1399px) {
    .topHeader .topCont .tdlist {
        font-size: 16px;
    }
    .topHeader .topCont .tdlist p {
        padding: 2px 0;
    }
}
.topHeader .topCont .tdlist p a {
	color: rgba(228,255,247,1.00)
}

.topHeader .topCont .tdlist p a:hover {
	color: rgba(255,251,151,1.00)
}









/* CSS Document */
.calculate {
	font-family: var(--self-font2);
}
.calculate p {
	padding: 0 !important;
	margin: 0 !important;
}
.formBlock {
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 30px !important;
	border-radius: 10px;
}
.formBlock .formBlock_title {
	padding: 16px 20px !important;
	margin: 0 !important;
	background: var(--self-colorBg-title1);
	color: var(--self-colorW-title1);
	font-size: var(--self-fsize-title1);
	border-radius: 10px 10px 0px 0px;
}
.formBlock .formBlock_cont {
	padding: 20px !important;
	margin: 0 !important;
	background: var(--self-colorBg-cont1);
	color: var(--self-colorW-cont1);
	font-size: var(--self-fsize-cont1);
	border-radius: 0px 0px 5px 5px;
	box-shadow:  rgba(0,0,0,0.1) 1px 1px 10px 0px inset;  
}
.formBlock .formBlock_cont .rowNotes {
	padding: 10px 20px 15px 20px;
}
.formBlock .formBlock_cont .rowlist_title {
	padding: 14px 0px 14px 0px !important;
	font-weight: 700;
	font-size: var(--self-fsize-title12);
	margin: 0px 20px;
	text-align: center;
	background: rgba(239,239,239,1.00);
	border-radius: 10px;
	box-shadow:  rgba(109,109,109,0.10) 1px 1px 10px 0px inset; 	
}
.formBlock .formBlock_cont .rowlist_title .fBt {
	padding: 0px !important;
}
.formBlock .formBlock_cont .rowlist_title .fBt:nth-child(2) {
	border-left: thin solid rgba(204,204,204,1.00);
	border-right: thin solid rgba(204,204,204,1.00);
}
.formBlock .formBlock_cont .rowEnd{
	margin: 30px 10px 0px 10px;
	background: rgba(255,255,255,1.00);
	border-radius: 10px;
	height: 60px;
	line-height: 60px;
	box-shadow: 1px 1px 3px 1px rgba(211,211,211,0.7);
}
.formBlock .formBlock_cont .rowEnd .fBE_title {
	font-size: var(--self-fsize-title1);
	font-weight: 700;
	text-align: right;
}
.formBlock .formBlock_cont .rowEnd .fBE_cont {
	color: var(--self-colorW-contE1); 
	font-size: var(--self-fsize-title13);
	font-weight: 700;	
	text-align: center;
}
.formBlock .formBlock_cont .fBE_notes {
	color: var(--self-colorW-contE11);
}
.formBlock .formBlock_cont .rowlist {
	padding: 15px 0px !important;
	margin: 0px 20px !important;
	position: relative !important;
}
.formBlock .formBlock_cont .rowlist > div{
	padding: 0px !important;
	margin: 0px !important;
}
.formBlock .formBlock_cont .rowCurpot {
	cursor: pointer !important;
}
.formBlock .formBlock_cont .rowlist .fB_title {
	position: relative;
	font-weight: 700;
	color: var(--self-colorBg-Icon1); 
	padding-left: 17px !important;
	padding-right: 10px !important;
}
.formBlock .formBlock_cont .rowlist .fB_title a {
	color: var(--self-colorBg-Icon1); 
}
.formBlock .formBlock_cont .rowlist .fB_title a i {
	color: #DC0899;
}
.formBlock .formBlock_cont .rowlist .fB_title a:hover {
	color: #DC0899 !important;
	text-decoration: none;
}
.formBlock .formBlock_cont .rowlist .fB_title_bg {
	position: relative;
	font-weight: 700;
	color: var(--self-colorBg-Icon1); 
	background: #CADFE1;
	padding: 0 !important;
	text-align: center;
	padding-top: 10px !important;
	border-radius: 6px;
}
.formBlock .formBlock_cont .rowlist .fB_title::before {
	position: absolute;
	width: 10px;
	height: 10px;
	background: var(--self-colorBg-Icon1); 
	border-radius: 2px;
	top: 9px;
	left: -5px;
	content: " ";
}
.formBlock .formBlock_cont .rowlist .fB_title1 {
	padding-left: 25px !important;
	padding-right: 5px !important;
}
.formBlock .formBlock_cont .rowlist .fB_title1::before {
	left: 5px;
}


.formBlock .formBlock_cont .rowlist .fB_cont {
	
}
.formBlock .formBlock_cont .rowlist .fB_txt {
}
.formBlock .formBlock_cont .rowlist .fB_num {
	text-align: center;
	border-left: thin solid var(--self-colorL-cont1);
	border-right: thin solid var(--self-colorL-cont1);
}
.formBlock .formBlock_cont .rowlist .fB_notes {
	padding-left: 170px !important;
} 
.formBlock .formBlock_cont .rowlist .fB_desc {
	padding-left: 10px !important;
	display: none;
} 
.formBlock .formBlock_cont .rowlist .fB_desc p {
	background: url("../img/svg/icon_point.svg") no-repeat 0px 6px;
	background-size: 15px;
    padding: 0px 0px 0px 22px !important;
    margin: 0 !important;
	
}
.formBlock .formBlock_cont .rowlist .fB_desc_icon {
	display:inline !important;
	position: absolute !important;
	right: 5px;
	top: 20px;
	margin-right: 10px;
	opacity: 0.8;
}
.formBlock .formBlock_cont .rowlist .fB_desc_icon img {
	width: 30px;
}
.formBlock .formBlock_cont .rowlist .fB_notes {
	color: var(--self-colorW-note1);
}
.formBlock .formBlock_cont .rowlist .fB_Rednotes {
	color: var(--self-colorW-note12);
	padding-top: 6px;
}
.formBlock .formBlock_cont .rowLine {
	background: var(--self-colorL-cont1);
	height: 1px;
	margin: 20px;
}
.formBlock .formBlock_cont .rowLine1 {
	height: 1px;
	margin: 3px;
}


.formBlock2 .formBlock_title {
	background: var(--self-colorBg-title2);
	color: var(--self-colorW-title2);
}
.formBlock2 .formBlock_cont {
	background: var(--self-colorBg-cont2);
	color: var(--self-colorW-cont2);
}
.formBlock2 .formBlock_cont .rowlist {
	padding: 7px 10px !important;
	border-bottom: thin solid var(--self-colorL-cont2);
}
.formBlock2 .formBlock_cont .rowlist .fB_notes {
	color: var(--self-colorW-note2);
}
.formBlock2 .formBlock_cont .rowLine {
	background: var(--self-colorL-cont2);
}
.formBlock2 .formBlock_cont .rowlist .fB_title {
	color: var(--self-colorBg-Icon2); 
}
.formBlock2 .formBlock_cont .rowlist .fB_title::before {
	background: var(--self-colorBg-Icon2); 
}

.formBlock4 .formBlock_title {
	background: var(--self-colorBg-title4);
	color: var(--self-colorW-title4);
}
.formBlock4 .formBlock_cont {
	background: var(--self-colorBg-cont4);
	color: var(--self-colorW-cont4);
}
.formBlock4 .formBlock_cont .rowlist {
	padding: 20px 0px !important;
	border-bottom: thin solid var(--self-colorL-cont4);
}
.formBlock4 .formBlock_cont .rowlist .fB_num {
	border-left: thin solid var(--self-colorL-cont4);
	border-right: thin solid var(--self-colorL-cont4);
}
.formBlock4 .formBlock_cont .rowlist .fB_notes {
	color: var(--self-colorW-note4);
}
.formBlock4 .formBlock_cont .rowLine {
	background: var(--self-colorL-cont4);
}
.formBlock4 .formBlock_cont .rowlist .fB_title {
	padding-left: 50px !important;
	color: var(--self-colorBg-Icon4); 
}
.formBlock4 .formBlock_cont .rowlist .fB_title::before {
	background: var(--self-colorBg-Icon4); 
	top: 9px;
	left: 25px;
}

.formBlock5 .formBlock_title {
	background: var(--self-colorBg-title5);
	color: var(--self-colorW-title5);
}
.formBlock5 .formBlock_cont {
	background: var(--self-colorBg-cont5);
	color: var(--self-colorW-cont5);
}
.formBlock5 .formBlock_cont .rowlist {
	padding: 20px 0px !important;
	border-bottom: thin solid var(--self-colorL-cont5);
}
.formBlock5 .formBlock_cont .rowlist .fB_notes {
	color: var(--self-colorW-note5);
}
.formBlock5 .formBlock_cont .rowLine {
	background: var(--self-colorL-cont5);
}
.formBlock5 .formBlock_cont .rowlist .fB_title {
	padding-left: 50px !important;
	color: var(--self-colorBg-Icon5); 
}
.formBlock5 .formBlock_cont .rowlist .fB_title::before {
	background: var(--self-colorBg-Icon5); 
	top: 9px;
	left: 25px;
}
.formBlock5 .formBlock_cont .rowEnd .fBE_cont {
	color: var(--self-colorW-contE5);
}
.formBlock5 .formBlock_cont .rowlist .fB_num {
	border-left: thin solid var(--self-colorL-cont5);
	border-right: thin solid var(--self-colorL-cont5);
}
.formBlock5 .formBlock_cont .rowNotes {
	padding: 10px 30px 15px 35px;
}



.formBlock6 .formBlock_title {
	background: var(--self-colorBg-title6);
	color: var(--self-colorW-title6);
}
.formBlock6 .formBlock_cont .rowlist .fB_title {
	padding-left: 0px !important;
	color: var(--self-colorW-title6t);
}
.formBlock6 .formBlock_cont .rowlist .fB_title::before {
	display: none;
}
.formBlock6 .formBlock_cont .rowlist .fB_title > span {
	background: var(--self-colorBg-Icon6);
	font-size: 20px;
	color: var(--self-colorW-title6ts);
	padding: 3px 7px;
	border-radius: 3px;
	margin-right: 8px;
}
.formBlock6 .formBlock_cont .rowLine2 {
	height: 50px;	
}
.formBlock6 .formBlock_cont .rowLine2::before {
	position: absolute;
	top: 10px;
	width: 100%;
	content: " ";
	height: 1px;
	background: rgba(219,219,219,1.00);
}


.formBlock .formBlock_cont .glist_title {
	padding: 0px 13px !important;
}

.formBlock .formBlock_cont .glist_title .gt1 , .formBlock .formBlock_cont .glist_title div > .row > div {
	background: var(--self-colorBg-title3);
	color: var(--self-colorW-title3);
	border-left: thin white solid;
	border-bottom: 1px solid var(--self-colorL1-cont3);
	border-radius: 10px 10px 0px 0px;
	padding: 10px 0px;
	text-align: center;
}
.formBlock .formBlock_cont .glist_title .gt {
	height: 50px;
}

.formBlock .formBlock_cont .glist {
	padding: 0px 0px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--self-colorL2-cont3);
}
.formBlock .glist {
	font-size: var(--self-fsize-cont32);
}
.formBlock .glist > div {
	padding: 20px 0 !important;
	margin: 0 !important;
	background: var(--self-colorBg-cont3);
}

.formBlock .glist .clisg_title {
	width: 100%;
	text-align: center;
	color: var(--self-colorW-titleG3);
	border-radius: 4px;
	margin: 20px 16px 10px 16px;
	background: var(--self-colorBg-titleG3);
}

.formBlock .glist label {
    padding: 0;
    margin-right: 12px;
    cursor: pointer;
}
.formBlock .glist input[type=checkbox] {
    display: none;
}
.formBlock .glist input[type=checkbox]+span {
    display: inline-block;
    padding-left: 26px;
    line-height: 30px;
    background: url(../img/svg/cbx-off.svg) no-repeat;
	background-size: 30px; 
    user-select: none;
}
.formBlock .glist input[type=checkbox]:checked+span {
    background: url(../img/svg/cbx-on.svg) no-repeat;
}
.formBlock .glist .clisg_B2 {
	display: flex;
	justify-content: flex-start;
}
.formBlock .glist .clisg_B2 a {
	color: white;
	padding: 0px !important;
	width: 70px;
	max-width: 70px;
	text-align: center;
	height: 60px;
	border-radius: 8px;
	margin-bottom: 4px;
	margin-right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: var(--self-fsize-cont32);
}
.formBlock .glist .clisg_B2 a.cB2_l2 {
    line-height: 22px;
}
.formBlock .glist .clisg_B1 .clisg_t1 {
	font-size: var(--self-fsize-title31);
	font-weight: 600;
}
.formBlock .glist .clisg_B1 .clisg_t2 {
	font-size: var(--self-fsize-cont31);
}
.formBlock .glist .clisg_B3 p {
	padding-top: 5px !important;
}
.formBlock .glist .clisg_B3 ul {
	padding: 0px;
	margin: 0px;
	margin-left: 28px;
}

.formBlock_End .formBlock_ECont {
	text-align: center;
	padding: 30px 0px 0px 0px;
	font-size: var(--self-fsize-title14);
	font-weight: 600;
}
.formBlock_End .formBlock_ECont span {
	font-size: var(--self-fsize-title15);
	padding: 0px 20px;
	color: var(--self-colorW-titleE1);
}





@media (max-width: 1199px) {
	.formBlock .formBlock_cont .rowlist .fB_notes {
		padding-left: 140px !important;
	}
}
@media (max-width: 991px) {
	.formBlock4 .formBlock_cont .rowlist_title .fBt:nth-child(2) , .formBlock5 .formBlock_cont .rowlist_title .fBt:nth-child(2) {
		border-right: 0px;
	}
	.formBlock .formBlock_cont .rowlist .fB_title2 , .formBlock .formBlock_cont .rowlist .fB_cont2 {
		padding-top: 20px !important;
	}
	.formBlock .formBlock_cont .rowlist .fB_title2::before {
		top: 30px;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_title , .formBlock5 .formBlock_cont .rowlist .fB_title {
		padding-left: 40px !important;
		padding-right: 0px !important;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_title::before , .formBlock5 .formBlock_cont .rowlist .fB_title::before {
		display: none;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_desc_icon , .formBlock5 .formBlock_cont .rowlist .fB_desc_icon {
		right: 0px;
		left: 0px;
		top: 16px;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_desc , .formBlock5 .formBlock_cont .rowlist .fB_desc {
		padding-top: 15px !important;
		padding-left: 39px !important;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_num , .formBlock5 .formBlock_cont .rowlist .fB_num {
		border-right: 0px;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_num {
		border-left: thin solid var(--self-colorL-cont4);
		border-right: 0px;
	}
	.formBlock5 .formBlock_cont .rowlist .fB_num {
		border-left: thin solid var(--self-colorL-cont5);
		border-right: 0px;
	}
	.formBlock .formBlock_cont .rowlist .fB_notes {
		padding-left: 200px !important;
	}
}
@media (max-width: 767px) {
	.formBlock4 .formBlock_cont , .formBlock5 .formBlock_cont {
		padding: 15px 5px !important;
	}
	.formBlock4 .formBlock_cont .rowlist_title , .formBlock5 .formBlock_cont .rowlist_title {
		margin: 0px 10px;
	}
	.formBlock4 .formBlock_cont .rowlist , .formBlock5 .formBlock_cont .rowlist {
		margin: 0px 10px !important;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_desc_icon , .formBlock5 .formBlock_cont .rowlist .fB_desc_icon {
		left: 5px;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_desc_icon img , .formBlock5 .formBlock_cont .rowlist .fB_desc_icon img {
		width: 24px;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_desc , .formBlock5 .formBlock_cont .rowlist .fB_desc {
		padding-top: 12px !important;
		padding-left: 39px !important;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_txt , .formBlock5 .formBlock_cont .rowlist .fB_txt {
		padding-top: 7px !important;
		padding-left: 4px !important;
	}
	.formBlock .formBlock_cont .rowlist .fB_notes {
		padding-left: 140px !important;
	}
	.formBlock .formBlock_cont .rowEnd .fBE_title {
		font-size: var(--self-fsize-title1-s);
	}
	.formBlock .formBlock_cont .rowEnd .fBE_cont {
		font-size: var(--self-fsize-title13-s);
	}
}
@media (max-width: 575px) {
	.formBlock .formBlock_title {
		font-size: var(--self-fsize-title1-s);
	}
	.formBlock .formBlock_cont {
		font-size: var(--self-fsize-cont1-s);
	}
	
	.formBlock .formBlock_cont .rowlist {
		padding-bottom: 5px !important;
	}
	.formBlock4 .formBlock_cont .rowlist , .formBlock5 .formBlock_cont .rowlist {
		padding: 12px 0px !important;
		margin: 0px 10px !important;
	}
	.formBlock4 .formBlock_cont .rowlist .fB_desc_icon , .formBlock5 .formBlock_cont .rowlist .fB_desc_icon {
		top: 10px;
	}
	
	.formBlock .formBlock_cont .rowlist_title {
		font-size: var(--self-fsize-title12-s);
		margin: 0px 10px;
	}
	.formBlock .formBlock_cont .rowlist .fB_title::before {
		top: 7px;
	}
	.formBlock .formBlock_cont .rowlist .fB_title2::before {
		top: 28px;
	}
	.formBlock .formBlock_cont .rowlist .fB_cont , .formBlock .formBlock_cont .rowlist .fB_cont2 {
		padding: 10px 0px 0px 17px !important;
	}
	.formBlock .formBlock_cont .rowlist .fB_notes {
		padding-left: 15px !important;
	}	
	.formBlock1 .formBlock_cont .rowlist .fB_txt {
		padding: 5px 0px 0px 17px !important;
		margin-bottom:0px !important;
	}
	.formBlock .formBlock_cont .glist_title .gt {
		height: 70px;
	}
	.formBlock .glist {
		font-size: var(--self-fsize-cont32-s);
	}
	.formBlock .glist .clisg_B1 .clisg_t1 {
		font-size: var(--self-fsize-title31-s);
		font-weight: 600;
	}
	.formBlock .glist .clisg_B1 .clisg_t2 {
		font-size: var(--self-fsize-cont31-s);
	}
	.formBlock .glist .clisg_B2 a {
		margin-right: 2px;
		height: 53px;
		font-size: var(--self-fsize-cont32-s);
	}
	.formBlock .glist .clisg_B2 a.cB2_l2 {
		line-height: 20px;
	}
	.formBlock_End .formBlock_ECont {
		font-size: var(--self-fsize-title14-s);
	}
	.formBlock_End .formBlock_ECont span {
		font-size: var(--self-fsize-title15-s);
	}

	
	
	
}
@media (max-width: 330px) {
	.formBlock .glist .clisg_B2 a {
		font-size: 12px;
	}
}




.onjoin .join_check2 {
	height: 18vh;
	overflow: auto;
	border: 1px solid hsla(0,0%,100%,1.00);
	padding: 15px;
	line-height: 28px;
}
.onjoin .join_check3 {
	height: 18vh;
	overflow: auto;
	border: 1px solid #FF2B32;
	padding: 15px;
	line-height: 28px;
}

.onjoin #join_qulifs {
	background: rgba(237,237,237,1.00);
}
.onjoin #onSign_step1 {
	background: rgba(255,255,255,1.00);
	padding: 30px 0px;
}
.onjoin #onSign_step2 {
	background: rgba(237,237,237,1.00);
	padding: 30px 0px;
}
.onjoin #onSign_step3 {
	background: rgba(255,255,255,1.00);
	padding: 30px 0px;
}
.onjoin #onSign_step4 {
	background: rgba(237,237,237,1.00);
	padding: 30px 0px;
}
	
.onjoin .joinClass_area {
	padding: 20px 0px;
}
.onjoin .joinClass_area span {
	font-size: 16px;
	font-weight: 500;
}
.onjoin .joinClass_area span.badge-gray {
	color: #fff;
	background-color: #808080;
}
.onjoin .joinClass_area span.badge-blue {
	color: #fff;
	background-color: #194AAD;
}

.onjoin .alert_self_1 {
	margin: 0!important;
	padding: 7px 10px !important;
	border: 1px dashed rgba(180,180,180,1.00);
	background: rgba(240,240,240,1.00);
	color: var(--self-colorW-titleE1);
}
.onjoin .alert_self_2 {
	padding: 0px !important;
	margin: 0 !important;
	
	margin: 0!important;
	padding: 7px 10px !important;
	border: 1px dashed rgba(235,139,143,1.00);
	background: rgba(255,235,242,1.00);
	color: rgba(231,34,57,1.00);
}
.onjoin .alert_self_2 .divMust {
	background: rgba(216,53,72,1.00);
	color: rgba(255,255,255,1.00);
	padding: 1px 10px 3px;
	border-radius: 3px;
	margin-right: 8px;
}
.onjoin .requiredTXT {
	color: #FF5F62;
	padding-top: 5px;
	padding-left: 10px;
	line-height: 22px;
}



.onjoin {
	font-family: var(--self-font2);
}
.onjoin .onSign_step_title {
	font-family: var(--self-font1);
	margin-bottom: 20px;
	padding: 6px 90px 6px 50px;
	color: var(--self-colorW-titleE1);
	font-size: 24px;
	font-weight: 800;
	position: relative;
}
.onjoin #onSign_step4 {
	display: none;
}
.onjoin .onSign_step_title .s_numb {
	width: 38px;
	height: 38px;
	display: inline-block;
	background: var(--self-colorBg-Icon1);
	color: white;
	line-height: 38px;
	text-align: center;
	margin-right: 12px;
	border-radius: 5px;
	font-size: 20px;
	
	position: absolute;
	left:0px;
	top:4px;
}
@media (max-width:767px){
	.onjoin .join_check3 {
		height: 23vh;
		padding: 10px;
		line-height: 24px;
	}
}
@media (max-width:576px){
	.onjoin .onSign_step_title {
		font-size: 20px;
	}
	.onjoin .onSign_step_title .s_numb {
		font-size: 16px;
	}
}
.onjoin .onSign_step_title .s_state {
	border-radius: 3px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	background: rgba(177,177,177,1.00);
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	right:0px;
	top:-20px;
	border: 1px dashed hsla(0,0%,65%,1.00);
}
.onjoin .onSign_step_cont {
	font-size: 20px;
	display: none;
	margin: 0 !important;
	padding: 0 !important;
}
.onjoin #step1_cont {
	padding: 0px;
	margin: 20px;
}
.onjoin #step1_cont .step_1_scr {
	/*height: 50vh;
	overflow: scroll*/
}
@media (max-width:767px){	
	.onjoin .onSign_step_title {
		padding: 6px 80px 6px 50px;
	}
	.onjoin .onSign_step_title .s_state {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 18px;
		top:0px;
	}
}
@media (max-width:576px){
	.onjoin .onSign_step_cont {
		font-size: 18px;
		line-height: 32px;
	}
	.onjoin #step1_cont {
		padding: 10px;
		margin: 0px;
	}
}
.onjoin {
}
.onjoin .form_title {
	border-radius: 45px;
	margin-bottom: 20px;
	padding: 6px 10px;
	text-align: center;
	background: #FFF;
	box-shadow:
      0 0 0 1px #FFFFFF,
      0 0 0 2px #DBB497,
      0 0 0 5px #FFF,
      0 0 0 8px #DBB497;
	color: #724422;
	font-size: 24px;
	margin-top: 30px;
}
.onjoin #option {
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-radius: 45px;
	border: 1px solid #C3A380;
    margin: 0px auto;
    padding: 0px 0px;
    font-size: 18px;
}
.onjoin #option li {
    list-style-type:none;
	float: left;
	text-align: center;
	width: 50%;
	height: 45px;
	cursor: pointer;
	border-radius: 50px;
}
.onjoin #option li.active {
	background: linear-gradient(to bottom, #BD8A53, #92683B);
	color: white;
	border-radius: 50px;
}

.onjoin .form-group {
    margin: 0 auto !important;
    padding-bottom: 10px;
}
.onjoin .memCSelect {
    
}
.onjoin .form-group .form-control {
    display: block;
    width: 100%;
    height: calc(35px + 2px) !important;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #F3F3F3 !important;
    background-clip: padding-box;
    border: 0px solid #F3F3F3;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}
.onjoin .form-group .form-control_w50 {
    width: 50% !important;
}
.onjoin .form-group .form-control option  {
    text-align: center;
	padding: 0 !important;
}
.onjoin .form-group .form-control:focus {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 0.1rem rgba(193,126,0,0.74);
}
.onjoin .form-group .col-form-label { /*項目標題*/
    font-size: 20px;
    padding-bottom: 12px;
    color: var(--self-colorW-titleE1);
}
.onjoin .form-check input[type="checkbox"] {
	position: absolute;
	left: 40px;
	top:9px;
	border: 0px;
	z-index: 999
}
.onjoin .form-check input[type="checkbox"] + label {
    display: block;
    width:97%;
    height: calc(38px + 2px) !important;
    padding: 5px 20px 10px 45px;
	margin-left: 0px !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #021B33;
	position: relative;
    border-radius: 5px;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	border: 1px solid rgba(244,244,244,1.00);
	transition: background-color .2s, box-shadow .2s;
}
.onjoin .form-check label::before {
	content: '';
	color: white;
	font-size: 13px;
	padding-left: 6px;
	display: block;
	position: absolute;
	left: 20px;
	top:12px;
	width: 22px;
	height: 22px;
	/*border: 1px solid #563A2C;*/
	border-radius: 100px;
}

/*.onjoin .form-check input[type="checkbox"]:checked + label::before {
 	background-color: #563A2C;
	content: 'v';
}
.onjoin .form-check input[type="checkbox"]:checked + label {
	border-color: rgba(115,93,51,0.74) !important;
}*/




.onjoin .form-check input[type="radio"] {
	position: absolute;
	left: 40px;
	top:9px;
	border: 0px;
	z-index: 999
}
.onjoin .form-check input[type="radio"] + label {
    display: block;
    width:97%;
    height: calc(38px + 2px) !important;
    padding: 5px 20px 10px 45px;
	margin-left: 0px !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #021B33;
	position: relative;
    border-radius: 5px;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	border: 1px solid rgba(244,244,244,1.00);
	transition: background-color .2s, box-shadow .2s;
}

.onjoin .form-check input[type="radio"]:checked + label {
	background: rgba(255,255,255,1.00);
	border: 1px solid rgba(125,181,235,1.00);
}
/*.onjoin .form-check input[type="radio"]:checked + label::before {
 	background-color: #563A2C;
	content: 'v';
	color: white;
	font-family:var(--thm-n4-font);
}
.onjoin .form-check input[type="radio"]:checked + label {
	border-color: rgba(115,93,51,0.74) !important;
}*/





.onjoin .w_family_block {
}
.onjoin .wf_del_btn {
	cursor: pointer;
	margin-top: 15px;
	border-radius: 3px;
	padding: 1px 8px;
	color: white;
	background: #FFFFFF;
	display: inline-block;
	color: #DD0002 !important; 
}


.onjoin .fileBlock_all {
	padding-left: 90px !important;
	padding-top: 10px !important;
	min-height: 120px;
	display: flow-root !important;
}
.onjoin .fileBlock {
	padding: 0;
	width: 100px;
	height: 130px;
	float: left;
	margin-right: 15px;
}
.onjoin .fileAddBlock {
	padding: 0;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.onjoin .fileBlock_view {
	padding: 0 !important;
	margin: 0 !important;
}
.onjoin .fileBlock_view .fileBlock_title {
	background: #BBBBBB;
	border-radius: 3px 3px 0px 0px;
	color: #000000;
	text-align: center;
	margin-bottom: 1px;
}
.onjoin .fileBlock_view .fileBlock_btn {
	text-align: right;
}
.onjoin .fileBlock_view .fileBlock_btn button {
	font-size: 22px;
	padding: 0px 0px 3px 0px;
	margin: 0;
	margin-top: 0px;
	line-height: 22px;
	background: rgba(247,152,18,1.00);
	color: white;
}
.onjoin .fileBlock_view .fileBlock_area {
	background: rgba(255,255,255,1.00);
	height: 100px;
	position: relative;
	overflow: hidden;
	border: 1px solid #D5D5D5;
	border-radius: 0px 0px 3px 3px;
}
.onjoin .fileBlock_view .fileBlock_area .fileBlock_label {
	background: rgba(255,255,255,1.00);
	height: 100px;
	line-height: 92px;
	width: 100%;
	text-align: center;
	font-size:30px;
	opacity: 0.3;
	position: absolute;
	z-index: 99;
	top: 0;
	cursor: pointer;
}
.onjoin .fileBlock_view .fileBlock_area .fileBlock_label_re {
	background: rgba(29,176,146,0.80);
	opacity: 1;
	height: 25px;
	line-height: 15px;
	z-index: 2299;
	margin-top: 75px;
	padding: 0px !important;
	color: rgba(255,255,255,1.00);
	line-height: 25px;
	font-size:15px;
	font-weight: 500;
}

.onjoin .fileBlock_view .fileBlock_area .fileBlock_vImg ,
.onjoin .fileBlock_view .fileBlock_area .fileBlock_vPdf {
	display: none;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
.onjoin .fileBlock_view .fileBlock_area .fileBlock_upload {
	position: absolute;
	z-index: 20;
	top: 60px;
	left: 0px;
	opacity: 0;
}
.onjoin .fileBlock_view .fileBlock_area .fileBlock_vState {
	display: none;
	position: absolute;
	z-index: 101;
	opacity: 1;
	background: rgba(255,255,255,0.30);
	text-align: right;
	top: -7px;
	width: 100%;
	height: 100px;
	padding-top: 0px;
}
.onjoin .fileBlock_view .fileBlock_area .fileBlock_vImg ,
.onjoin .fileBlock_view .fileBlock_area .fileBlock_vPdf  {
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.onjoin .file_Up_title {
	border-bottom: 1px solid rgba(207,187,151,1.00);
	background:linear-gradient(to right, #A07015, #BDA590 6px, transparent 6px),linear-gradient(to right, #DCC87E, #DCC87E 8px, transparent 10px);
	border: 1px dashed #BDA590;
    display: block;
    font-size: 18px;
    color: rgba(61,44,28,1.00);
    text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 7px;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.onjoin .fileBlock_view .fileBlock_addFile {
	background: rgba(233,233,233,1.00);
	text-align: center;
	padding: 0px !important;
	height: 100px;
	border-radius: 3px;
}
.onjoin .fileBlock_view .fileBlock_addFile button {
	width:100%;
	border: 0px;
	font-size: 36px;
	opacity: 0.4;
	cursor: pointer;
	height: 100px;
}



.onjoin .joinTLab span:nth-child(1) {
	padding-left: 5px;
	color: #DC0899
}
.onjoin .joinTLabFile span:nth-child(1) {
	padding-right: 5px;
	border-bottom: 3px solid #DC0899;
}


@media (max-width: 767px) {
	.onjoin .fileBlock_all {
		padding-left: 0px !important;
		min-height: 130px;
	}
	.onjoin .fileBlock {
		margin-right: 5px;
		width: 80px;
		height: 120px;
	}	
	.onjoin .fileAddBlock {
		width: 80px;
		height: 80px;
		padding: 0;
		margin-right: 5px;
	}
	.onjoin .fileBlock_view .fileBlock_area {
		height: 80px;
	}
	.onjoin .fileBlock_view .fileBlock_area .fileBlock_label {
		height: 80px;
		line-height:80px;
		font-size:26px;
	}
	.onjoin .fileBlock_view .fileBlock_area .fileBlock_label_re {
		margin-top: 53px;
		padding: 0px !important;
		color: rgba(255,255,255,1.00);
		line-height: 25px;
		font-size:15px;
		font-weight: 500;
	}	
	.onjoin .fileBlock_view .fileBlock_area .fileBlock_vState {
		height: 80px;
	}
	.onjoin .fileBlock_view .fileBlock_area .fileBlock_upload {
		top: 0px;
	}
	.onjoin .fileBlock_view .fileBlock_area .fileBlock_vState {
		top: -10px;
		height: 80px;
	}
	.onjoin .fileBlock_view .fileBlock_area .fileBlock_vImg ,
	.onjoin .fileBlock_view .fileBlock_area .fileBlock_vPdf  {
		height: 80px;
	}
	.onjoin .fileBlock_view .fileBlock_addFile {
		height: 80px;
	}
	.onjoin .fileBlock_view .fileBlock_addFile button {
		height: 80px;
	}
	
	
	
	
	.onjoin .form-group .col-form-label { /*項目標題*/
		font-size: 18px;
		padding-bottom: 12px;
		color: var(--self-colorW-titleE1);
	}
	.onjoin .form-check input[type="checkbox"] {
		position: absolute;
		left: 35px;
		top:8px;
		border: 0px;
		z-index: 999
	}
	.onjoin .form-check input[type="checkbox"] + label {
		height: calc(35px + 2px) !important;
		padding: 7px 10px 5px 40px;
		margin-left: 0px !important;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.5;
		color: #021B33;
		position: relative;
		border-radius: 10px;
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		border: 1px solid rgba(227,227,227,1.00);
		transition: background-color .2s, box-shadow .2s;
		overflow: hidden;
	}
	.onjoin .form-check label::before {
		content: '';
		color: white;
		font-size: 13px;
		padding-left: 6px;
		display: block;
		position: absolute;
		left: 20px;
		top:12px;
		width: 22px;
		height: 22px;
		/*border: 1px solid #563A2C;*/
		border-radius: 100px;
	}

	/*.onjoin .form-check input[type="checkbox"]:checked + label::before {
		background-color: #563A2C;
		content: 'v';
	}
	.onjoin .form-check input[type="checkbox"]:checked + label {
		border-color: rgba(115,93,51,0.74) !important;
	}*/




	.onjoin .form-check input[type="radio"] {
		position: absolute;
		left: 35px;
		top:7px;
		border: 0px;
		z-index: 999
	}
	.onjoin .form-check input[type="radio"] + label {
		height: calc(35px + 2px) !important;
		padding: 6px 10px 5px 34px;
		margin-left: 0px !important;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.5;
		color: #021B33;
		position: relative;
		border-radius: 10px;
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		border: 1px solid rgba(227,227,227,1.00);
		transition: background-color .2s, box-shadow .2s;
		overflow: hidden;
	}
}





.form-login .form-control:focus {
	box-shadow: none;
}
.form-login .btn-primary {
	background-color: #007bff;
	border-color: #007bff;
}
.form-login .btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}
.form-login .btn-google {
    background-color: #ffffff;
    color: #757575;
    border-color: #d6d6d6;
}
.form-login .btn-google:hover {
    background-color: #f8f9fa;
    color: #757575;
    border-color: #d6d6d6;
}
.form-login .btn-google i {
    color: #db4437;
}
.form-login .alertArea {
    padding: 20px 0px;
	text-align: center;
	color: rgba(229,49,52,1.00);
	margin-bottom: 7px;
}


.jplatform {
	padding-bottom: 60px;
}
.jplatform .join_block {
	padding: 20px 10px;
	margin-top: 20px;
    border-radius: 10px;
	background: rgba(236,236,236,1.00);
	border: 1px solid rgba(213,213,213,1.00);
	color: rgba(15,15,15,1.00);
}
.jplatform .join_block p{
	padding: 0px;
	margin: 0px; 
}
.jplatform .joinlist_block {    
	position: relative;
}
.jplatform .joinlist_block::before {
	content: "前往";
	position: absolute;
	width: 70px;
	height: 40px;
	right: 0px;
	top:0px;
    color: white;
	background: rgba(244,121,0,1.00);
	text-align: center;
	line-height: 40px;
	border-radius: 0px 10px 0px 10px;
}
.jplatform .joinlist_block:hover {
	background: rgba(223,223,223,1.00);
	text-decoration: none;
}
.jplatform .joinlist_block:hover::before {
	background: rgba(191,94,0,1.00);
}
	
.onjoin .jplatform .joinClass_area {
	padding: 10px 0px 15px 0px;
}
.onjoin .jplatform  .fileBlock_all {
	padding-left: 100px !important;
	padding-top: 10px !important;
	min-height: 120px;
	display: flow-root !important;
}
.onjoin .jplatform  .fB_stateNote::before {
	content: "補件原因："
}
.onjoin .jplatform  .fB_stateNote {
	padding: 6px 10px !important;
	background: rgba(255,216,217,1.00);
	margin: 7px 1px 3px 1px;
	border-radius: 5px;
	color: rgba(255,0,0,1.00);
	font-weight: 500;
}
@media (max-width: 767px) {
	.onjoin .jplatform  .fileBlock_all {
		padding-left: 14px !important;
		min-height: 130px;
	}
}
.onjoin .jplatform .joinpay_block {
}
.onjoin .jplatform .joinpay_block .j_left {	
	padding-left: 27px;
	margin-bottom: 10px;
}
.onjoin .jplatform .joinpay_block .j_right {	
	padding-left: 27px;
	margin-bottom: 10px;
}
.onjoin .jplatform .joinpay_block .j_left::before {
	content: "\f04b";
	font-family: var(--self-font8);
	font-weight: 700;
	font-size: 12px;
	top: 0;
	left: 8px;
	position: absolute;
	padding-top: 3px;
	padding-right: 10px;
}

.payway {
    display: flow-root;
    z-index: 99;
}
.payway > a {
    float: left;
    width:32%;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    padding: 15px 0px;
    border-radius: 5px;
}
.payway a {
    color: white;
    text-decoration: none;
}
.payway a:hover {
    color: white;
}
.payway .payway_1 , .payway .payway_2 , .payway .payway_3 {
	margin: 5px 0px ;
    color: white !important;
	width: 100%;
	background: rgba(19,17,17,1.00);
}
/*.payway .payway_1 {
    background: #E0A000;
}
.payway .payway_2 {
    background: #0077D9;
}
.payway .payway_3 {
    background: #E74EAD;
}
*/
.payway .payway_bWrap {
	margin-bottom: 30px;
	padding: 0 5px;
}
.payway .payway_bWrap .payway_block {
    border: 4px dotted rgba(23,23,23,1.00);
	border-radius: 15px;
	padding: 5px 10px;
	height: 250px;
}
.payway .payway_bWrap .payway_block .pblock_tt {
    font-family: var(--self-font1);
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(162,162,162,1.00);
}
.payway .payway_bWrap .payway_block .pblock_desc {
    margin-top: 15px;
}




.payWayArea {
    position: fixed;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.90);
    font-family: var(--thm-font-s2);
    display: none;
}
.payWayArea .payway_block {
    width: 100vw;
height: 98vh;
    background: rgba(255,255,255,1.00);
    border-radius: 20px;
    margin: 1vh 0vw;
    padding: 0vh 3vw;
}

.payWayArea .payway_block .closePay {
    position:absolute;
    width: 50px;
    height: 50px;
    z-index: 10000;
    right: 2vw;
    top:2vh;
    background: rgba(134,134,134,1.00);
    border-radius: 25px;
    text-align: center;
    line-height: 47px;
    font-size: 26px;
    color: rgba(255,255,255,1.00);
}


.payWayArea .payway_block .pwb_cont {
    margin-top: 1vh;
    height: 96vh;
    overflow: hidden;
}

.payWayArea .payway_block .pw_title , .payWayArea .payway_block .pw_title1 {
    height: 14vh;
    color: rgba(0,0,0,1.00);
    font-weight: 700;
    font-size: 26px;
    padding-left: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(197,197,197,1.00);
    text-align: left !important;
}
.payWayArea .payway_block .pw_title span , .payWayArea .payway_block .pw_title1 span {
    font-size: 13px !important;
    font-family:"新細明體", "微軟正黑體", "標楷體", "Arial Unicode MS";
    font-weight: 400;
    display: block;
    color: rgba(114,114,114,1.00);
}
.payWayArea .payway_block .pwb_cont {
    text-align: center;
    display: none;
}
.payWayArea .payway_block .pwb_cont .block_1, .payWayArea .payway_block .pwb_cont .block_2 {
    background: rgba(240,240,240,1.00);
    padding: 10px;
    margin-top: 10px;
}
.payWayArea .payway_block .pwb_cont .block_3 {
    background: rgba(240,240,240,1.00);
    padding: 0px;
    margin-top: 2px;
}
.payWayArea .payway_block .pwb_cont .block_4 {
    background: rgba(240,240,240,1.00);
    padding: 0px;
    margin-top: 5px;
}
.payWayArea .payway_block .pwb_cont .line_p {
    font-size: 22px;
}
.payWayArea .payway_block .pwb_cont .line_else {
    font-size: 15px;
}
.payWayArea .payway_block .pwb_cont .line_else1 {
    font-size: 15px;
    text-align: left;
}
.payWayArea .payway_block .pwb_cont .line_else .div_alert {
    padding-top: 100px;
    font-size: 22px;
    color: rgba(151,3,6,1.00)
}

.payWayArea .payway_block #pwb_cont_credit .line_number {
    color: #3373E7;
    font-size: 30px;
    font-weight: 900;        
}
.payWayArea .payway_block #pwb_cont_credit .line_time {
    font-size: 26px;
    color: #3f7ded;
    font-weight: 600; 
}
.payWayArea .payway_block #pwb_cont_credit .line_go {
    padding: 30px;
}
.payWayArea .payway_block #pwb_cont_credit .line_go a {
    font-family: var(--thm-font-s1);
    background:linear-gradient(#4482F1, #3375EB, #2767DC);
    width:190px;
    height: 70px;
    display: block;
    border-radius: 10px;
    line-height: 66px;
    color: white;
    font-size: 24px;
    margin: 0 auto;
    box-shadow:2px 2px 1px 1px #EBEBEB;
}



.payWayArea .payway_block #pW_cont_market .line_number {
    color: #3373E7;
    font-size: 30px;
    font-weight: 900;        
}
.payWayArea .payway_block #pW_cont_market .line_time {
    font-size: 26px;
    color: #3f7ded;
        font-weight: 600; 
}
@media (max-width: 360px) {	
    .payWayArea .payway_block #pW_cont_market .line_time {
        font-size: 22px;
        color: #3f7ded;
    }
}
.payWayArea .payway_block #pW_cont_market .line_go {
    padding-bottom: 10px;
}
.payWayArea .payway_block #pW_cont_market .pwDowninfo {
	margin: 10px 0px;
    background: rgba(240,240,240,1.00);
    padding:15px 0px;
}
.payWayArea .payway_block #pW_cont_market .pwDowninfo .pwDowninfoLineR {
	border-right: 1px solid rgba(177,177,177,1.00);
}

.payWayArea .payway_block #pW_cont_market #Ss_Info {
	background: rgba(255,255,255,0.9);
	padding: 15px 8px 8px;
	margin-bottom: 8px;
	font-size: 30px;
}
.payWayArea .payway_block #pW_cont_market #Ss_Info > div{
	margin: 10px 0px;
}
.payWayArea .payway_block #pW_cont_market #Ss_Info_Big {
    display: none;
    
    z-index: 110000 !important;
    
    background: hsla(0,0%,100%,1.00);
    position:fixed;    
    transform:rotate(-90deg);
    
    padding-top: 5px;
    
    width: 100vh;
    height: 100vw;
    top:calc((100vh - 100vw) /2);/* calc((100vh - 100vw) /2)  */
    left:calc((100vw - 100vh) /2 - 1px);/* calc((100vw - 100vh) /2)  */
    border-top: 8px solid hsla(0,0%,0%,1.00);
    border-bottom: 8px solid hsla(0,0%,0%,1.00);
    border-radius: 20px 20px 20px 20px;
}
.payWayArea .payway_block #pW_cont_market #Ss_Info_Big .barCa {
	margin: 10px auto;
}
.payWayArea .payway_block #pW_cont_market #Ss_Info_Big .sB_title {
	margin-top: 15px;
	margin-bottom: 25px;
    padding-left: 20px !important;
    font-size: 30px;
    text-align: left;
}
.payWayArea .payway_block #pW_cont_market #Ss_Info_Big .sB_title span{
    font-size: 20px;
}
.payWayArea .payway_block #pW_cont_market #Ss_Info_Big .line_else1 {
    padding-left: 20px !important;
}
.payWayArea .payway_block #pW_cont_market #Ss_Info_Big .sB_close {
    display: block;
    right: 0px;
    top:0;
    position: absolute;
    width:40px;
    height:40px;
    line-height:40px;
    text-align: center;
    color: white;
    
    background: rgba(134,134,134,1.00);
    border-radius: 0px 15px 0px 0px;
    font-size: 22px;
}


.payWayArea .payway_block #pwb_cont_atm {
    text-align: left;
}
.payWayArea .payway_block #pwb_cont_atm .pw_title1 {
    margin-bottom: 10px;
}
.payWayArea .payway_block #pwb_cont_atm .pw_title1 span {
    font-size: 13px !important;
    font-family:"新細明體", "微軟正黑體", "標楷體", "Arial Unicode MS";
    font-weight: 400;
    display: block;
    color: rgba(114,114,114,1.00);
}	
.payWayArea .payway_block #pwb_cont_atm .pw_title1 .pw_note {
	font-size: 13px !important;
	font-family: "新細明體";
	color: #BF0000;
	line-height: 20px;
	margin-top: 8px;
}	
.payWayArea .payway_block #pwb_cont_atm .pw_title1 .pw_note_1 {
	font-size: 13px !important;
	font-family: "新細明體";
	color: #BF0000;
	line-height: 20px;
	margin-top: 8px;
}	
.payWayArea .payway_block #pwb_cont_atm .pw_title1 br{
    display:none;
}
.payWayArea .payway_block #pwb_cont_atm .line_p {
    font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.payWayArea .payway_block #pwb_cont_atm .block_1 , .payWayArea .payway_block #pwb_cont_atm .block_2 , .payWayArea .payway_block #pwb_cont_atm .block_3 {
    text-align: center;    
}
.payWayArea .payway_block #pwb_cont_atm .block_1 .line_p {
    font-size: 22px;
}
.payWayArea .payway_block #pwb_cont_atm .block_2 .line_number {
    color: #cd5e4f;
    font-size: 30px;
    font-weight: 900;        
}
.payWayArea .payway_block #pwb_cont_atm .block_2 .line_desc {
    color: #cd5e4f;
    font-size: 20px;
    font-weight: 700;
    padding-top: 15px;
}
.payWayArea .payway_block #pwb_cont_atm .block_2 .line_time {
    font-size: 26px;
    color: #cd5e4f;
    font-weight: 600; 
}
.payWayArea .payway_block #pwb_cont_atm .block_5 {
    background: rgba(216,102,105,1.00);
    color: white;
}
.payWayArea .payway_block #pwb_cont_atm .block_5 .line_notes {
    padding: 5px 10px 3px 10px;
	font-size: 20px;
    font-weight: 700;
	line-height: 24px;
	font-family: var(--thm-font-s1);
}
.payWayArea .payway_block #pwb_cont_atm .block_5 a.aatmlinelink {
    padding: 3px 10px !important;
	font-weight: 600;
	display: block;
	margin-top: 7px;
	margin-top: 4px;
}

.payWayArea .payway_block #pwb_cont_atm .line_a {
    font-size: 18px;
    padding: 5px 15px;
    background: #cd5e4f;
    color: white;
    text-align: center;
}
.payWayArea .payway_block #pwb_cont_atm .line_cont {
    font-size: 18px;
    padding: 8px 1px;
    text-align: center;
}
.payWayArea .payway_block #pwb_cont_atm .line_else {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}
.payWayArea .payway_block #pwb_cont_atm .Al_cont_1 {
    padding-top: 10px;
    text-align: center !important;
}
.payWayArea .payway_block #pwb_cont_atm .Al_cont_1 > div{
    padding-top: 10px;
    margin: 0px auto 8px auto;
}
@media (max-width: 410px) {
    .payWayArea .payway_block #pwb_cont_atm .pw_title1 {
        height: 14vh;
        color: rgba(0,0,0,1.00);
        font-weight: 700;
        font-size: 26px;
        padding-left: 10px;
        padding-top: 10px;
        border-bottom: 1px solid rgba(197,197,197,1.00);
        text-align: left !important;
        line-height: 30px;
		overflow: hidden;
    }
    .payWayArea .payway_block #pwb_cont_atm .pw_title1 br{
        display:block;
    }
}



.footerWrap {
	text-align: center;
	background: rgba(239,239,239,1.00);
	padding: 30px 0px;
	line-height: 28px;
	margin-top: 50px;
}
.footerWrap_Mem{
	text-align: left;
	padding: 20px 0px;
}
.footerWrap_Mem .mem_ft_left{
	
}
.footerWrap_Mem .mem_ft_right {
}
.footerWrap_Mem .mem_ft_right p {	
	padding:  0px;
	margin:  0px;
	line-height: 26px;
}
.footerWrap_Mem .mem_ft_right p a {	
	color: rgba(0,69,134,1.00)
}