/* -------------------------------margin------------------------------ */
.no_mt{margin-top:0 !important;}
/* margin-top */
.mt-a{margin-top:auto}
.mt-0{margin-top: 0;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
/* margin-top END*/

.mh-175-0{
margin-left:17.5px;
margin-right:17.5px;
}

.mv-30-20{
margin-top: 30px;
margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width:767px) {

.mv-30-20{
margin-top: 20px;
margin-bottom: 0px;
}

.mh-175-0{
margin-left:0px;
margin-right:0px;
}

}

/* margin-right */
.mr-a{margin-right:auto}
.mr-0{margin-right: 0;}
.mr-6{margin-right: 6px;}
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-35{margin-right: 35px;}
.mr-40{margin-right: 40px;}
.mr-50{margin-right: 50px;}

.mr-20_res{margin-right: 20px;}
.mr-40_res{margin-right: 40px;}
@media only screen and (min-width: 320px) and (max-width:767px) {

.mr-20_res{margin-right: 6px;}
.mr-40_res{margin-right: 20px}
}


/* margin-right END*/

/* margin-bottom */
.mb-a{margin-bottom:auto}
.mb-0{margin-bottom: 0;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}


/* margin-bottom END*/

/* margin-left */
.ml-a{margin-left:auto}
.ml-0{margin-left: 0;}
.ml-6{margin-left: 6px;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-50{margin-left: 50px;}
/* margin-left END*/


/* -------------------------------margin END-------------------------- */
/* -------------------------------padding----------------------------- */
.p-a{padding:auto}
.p-0{padding: 0;}
.p-10{padding: 10px;}
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.p-40{padding: 40px;}
.p-50{padding: 50px;}

.ph-a{
padding-right:auto;
padding-left:auto;
}
.ph-0{
padding-right:0;
padding-left:0;
}
.ph-10{
padding-right:10px;
padding-left:10px;
}
.ph-20{
padding-right:20px;
padding-left:20px;
}
.ph-30{
padding-right:30px;
padding-left:30px;
}
.ph-40{
padding-right:40px;
padding-left:40px;
}
.ph-50{
padding-right:50px;
padding-left:50px;
}
.ph-60{
padding-right:60px;
padding-left:60px;
}
/* ------------------------------------------------------------------ */
@media only screen and (min-width: 320px) and (max-width:767px) {

.phs-0{
padding-right:0;
padding-left:0;
}

}
/* ------------------------------------------------------------------ */
.pv-a{
padding-top:auto;
padding-bottom:auto;
}
.pv-0{
padding-top:0;
padding-bottom:0;
}
.pv-10{
padding-top:10px;
padding-bottom:10px;
}
.pv-20{
padding-top:20px;
padding-bottom:20px;
}
.pv-30{
padding-top:30px;
padding-bottom:30px;
}
.pv-40{
padding-top:40px;
padding-bottom:40px;
}
.pv-50{
padding-right:50px;
padding-bottom:50px;
}


/* padding-top */
.pt-a{padding-top:auto}
.pt-0{padding-top: 0;}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
/* padding-top END*/

/* padding-right */
.pr-a{padding-right:auto}
.pr-0{padding-right: 0;}
.pr-10{padding-right: 10px;}
.pr-20{padding-right: 20px;}
.pr-30{padding-right: 30px;}
.pr-40{padding-right: 40px;}
.pr-50{padding-right: 50px;}
/* padding-right END*/

/* padding-bottom */
.pb-a{padding-bottom:auto}
.pb-0{padding-bottom: 0;}
.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
/* padding-bottom END*/

/* padding-left */
.pl-a{padding-left:auto}
.pl-0{padding-left: 0;}
.pl-10{padding-left: 10px;}
.pl-20{padding-left: 20px;}
.pl-30{padding-left: 30px;}
.pl-40{padding-left: 40px;}
.pl-50{padding-left: 50px;}

.pl-1e{padding-left:1em;}

/* padding-left END*/

/* -------------------------------padding END------------------------- */

/* width*/
.w-100{width:100%}
.w-90{width:90%}
.w-80{width:80%}
.w-70{width:70%}
.w-60{width:60%}
.w-50{width:50%}
.w-40{width:40%}
.w-30{width:30%}
.w-20{width:20%}
.w-10{width:10%}

@media only screen and (min-width: 320px) and (max-width:767px) {

.ws-a{
width:auto;
}

}
/* width END*/


/* flex setting*/
.fx{display:-webkit-box;display:-ms-flexbox;display:flex}
.fxv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.fx_jcc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx_jcs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.fx_jce{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.fx_aic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fx_ais{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.fx_aie{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.fxv_jcc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fxv_jcs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.fxv_jce{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.fxv_aic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fxv_ais{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.fxv_aie{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

.fx1{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.fx2{-webkit-box-flex:2;-ms-flex:2;flex:2;}
.fx3{-webkit-box-flex:3;-ms-flex:3;flex:3;}
.fx4{-webkit-box-flex:4;-ms-flex:4;flex:4;}
.fx5{-webkit-box-flex:5;-ms-flex:5;flex:5;}
.fx6{-webkit-box-flex:6;-ms-flex:6;flex:6;}
.fx7{-webkit-box-flex:7;-ms-flex:7;flex:7;}
.fx8{-webkit-box-flex:8;-ms-flex:8;flex:8;}
.fx9{-webkit-box-flex:9;-ms-flex:9;flex:9;}
.fxn{-webkit-box-flex:0;-ms-flex:none;flex:none;}

.res_fx{
display:-webkit-box;display:-ms-flexbox;display:flex
}

.res_fx992{
display:-webkit-box;display:-ms-flexbox;display:flex
}

.res_b2fx{
display:block;    
}

@media only screen and (max-width:991px) {
.res_fx992{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
}
}

@media only screen and (min-width: 320px) and (max-width:767px) {
.res_fx{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
}
.res_b2fx{
display:-webkit-box;display:-ms-flexbox;display:flex   
}
.fxs_jcs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
}
/* flex setting END */

/* align_setting */
.t_align_c{
text-align: center;    
}
/* align_setting END*/

/* block_setting */
.block{
display: block;   
}
.h_block{
display: inline-block;   
}
/* align_setting END*/

.font_default{
font-family: Calibri, "微軟正黑體";
}

.p_simple > p{
margin-bottom:0;
}

.p_bold > p{
font-weight:bold;
}

.p_w100 > p{
font-weight:100;
}

.p_12 > p{
font-size:12px;
}

.p_14 > p{
font-size:14px;
}

.p_16 > p{
font-size:16px;
}

.p_18 > p{
font-size:18px;
}

.p_20 > p{
font-size:20px;
}

.p_22 > p{
font-size:22px;
}

.p_24 > p{
font-size:24px;
}

.p_30 > p{
font-size:30px;
}

/* color setting */
.f_red{
color:red;
}
.f_black{
color:black;
}
.f_white{
color:white;
}
.f_ts-red1{
color:#da2128;
}
.f_ts-red2{
color:#d70c18;
}
.f_ts-grey1{
color:#717171;
}
.f_ts-grey2{
color:#9b9b9b;
}
.f_ts-grey3{
color:#333;
}
.f_ts-grey4{
color:#323232;
}
.b_ts-red1{
background-color:#da2128;
}
.b_white{
background-color:white;
}
.b_trans{
background-color:transparent;
}
/* color setting END*/

/* button_style */





/* button_style END */

/* nulls */
.changing_null1{
width:50px;
height:100%;    
}
.changing_null2{
width:30px;    
}

@media only screen and (min-width: 320px) and (max-width:767px) {
.changing_null1{
width:35px;    
}
.changing_null2{
width:10px;    
}
}
/* nulls END*/

/* links */
.a_simple{
cursor: pointer;
pointer-events: none;
color:#323232;
}
.a_dashed *{
text-decoration: underline;
}
/* links */

/* line-height */
.lh-n{
line-height: normal;
}
.lh-125{
line-height: 1.25;
}
.lh-167{
line-height: 1.67;
}
/* line-height */

/* position */
.relative{
position: relative;
}
.absolute{
position: absolute;
}
.left0{
left:0;
}
.right0{
right:0;
}
.top0{
top:0;
}
/* position END */