@charset "utf-8";

/* RESET
--------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,rem,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, figure{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-spacing:0}address{display: inline;font-style: normal;}


/* 共用設定 */
img{ width: 100%; height: auto; display: block;}
iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
a{ display: block; text-decoration: none; -webkit-transition: all 0.4s; transition: all 0.4s;}
/*a:hover, a:active, a:focus, a:visited{ color: inherit;}*/
@media screen and (max-width: 768px){ a:hover{ color: inherit;}}

.clear:before, .clear:after {content:""; display:table; } 
.clear:after {clear:both; } 
.c{clear: both;}

.hide, .wrapper .hide{ display: none;}
.absolute, .inner-absolute > *{ position: absolute;}
.absoluteTL, .inner-absoluteTL > *{ position: absolute; top: 0; left: 0;}
.absoluteTR, .inner-absoluteTR > *{ position: absolute; top: 0; right: 0;}
.absoluteBL, .inner-absoluteBL > *{ position: absolute; bottom: 0; left: 0;}
.absoluteBR, .inner-absoluteBR > *{ position: absolute; bottom: 0; right: 0;}
.relative, .inner-relative > *{ position: relative;}
.overHide{ overflow: hidden;}
.pointer{ cursor: pointer;}
.nowrap{ white-space: nowrap;}

/* table */
table, tbody{ width: 100%;} th, td{ vertical-align: middle;}
.table{ width: 100%; display: table;}
.tr{ display: table-row;}
.th, .td{ display: table-cell; vertical-align: middle; position: relative;}
.table.pc{ display: table;}
.table.pad{ display: none;}
.table.mobile{ display: none;}


/* -- pc & mobile -- */
/* inline-block */
.inner-inblock{ font-size: 0;}
.inner-inblock > *{ display: inline-block; vertical-align: middle;}
.inner-inblock .block{ display: block;}
.block{ display: block;}
.inblock{ display: inline-block;}
.inline{ display: inline;}

/* pc */
.pc-none{ display: none;}

/* float設定 */
.float-l{ float: left;}
.float-r{ float: right;}

/* 子元素等分 */
.child-2 > *{ width: 50%;}
.child-3 > *{ width: 33.33333333333333%;}
.child-4 > *{ width: 25%;}
.child-5 > *{ width: 20%;}
.child-6 > *{ width: 16.66666666666667%;}
.child-7 > *{ width: 14.28571428571429%;}
.child-8 > *{ width: 12.5%;}
.child-10 > *{ width: 10%;}
.child-12 > *{ width: 8.333333333333333%;}

.child-2.child-mr1 > *{ width: 49.5%;}
.child-3.child-mr1 > *{ width: 32.66666666666667%;}
.child-4.child-mr1 > *{ width: 24.25%;}
.child-5.child-mr1 > *{ width: 19.2%;}
.child-6.child-mr1 > *{ width: 15.83333333333333%;}
.child-7.child-mr1 > *{ width: 13.42857142857143%;}
.child-8.child-mr1 > *{ width: 11.625%;}
.child-10.child-mr1 > *{ width: 9.1%;}
.child-12.child-mr1 > *{ width: 7.416666666666667%;}
.child-mr1 > *{ margin-right: 1%;}

.child-2.child-mr2 > *{ width: 49%;}
.child-3.child-mr2 > *{ width: 32%;}
.child-4.child-mr2 > *{ width: 23.5%;}
.child-5.child-mr2 > *{ width: 18.4%;}
.child-6.child-mr2 > *{ width: 15%;}
.child-7.child-mr2 > *{ width: 12.57142857142857%;}
.child-8.child-mr2 > *{ width: 10.75%;}
.child-10.child-mr2 > *{ width: 8.2%;}
.child-12.child-mr2 > *{ width: 6.5%;}
.child-mr2 > *{ margin-right: 2%;}

.child-2.child-mr1 > *:nth-child(2n), .child-2.child-mr2 > *:nth-child(2n),
.child-3.child-mr1 > *:nth-child(3n), .child-3.child-mr2 > *:nth-child(3n),
.child-4.child-mr1 > *:nth-child(4n), .child-4.child-mr2 > *:nth-child(4n),
.child-5.child-mr1 > *:nth-child(5n), .child-5.child-mr2 > *:nth-child(5n),
.child-6.child-mr1 > *:nth-child(6n), .child-6.child-mr2 > *:nth-child(6n),
.child-7.child-mr1 > *:nth-child(7n), .child-7.child-mr2 > *:nth-child(7n),
.child-8.child-mr1 > *:nth-child(8n), .child-8.child-mr2 > *:nth-child(8n),
.child-10.child-mr1 > *:nth-child(10n), .child-10.child-mr2 > *:nth-child(10n),
.child-12.child-mr1 > *:nth-child(12n), .child-12.child-mr2 > *:nth-child(12n){ margin-right: 0;}

/* 寬度設定 */
/* 8等分：含1/2,1/4,1/8 */
.w-8-1{ width: 12.5%;}
.w-8-2{ width: 25%;}
.w-8-3{ width: 37.5%;}
.w-8-4{ width: 50%;}
.w-8-5{ width: 62.5%;}
.w-8-6{ width: 75%;}
.w-8-7{ width: 87.5%;}
/* 12等分：含1/2,1/3,1/4,1/6,1/12 */
.w-12-1{ width: 8.333333333333333%;}
.w-12-2{ width: 16.66666666666667%;}
.w-12-3{ width: 25%;}
.w-12-4{ width: 33.33333333333333%;}
.w-12-5{ width: 41.66666666666667%;}
.w-12-6{ width: 50%;}
.w-12-7{ width: 58.33333333333333%;}
.w-12-8{ width: 66.66666666666667%;}
.w-12-9{ width: 75%;}
.w-12-10{ width: 83.33333333333333%;}
.w-12-11{ width: 91.66666666666667%;}
/* 20等分：含1/2,1/4,1/5,1/10,1/20 */
.w-20-1{ width: 5%;}
.w-20-2{ width: 10%;}
.w-20-3{ width: 15%;}
.w-20-4{ width: 20%;}
.w-20-5{ width: 25%;}
.w-20-6{ width: 30%;}
.w-20-7{ width: 35%;}
.w-20-8{ width: 40%;}
.w-20-9{ width: 45%;}
.w-20-10{ width: 50%;}
.w-20-11{ width: 55%;}
.w-20-12{ width: 60%;}
.w-20-13{ width: 65%;}
.w-20-14{ width: 70%;}
.w-20-15{ width: 75%;}
.w-20-16{ width: 80%;}
.w-20-17{ width: 85%;}
.w-20-18{ width: 90%;}
.w-20-19{ width: 95%;}
/* 全滿 */
.w-fill{ width: 100%;}
.w-free{ width: auto;}
.h-fill{ height: 100%;}
.h-free{ height: auto;}
.fill{ width: 100%; height: 100%;}
.free{ width: auto; height: auto;}
.borderbox, .inner-borderbox > *{ box-sizing: border-box;}
.round{ border-radius: 3rem;}

/* 漸變設定 */
.transition, .transition:before, .transition > *, .transition > * > a, .transition :before, .transition :after{
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

/* 字級設定 / 子元素字級，用於inblock */
.fs0{ font-size: 0;} /*0px*/
.fs12, .inner-fs12 > *{ font-size: 0.24rem;} /*12px*/
.fs13, .inner-fs13 > *{ font-size: 0.26rem;} /*13px*/
.fs14, .inner-fs14 > *{ font-size: 0.28rem;} /*14px*/
.fs15, .inner-fs15 > *{ font-size: 0.3rem;} /*15px*/
.fs16, .inner-fs16 > *{ font-size: 0.32rem;} /*16px*/
.fs17, .inner-fs17 > *{ font-size: 0.34rem;} /*17px*/
.fs18, .inner-fs18 > *{ font-size: 0.36rem;} /*18px*/
.fs19, .inner-fs19 > *{ font-size: 0.38rem;} /*19px*/
.fs20, .inner-fs20 > *{ font-size: 0.4rem;} /*20px*/
.fs21, .inner-fs21 > *{ font-size: 0.42rem;} /*21px*/
.fs22, .inner-fs22 > *{ font-size: 0.44rem;} /*22px*/
.fs23, .inner-fs23 > *{ font-size: 0.46rem;} /*23px*/
.fs24, .inner-fs24 > *{ font-size: 0.48rem;} /*24px*/
.fs25, .inner-fs25 > *{ font-size: 0.5rem;} /*25px*/
.fs26, .inner-fs26 > *{ font-size: 0.52rem;} /*26px*/
.fs27, .inner-fs27 > *{ font-size: 0.54rem;} /*27px*/
.fs28, .inner-fs28 > *{ font-size: 0.56rem;} /*28px*/
.fs29, .inner-fs29 > *{ font-size: 0.58rem;} /*29px*/
.fs30, .inner-fs30 > *{ font-size: 0.6rem;} /*30px*/
.fs31, .inner-fs31 > *{ font-size: 0.62rem;} /*31px*/
.fs32, .inner-fs32 > *{ font-size: 0.64rem;} /*32px*/
.fs33, .inner-fs33 > *{ font-size: 0.66rem;} /*33px*/
.fs34, .inner-fs34 > *{ font-size: 0.68rem;} /*34px*/
.fs35, .inner-fs35 > *{ font-size: 0.7rem;} /*35px*/
.fs36, .inner-fs36 > *{ font-size: 0.72rem;} /*36px*/
.fs37, .inner-fs37 > *{ font-size: 0.74rem;} /*37px*/
.fs38, .inner-fs38 > *{ font-size: 0.76rem;} /*38px*/
.fs39, .inner-fs39 > *{ font-size: 0.78rem;} /*39px*/
.fs40, .inner-fs40 > *{ font-size: 0.8rem;} /*40px*/
.fs41, .inner-fs41 > *{ font-size: 0.82rem;} /*41px*/
.fs42, .inner-fs42 > *{ font-size: 0.84rem;} /*42px*/
.fs43, .inner-fs43 > *{ font-size: 0.86rem;} /*43px*/
.fs44, .inner-fs44 > *{ font-size: 0.88rem;} /*44px*/
.fs45, .inner-fs45 > *{ font-size: 0.9rem;} /*45px*/
.fs46, .inner-fs46 > *{ font-size: 0.92rem;} /*46px*/
.fs47, .inner-fs47 > *{ font-size: 0.94rem;} /*47px*/
.fs48, .inner-fs48 > *{ font-size: 0.96rem;} /*48px*/
.fs49, .inner-fs49 > *{ font-size: 0.98rem;} /*49px*/
.fs50, .inner-fs50 > *{ font-size: 1rem;} /*50px*/
.fs55, .inner-fs55 > *{ font-size: 1.1rem;} /*55px*/

/* 行距設定 */
.lh1{ line-height: 1;}
.lh2{ line-height: 1.2;}
.lh3{ line-height: 1.3;}
.lh4{ line-height: 1.4;}
.lh5{ line-height: 1.5;}
.lh6{ line-height: 1.6;}
.lh7{ line-height: 1.7;}
.lh8{ line-height: 1.8;}
.lh9{ line-height: 1.9;}
.lh10{ line-height: 2;}

/* 字型樣式及置中設定 */
.bold{ font-weight: bold;}
.normal{ font-weight: normal;}
.margin, .inner-margin > *{ margin-left: auto; margin-right: auto;}
.alignC, .inner-alignC > *{ text-align: center;}
.alignR, .inner-alignR > *{ text-align: right;}
.alignL, .inner-alignL > *{ text-align: left;}
.alignB, .inner-alignB > *{ vertical-align: bottom;}
.alignM, .inner-alignM > *{ vertical-align: middle;}
.alignT, .inner-alignT > *{ vertical-align: top;}

/* margin, padding 距離設定 */
.mb5, .inner-mb5 > *{ margin-bottom: 0.1rem;} /*5px*/
.mb10, .inner-mb10 > *{ margin-bottom: 0.2rem;} /*10px*/
.mb15, .inner-mb15 > *{ margin-bottom: 0.3rem;} /*15px*/
.mb20, .inner-mb20 > *{ margin-bottom: 0.4rem;} /*20px*/
.mb25, .inner-mb25 > *{ margin-bottom: 0.5rem;} /*25px*/
.mb30, .inner-mb30 > *{ margin-bottom: 0.6rem;} /*30px*/
.mb35, .inner-mb35 > *{ margin-bottom: 0.7rem;} /*35px*/
.mb40, .inner-mb40 > *{ margin-bottom: 0.8rem;} /*40px*/
.mb45, .inner-mb45 > *{ margin-bottom: 0.9rem;} /*45px*/
.mb50, .inner-mb50 > *{ margin-bottom: 1rem;} /*50px*/
.mb55, .inner-mb55 > *{ margin-bottom: 1.1rem;} /*55px*/
.mb60, .inner-mb60 > *{ margin-bottom: 1.2rem;} /*60px*/
.mb65, .inner-mb65 > *{ margin-bottom: 1.3rem;} /*65px*/
.mb70, .inner-mb70 > *{ margin-bottom: 1.4rem;} /*70px*/
.mb75, .inner-mb75 > *{ margin-bottom: 1.5rem;} /*75px*/
.mb80, .inner-mb80 > *{ margin-bottom: 1.6rem;} /*80px*/
.mb85, .inner-mb85 > *{ margin-bottom: 1.7rem;} /*85px*/
.mb90, .inner-mb90 > *{ margin-bottom: 1.8rem;} /*90px*/
.mb95, .inner-mb95 > *{ margin-bottom: 1.9rem;} /*95px*/
.mb100, .inner-mb100 > *{ margin-bottom: 2rem;} /*100px*/

.mt5, .inner-mt5 > *{ margin-top: 0.1rem;} /*5px*/
.mt10, .inner-mt10 > *{ margin-top: 0.2rem;} /*10px*/
.mt15, .inner-mt15 > *{ margin-top: 0.3rem;} /*15px*/
.mt20, .inner-mt20 > *{ margin-top: 0.4rem;} /*20px*/
.mt25, .inner-mt25 > *{ margin-top: 0.5rem;} /*25px*/
.mt30, .inner-mt30 > *{ margin-top: 0.6rem;} /*30px*/
.mt35, .inner-mt35 > *{ margin-top: 0.7rem;} /*35px*/
.mt40, .inner-mt40 > *{ margin-top: 0.8rem;} /*40px*/
.mt45, .inner-mt45 > *{ margin-top: 0.9rem;} /*45px*/
.mt50, .inner-mt50 > *{ margin-top: 1rem;} /*50px*/
.mt55, .inner-mt55 > *{ margin-top: 1.1rem;} /*55px*/
.mt60, .inner-mt60 > *{ margin-top: 1.2rem;} /*60px*/
.mt65, .inner-mt65 > *{ margin-top: 1.3rem;} /*65px*/
.mt70, .inner-mt70 > *{ margin-top: 1.4rem;} /*70px*/
.mt75, .inner-mt75 > *{ margin-top: 1.5rem;} /*75px*/
.mt80, .inner-mt80 > *{ margin-top: 1.6rem;} /*80px*/
.mt85, .inner-mt85 > *{ margin-top: 1.7rem;} /*85px*/
.mt90, .inner-mt90 > *{ margin-top: 1.8rem;} /*90px*/
.mt95, .inner-mt95 > *{ margin-top: 1.9rem;} /*95px*/
.mt100, .inner-mt100 > *{ margin-top: 2rem;} /*100px*/

.ml5, .inner-ml5 > *{ margin-left: 0.1rem;} /*5px*/
.ml10, .inner-ml10 > *{ margin-left: 0.2rem;} /*10px*/
.ml15, .inner-ml15 > *{ margin-left: 0.3rem;} /*15px*/
.ml20, .inner-ml20 > *{ margin-left: 0.4rem;} /*20px*/
.ml25, .inner-ml25 > *{ margin-left: 0.5rem;} /*25px*/
.ml30, .inner-ml30 > *{ margin-left: 0.6rem;} /*30px*/
.ml35, .inner-ml35 > *{ margin-left: 0.7rem;} /*35px*/
.ml40, .inner-ml40 > *{ margin-left: 0.8rem;} /*40px*/
.ml45, .inner-ml45 > *{ margin-left: 0.9rem;} /*45px*/
.ml50, .inner-ml50 > *{ margin-left: 1rem;} /*50px*/
.ml55, .inner-ml55 > *{ margin-left: 1.1rem;} /*55px*/
.ml60, .inner-ml60 > *{ margin-left: 1.2rem;} /*60px*/
.ml65, .inner-ml65 > *{ margin-left: 1.3rem;} /*65px*/
.ml70, .inner-ml70 > *{ margin-left: 1.4rem;} /*70px*/
.ml75, .inner-ml75 > *{ margin-left: 1.5rem;} /*75px*/
.ml80, .inner-ml80 > *{ margin-left: 1.6rem;} /*80px*/
.ml85, .inner-ml85 > *{ margin-left: 1.7rem;} /*85px*/
.ml90, .inner-ml90 > *{ margin-left: 1.8rem;} /*90px*/
.ml95, .inner-ml95 > *{ margin-left: 1.9rem;} /*95px*/
.ml100, .inner-ml100 > *{ margin-left: 2rem;} /*100px*/

.mr5, .inner-mr5 > *{ margin-right: 0.1rem;} /*5px*/
.mr10, .inner-mr10 > *{ margin-right: 0.2rem;} /*10px*/
.mr15, .inner-mr15 > *{ margin-right: 0.3rem;} /*15px*/
.mr20, .inner-mr20 > *{ margin-right: 0.4rem;} /*20px*/
.mr25, .inner-mr25 > *{ margin-right: 0.5rem;} /*25px*/
.mr30, .inner-mr30 > *{ margin-right: 0.6rem;} /*30px*/
.mr35, .inner-mr35 > *{ margin-right: 0.7rem;} /*35px*/
.mr40, .inner-mr40 > *{ margin-right: 0.8rem;} /*40px*/
.mr45, .inner-mr45 > *{ margin-right: 0.9rem;} /*45px*/
.mr50, .inner-mr50 > *{ margin-right: 1rem;} /*50px*/
.mr55, .inner-mr55 > *{ margin-right: 1.1rem;} /*55px*/
.mr60, .inner-mr60 > *{ margin-right: 1.2rem;} /*60px*/
.mr65, .inner-mr65 > *{ margin-right: 1.3rem;} /*65px*/
.mr70, .inner-mr70 > *{ margin-right: 1.4rem;} /*70px*/
.mr75, .inner-mr75 > *{ margin-right: 1.5rem;} /*75px*/
.mr80, .inner-mr80 > *{ margin-right: 1.6rem;} /*80px*/
.mr85, .inner-mr85 > *{ margin-right: 1.7rem;} /*85px*/
.mr90, .inner-mr90 > *{ margin-right: 1.8rem;} /*90px*/
.mr95, .inner-mr95 > *{ margin-right: 1.9rem;} /*95px*/
.mr100, .inner-mr100 > *{ margin-right: 2rem;} /*100px*/

.pr5, .inner-pr5 > *{ padding-right: 0.1rem;} /*5px*/
.pr10, .inner-pr10 > *{ padding-right: 0.2rem;} /*10px*/
.pr15, .inner-pr15 > *{ padding-right: 0.3rem;} /*15px*/
.pr20, .inner-pr20 > *{ padding-right: 0.4rem;} /*20px*/
.pr25, .inner-pr25 > *{ padding-right: 0.5rem;} /*25px*/
.pr30, .inner-pr30 > *{ padding-right: 0.6rem;} /*30px*/
.pr35, .inner-pr35 > *{ padding-right: 0.7rem;} /*35px*/
.pr40, .inner-pr40 > *{ padding-right: 0.8rem;} /*40px*/
.pr45, .inner-pr45 > *{ padding-right: 0.9rem;} /*45px*/
.pr50, .inner-pr50 > *{ padding-right: 1rem;} /*50px*/
.pr55, .inner-pr55 > *{ padding-right: 1.1rem;} /*55px*/
.pr60, .inner-pr60 > *{ padding-right: 1.2rem;} /*60px*/
.pr65, .inner-pr65 > *{ padding-right: 1.3rem;} /*65px*/
.pr70, .inner-pr70 > *{ padding-right: 1.4rem;} /*70px*/
.pr75, .inner-pr75 > *{ padding-right: 1.5rem;} /*75px*/
.pr80, .inner-pr80 > *{ padding-right: 1.6rem;} /*80px*/
.pr85, .inner-pr85 > *{ padding-right: 1.7rem;} /*85px*/
.pr90, .inner-pr90 > *{ padding-right: 1.8rem;} /*90px*/
.pr95, .inner-pr95 > *{ padding-right: 1.9rem;} /*95px*/
.pr100, .inner-pr100 > *{ padding-right: 2rem;} /*100px*/

.pl5, .inner-pl5 > *{ padding-left: 0.1rem;} /*5px*/
.pl10, .inner-pl10 > *{ padding-left: 0.2rem;} /*10px*/
.pl15, .inner-pl15 > *{ padding-left: 0.3rem;} /*15px*/
.pl20, .inner-pl20 > *{ padding-left: 0.4rem;} /*20px*/
.pl25, .inner-pl25 > *{ padding-left: 0.5rem;} /*25px*/
.pl30, .inner-pl30 > *{ padding-left: 0.6rem;} /*30px*/
.pl35, .inner-pl35 > *{ padding-left: 0.7rem;} /*35px*/
.pl40, .inner-pl40 > *{ padding-left: 0.8rem;} /*40px*/
.pl45, .inner-pl45 > *{ padding-left: 0.9rem;} /*45px*/
.pl50, .inner-pl50 > *{ padding-left: 1rem;} /*50px*/
.pl55, .inner-pl55 > *{ padding-left: 1.1rem;} /*55px*/
.pl60, .inner-pl60 > *{ padding-left: 1.2rem;} /*60px*/
.pl65, .inner-pl65 > *{ padding-left: 1.3rem;} /*65px*/
.pl70, .inner-pl70 > *{ padding-left: 1.4rem;} /*70px*/
.pl75, .inner-pl75 > *{ padding-left: 1.5rem;} /*75px*/
.pl80, .inner-pl80 > *{ padding-left: 1.6rem;} /*80px*/
.pl85, .inner-pl85 > *{ padding-left: 1.7rem;} /*85px*/
.pl90, .inner-pl90 > *{ padding-left: 1.8rem;} /*90px*/
.pl95, .inner-pl95 > *{ padding-left: 1.9rem;} /*95px*/
.pl100, .inner-pl100 > *{ padding-left: 2rem;} /*100px*/

.pb5, .inner-pb5 > *{ padding-bottom: 0.1rem;} /*5px*/
.pb10, .inner-pb10 > *{ padding-bottom: 0.2rem;} /*10px*/
.pb15, .inner-pb15 > *{ padding-bottom: 0.3rem;} /*15px*/
.pb20, .inner-pb20 > *{ padding-bottom: 0.4rem;} /*20px*/
.pb25, .inner-pb25 > *{ padding-bottom: 0.5rem;} /*25px*/
.pb30, .inner-pb30 > *{ padding-bottom: 0.6rem;} /*30px*/
.pb35, .inner-pb35 > *{ padding-bottom: 0.7rem;} /*35px*/
.pb40, .inner-pb40 > *{ padding-bottom: 0.8rem;} /*40px*/
.pb45, .inner-pb45 > *{ padding-bottom: 0.9rem;} /*45px*/
.pb50, .inner-pb50 > *{ padding-bottom: 1rem;} /*50px*/
.pb55, .inner-pb55 > *{ padding-bottom: 1.1rem;} /*55px*/
.pb60, .inner-pb60 > *{ padding-bottom: 1.2rem;} /*60px*/
.pb65, .inner-pb65 > *{ padding-bottom: 1.3rem;} /*65px*/
.pb70, .inner-pb70 > *{ padding-bottom: 1.4rem;} /*70px*/
.pb75, .inner-pb75 > *{ padding-bottom: 1.5rem;} /*75px*/
.pb80, .inner-pb80 > *{ padding-bottom: 1.6rem;} /*80px*/
.pb85, .inner-pb85 > *{ padding-bottom: 1.7rem;} /*85px*/
.pb90, .inner-pb90 > *{ padding-bottom: 1.8rem;} /*90px*/
.pb95, .inner-pb95 > *{ padding-bottom: 1.9rem;} /*95px*/
.pb100, .inner-pb100 > *{ padding-bottom: 2rem;} /*100px*/

.pt5, .inner-pt5 > *{ padding-top: 0.1rem;} /*5px*/
.pt10, .inner-pt10 > *{ padding-top: 0.2rem;} /*10px*/
.pt15, .inner-pt15 > *{ padding-top: 0.3rem;} /*15px*/
.pt20, .inner-pt20 > *{ padding-top: 0.4rem;} /*20px*/
.pt25, .inner-pt25 > *{ padding-top: 0.5rem;} /*25px*/
.pt30, .inner-pt30 > *{ padding-top: 0.6rem;} /*30px*/
.pt35, .inner-pt35 > *{ padding-top: 0.7rem;} /*35px*/
.pt40, .inner-pt40 > *{ padding-top: 0.8rem;} /*40px*/
.pt45, .inner-pt45 > *{ padding-top: 0.9rem;} /*45px*/
.pt50, .inner-pt50 > *{ padding-top: 1rem;} /*50px*/
.pt55, .inner-pt55 > *{ padding-top: 1.1rem;} /*55px*/
.pt60, .inner-pt60 > *{ padding-top: 1.2rem;} /*60px*/
.pt65, .inner-pt65 > *{ padding-top: 1.3rem;} /*65px*/
.pt70, .inner-pt70 > *{ padding-top: 1.4rem;} /*70px*/
.pt75, .inner-pt75 > *{ padding-top: 1.5rem;} /*75px*/
.pt80, .inner-pt80 > *{ padding-top: 1.6rem;} /*80px*/
.pt85, .inner-pt85 > *{ padding-top: 1.7rem;} /*85px*/
.pt90, .inner-pt90 > *{ padding-top: 1.8rem;} /*90px*/
.pt95, .inner-pt95 > *{ padding-top: 1.9rem;} /*95px*/
.pt100, .inner-pt100 > *{ padding-top: 2rem;} /*100px*/

.pv5, .inner-pv5 > *{ padding-top: 0.1rem; padding-bottom: 0.1rem;} /*5px*/
.pv10, .inner-pv10 > *{ padding-top: 0.2rem; padding-bottom: 0.2rem;} /*10px*/
.pv15, .inner-pv15 > *{ padding-top: 0.3rem; padding-bottom: 0.3rem;} /*15px*/
.pv20, .inner-pv20 > *{ padding-top: 0.4rem; padding-bottom: 0.4rem;} /*20px*/
.pv25, .inner-pv25 > *{ padding-top: 0.5rem; padding-bottom: 0.5rem;} /*25px*/
.pv30, .inner-pv30 > *{ padding-top: 0.6rem; padding-bottom: 0.6rem;} /*30px*/
.pv35, .inner-pv35 > *{ padding-top: 0.7rem; padding-bottom: 0.7rem;} /*35px*/
.pv40, .inner-pv40 > *{ padding-top: 0.8rem; padding-bottom: 0.8rem;} /*40px*/
.pv45, .inner-pv45 > *{ padding-top: 0.9rem; padding-bottom: 0.9rem;} /*45px*/
.pv50, .inner-pv50 > *{ padding-top: 1rem; padding-bottom: 1rem;} /*50px*/
.pv55, .inner-pv55 > *{ padding-top: 1.1rem; padding-bottom: 1.1rem;} /*55px*/
.pv60, .inner-pv60 > *{ padding-top: 1.2rem; padding-bottom: 1.2rem;} /*60px*/
.pv65, .inner-pv65 > *{ padding-top: 1.3rem; padding-bottom: 1.3rem;} /*65px*/
.pv70, .inner-pv70 > *{ padding-top: 1.4rem; padding-bottom: 1.4rem;} /*70px*/
.pv75, .inner-pv75 > *{ padding-top: 1.5rem; padding-bottom: 1.5rem;} /*75px*/
.pv80, .inner-pv80 > *{ padding-top: 1.6rem; padding-bottom: 1.6rem;} /*80px*/
.pv85, .inner-pv85 > *{ padding-top: 1.7rem; padding-bottom: 1.7rem;} /*85px*/
.pv90, .inner-pv90 > *{ padding-top: 1.8rem; padding-bottom: 1.8rem;} /*90px*/
.pv95, .inner-pv95 > *{ padding-top: 1.9rem; padding-bottom: 1.9rem;} /*95px*/
.pv100, .inner-pv100 > *{ padding-top: 2rem; padding-bottom: 2rem;} /*100px*/

.ph5, .inner-ph5 > *{ padding-left: 0.1rem; padding-right: 0.1rem;} /*5px*/
.ph10, .inner-ph10 > *{ padding-left: 0.2rem; padding-right: 0.2rem;} /*10px*/
.ph15, .inner-ph15 > *{ padding-left: 0.3rem; padding-right: 0.3rem;} /*15px*/
.ph20, .inner-ph20 > *{ padding-left: 0.4rem; padding-right: 0.4rem;} /*20px*/
.ph25, .inner-ph25 > *{ padding-left: 0.5rem; padding-right: 0.5rem;} /*25px*/
.ph30, .inner-ph30 > *{ padding-left: 0.6rem; padding-right: 0.6rem;} /*30px*/
.ph35, .inner-ph35 > *{ padding-left: 0.7rem; padding-right: 0.7rem;} /*35px*/
.ph40, .inner-ph40 > *{ padding-left: 0.8rem; padding-right: 0.8rem;} /*40px*/
.ph45, .inner-ph45 > *{ padding-left: 0.9rem; padding-right: 0.9rem;} /*45px*/
.ph50, .inner-ph50 > *{ padding-left: 1rem; padding-right: 1rem;} /*50px*/
.ph55, .inner-ph55 > *{ padding-left: 1.1rem; padding-right: 1.1rem;} /*55px*/
.ph60, .inner-ph60 > *{ padding-left: 1.2rem; padding-right: 1.2rem;} /*60px*/
.ph65, .inner-ph65 > *{ padding-left: 1.3rem; padding-right: 1.3rem;} /*65px*/
.ph70, .inner-ph70 > *{ padding-left: 1.4rem; padding-right: 1.4rem;} /*70px*/
.ph75, .inner-ph75 > *{ padding-left: 1.5rem; padding-right: 1.5rem;} /*75px*/
.ph80, .inner-ph80 > *{ padding-left: 1.6rem; padding-right: 1.6rem;} /*80px*/
.ph85, .inner-ph85 > *{ padding-left: 1.7rem; padding-right: 1.7rem;} /*85px*/
.ph90, .inner-ph90 > *{ padding-left: 1.8rem; padding-right: 1.8rem;} /*90px*/
.ph95, .inner-ph95 > *{ padding-left: 1.9rem; padding-right: 1.9rem;} /*95px*/
.ph100, .inner-ph100 > *{ padding-left: 2rem; padding-right: 2rem;} /*100px*/


/* loading */
.loading{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; background-color: rgba(21, 92, 154, 0.95); z-index: 99;}
.loading .box{ margin: 5rem auto; font-size: 0.3em; color: #adddf2; position: relative; -webkit-animation: opac 2s infinite linear; animation: opac 2s infinite linear;}
.loading span{ width: 1.5rem; height: 1.5rem; display: block; position: absolute; top: 50%; left: 50%; 
    margin: -0.8rem auto auto -0.8rem;
    border: 2px solid;
    border-color:  #adddf2 transparent  #adddf2 transparent;
    border-radius: 5rem;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@-webkit-keyframes opac { 0% { opacity: 1;} 50% { opacity: 0.4;} 100% { opacity: 1;}}
@keyframes opac { 0% { opacity: 1;} 50% { opacity: 0.4;} 100% { opacity: 1;}}


/* @media 
------------------------------------------------------------------------------------------------*/
/*---------------- pad ----------------*/
@media screen and (max-width: 768px){

    /* 子元素等分 */
    .m-child-1 > *{ width: 100%;}
    .m-child-2 > *{ width: 50%;}
    .m-child-3 > *{ width: 33.33333333333333%;}
    .m-child-4 > *{ width: 25%;}
    .m-child-5 > *{ width: 20%;}
    .m-child-6 > *{ width: 16.66666666666667%;}
    .m-child-7 > *{ width: 14.28571428571429%;}
    .m-child-8 > *{ width: 12.5%;}
    .m-child-10 > *{ width: 10%;}
    .m-child-12 > *{ width: 8.333333333333333%;}
    /* margin-right 1% */
    .m-child-1.child-mr1 > *{ width: 100%;}
    .m-child-2.child-mr1 > *{ width: 49.5%;}
    .m-child-3.child-mr1 > *{ width: 32.66666666666667%;}
    .m-child-4.child-mr1 > *{ width: 24.25%;}
    .m-child-5.child-mr1 > *{ width: 19.2%;}
    .m-child-6.child-mr1 > *{ width: 15.83333333333333%;}
    .m-child-7.child-mr1 > *{ width: 13.42857142857143%;}
    .m-child-8.child-mr1 > *{ width: 11.625%;}
    .m-child-10.child-mr1 > *{ width: 9.1%;}
    .m-child-12.child-mr1 > *{ width: 7.416666666666667%;}
    /* margin-right 2% */
    .m-child-1.child-mr2 > *{ width: 100%;}
    .m-child-2.child-mr2 > *{ width: 49%;}
    .m-child-3.child-mr2 > *{ width: 32%;}
    .m-child-4.child-mr2 > *{ width: 23.5%;}
    .m-child-5.child-mr2 > *{ width: 18.4%;}
    .m-child-6.child-mr2 > *{ width: 15%;}
    .m-child-7.child-mr2 > *{ width: 12.57142857142857%;}
    .m-child-8.child-mr2 > *{ width: 10.75%;}
    .m-child-10.child-mr2 > *{ width: 8.2%;}
    .m-child-12.child-mr2 > *{ width: 6.5%;}
    /* margin */
    .m-child-2.child-mr1 > *:nth-child(1n), .m-child-3.child-mr1 > *:nth-child(1n), .m-child-4.child-mr1 > *:nth-child(1n), .m-child-5.child-mr1 > *:nth-child(1n), .m-child-6.child-mr1 > *:nth-child(1n), .m-child-7.child-mr1 > *:nth-child(1n), .m-child-8.child-mr1 > *:nth-child(1n), .m-child-10.child-mr1 > *:nth-child(1n), .m-child-12.child-mr1 > *:nth-child(1n){ margin-right: 1%;}
    .m-child-2.child-mr2 > *:nth-child(1n), .m-child-3.child-mr2 > *:nth-child(1n), .m-child-4.child-mr2 > *:nth-child(1n), .m-child-5.child-mr2 > *:nth-child(1n), .m-child-6.child-mr2 > *:nth-child(1n), .m-child-7.child-mr2 > *:nth-child(1n), .m-child-8.child-mr2 > *:nth-child(1n), .m-child-10.child-mr2 > *:nth-child(1n), .m-child-12.child-mr2 > *:nth-child(1n){ margin-right: 2%;}
    .m-child-1.child-mr1 > *:nth-child(1n), .m-child-1.child-mr2 > *:nth-child(1n), .m-child-2.child-mr1 > *:nth-child(2n), .m-child-2.child-mr2 > *:nth-child(2n), .m-child-3.child-mr1 > *:nth-child(3n), .m-child-3.child-mr2 > *:nth-child(3n), .m-child-4.child-mr1 > *:nth-child(4n), .m-child-4.child-mr2 > *:nth-child(4n), .m-child-5.child-mr1 > *:nth-child(5n), .m-child-5.child-mr2 > *:nth-child(5n), .m-child-6.child-mr1 > *:nth-child(6n), .m-child-6.child-mr2 > *:nth-child(6n), .m-child-7.child-mr1 > *:nth-child(7n), .m-child-7.child-mr2 > *:nth-child(7n), .m-child-8.child-mr1 > *:nth-child(8n), .m-child-8.child-mr2 > *:nth-child(8n), .m-child-10.child-mr1 > *:nth-child(10n), .m-child-10.child-mr2 > *:nth-child(10n), .m-child-12.child-mr1 > *:nth-child(12n), .m-child-12.child-mr2 > *:nth-child(12n){ margin-right: 0;}
    /* 寬度設定 */
    /* 8等分：含1/2,1/4,1/8 */
    .m-w-8-1{ width: 12.5%;}
    .m-w-8-2{ width: 25%;}
    .m-w-8-3{ width: 37.5%;}
    .m-w-8-4{ width: 50%;}
    .m-w-8-5{ width: 62.5%;}
    .m-w-8-6{ width: 75%;}
    .m-w-8-7{ width: 87.5%;}
    /* 12等分：含1/2,1/3,1/4,1/6,1/12 */
    .m-w-12-1{ width: 8.333333333333333%;}
    .m-w-12-2{ width: 16.66666666666667%;}
    .m-w-12-3{ width: 25%;}
    .m-w-12-4{ width: 33.33333333333333%;}
    .m-w-12-5{ width: 41.66666666666667%;}
    .m-w-12-6{ width: 50%;}
    .m-w-12-7{ width: 58.33333333333333%;}
    .m-w-12-8{ width: 66.66666666666667%;}
    .m-w-12-9{ width: 75%;}
    .m-w-12-10{ width: 83.33333333333333%;}
    .m-w-12-11{ width: 91.66666666666667%;}
    /* 20等分：含1/2,1/4,1/5,1/10,1/20 */
    .m-w-20-1{ width: 5%;}
    .m-w-20-2{ width: 10%;}
    .m-w-20-3{ width: 15%;}
    .m-w-20-4{ width: 20%;}
    .m-w-20-5{ width: 25%;}
    .m-w-20-6{ width: 30%;}
    .m-w-20-7{ width: 35%;}
    .m-w-20-8{ width: 40%;}
    .m-w-20-9{ width: 45%;}
    .m-w-20-10{ width: 50%;}
    .m-w-20-11{ width: 55%;}
    .m-w-20-12{ width: 60%;}
    .m-w-20-13{ width: 65%;}
    .m-w-20-14{ width: 70%;}
    .m-w-20-15{ width: 75%;}
    .m-w-20-16{ width: 80%;}
    .m-w-20-17{ width: 85%;}
    .m-w-20-18{ width: 90%;}
    .m-w-20-19{ width: 95%;}
    /* 全滿 */
    .m-w-fill{ width: 100%;}
    .m-w-free{ width: auto;}
    
    /* margin, padding 距離設定 */
    .m-mb0, .m-inner-mb0 > *{ margin-bottom: 0;} /*0px*/
    .m-mb5, .m-inner-mb5 > *{ margin-bottom: 0.1rem;} /*5px*/
    .m-mb10, .m-inner-mb10 > *{ margin-bottom: 0.2rem;} /*10px*/
    .m-mb15, .m-inner-mb15 > *{ margin-bottom: 0.3rem;} /*15px*/
    .m-mb20, .m-inner-mb20 > *{ margin-bottom: 0.4rem;} /*20px*/
    .m-mb25, .m-inner-mb25 > *{ margin-bottom: 0.5rem;} /*25px*/
    .m-mb30, .m-inner-mb30 > *{ margin-bottom: 0.6rem;} /*30px*/
    .m-mb35, .m-inner-mb35 > *{ margin-bottom: 0.7rem;} /*35px*/
    .m-mb40, .m-inner-mb40 > *{ margin-bottom: 0.8rem;} /*40px*/
    .m-mb45, .m-inner-mb45 > *{ margin-bottom: 0.9rem;} /*45px*/
    .m-mb50, .m-inner-mb50 > *{ margin-bottom: 1rem;} /*50px*/
    .m-mb55, .m-inner-mb55 > *{ margin-bottom: 1.1rem;} /*55px*/
    .m-mb60, .m-inner-mb60 > *{ margin-bottom: 1.2rem;} /*60px*/
    .m-mb65, .m-inner-mb65 > *{ margin-bottom: 1.3rem;} /*65px*/
    .m-mb70, .m-inner-mb70 > *{ margin-bottom: 1.4rem;} /*70px*/
    .m-mb75, .m-inner-mb75 > *{ margin-bottom: 1.5rem;} /*75px*/
    .m-mb80, .m-inner-mb80 > *{ margin-bottom: 1.6rem;} /*80px*/
    .m-mb85, .m-inner-mb85 > *{ margin-bottom: 1.7rem;} /*85px*/
    .m-mb90, .m-inner-mb90 > *{ margin-bottom: 1.8rem;} /*90px*/
    .m-mb95, .m-inner-mb95 > *{ margin-bottom: 1.9rem;} /*95px*/
    .m-mb100, .m-inner-mb100 > *{ margin-bottom: 2rem;} /*100px*/

    .m-mt0, .m-inner-mt0 > *{ margin-top: 0;} /*0px*/
    .m-mt5, .m-inner-mt5 > *{ margin-top: 0.1rem;} /*5px*/
    .m-mt10, .m-inner-mt10 > *{ margin-top: 0.2rem;} /*10px*/
    .m-mt15, .m-inner-mt15 > *{ margin-top: 0.3rem;} /*15px*/
    .m-mt20, .m-inner-mt20 > *{ margin-top: 0.4rem;} /*20px*/
    .m-mt25, .m-inner-mt25 > *{ margin-top: 0.5rem;} /*25px*/
    .m-mt30, .m-inner-mt30 > *{ margin-top: 0.6rem;} /*30px*/
    .m-mt35, .m-inner-mt35 > *{ margin-top: 0.7rem;} /*35px*/
    .m-mt40, .m-inner-mt40 > *{ margin-top: 0.8rem;} /*40px*/
    .m-mt45, .m-inner-mt45 > *{ margin-top: 0.9rem;} /*45px*/
    .m-mt50, .m-inner-mt50 > *{ margin-top: 1rem;} /*50px*/
    .m-mt55, .m-inner-mt55 > *{ margin-top: 1.1rem;} /*55px*/
    .m-mt60, .m-inner-mt60 > *{ margin-top: 1.2rem;} /*60px*/
    .m-mt65, .m-inner-mt65 > *{ margin-top: 1.3rem;} /*65px*/
    .m-mt70, .m-inner-mt70 > *{ margin-top: 1.4rem;} /*70px*/
    .m-mt75, .m-inner-mt75 > *{ margin-top: 1.5rem;} /*75px*/
    .m-mt80, .m-inner-mt80 > *{ margin-top: 1.6rem;} /*80px*/
    .m-mt85, .m-inner-mt85 > *{ margin-top: 1.7rem;} /*85px*/
    .m-mt90, .m-inner-mt90 > *{ margin-top: 1.8rem;} /*90px*/
    .m-mt95, .m-inner-mt95 > *{ margin-top: 1.9rem;} /*95px*/
    .m-mt100, .m-inner-mt100 > *{ margin-top: 2rem;} /*100px*/

    .m-ml0, .m-inner-ml0 > *{ margin-left: 0;} /*0px*/
    .m-ml5, .m-inner-ml5 > *{ margin-left: 0.1rem;} /*5px*/
    .m-ml10, .m-inner-ml10 > *{ margin-left: 0.2rem;} /*10px*/
    .m-ml15, .m-inner-ml15 > *{ margin-left: 0.3rem;} /*15px*/
    .m-ml20, .m-inner-ml20 > *{ margin-left: 0.4rem;} /*20px*/
    .m-ml25, .m-inner-ml25 > *{ margin-left: 0.5rem;} /*25px*/
    .m-ml30, .m-inner-ml30 > *{ margin-left: 0.6rem;} /*30px*/
    .m-ml35, .m-inner-ml35 > *{ margin-left: 0.7rem;} /*35px*/
    .m-ml40, .m-inner-ml40 > *{ margin-left: 0.8rem;} /*40px*/
    .m-ml45, .m-inner-ml45 > *{ margin-left: 0.9rem;} /*45px*/
    .m-ml50, .m-inner-ml50 > *{ margin-left: 1rem;} /*50px*/
    .m-ml55, .m-inner-ml55 > *{ margin-left: 1.1rem;} /*55px*/
    .m-ml60, .m-inner-ml60 > *{ margin-left: 1.2rem;} /*60px*/
    .m-ml65, .m-inner-ml65 > *{ margin-left: 1.3rem;} /*65px*/
    .m-ml70, .m-inner-ml70 > *{ margin-left: 1.4rem;} /*70px*/
    .m-ml75, .m-inner-ml75 > *{ margin-left: 1.5rem;} /*75px*/
    .m-ml80, .m-inner-ml80 > *{ margin-left: 1.6rem;} /*80px*/
    .m-ml85, .m-inner-ml85 > *{ margin-left: 1.7rem;} /*85px*/
    .m-ml90, .m-inner-ml90 > *{ margin-left: 1.8rem;} /*90px*/
    .m-ml95, .m-inner-ml95 > *{ margin-left: 1.9rem;} /*95px*/
    .m-ml100, .m-inner-ml100 > *{ margin-left: 2rem;} /*100px*/

    .m-mr0, .m-inner-mr0 > *{ margin-right: 0;} /*0px*/
    .m-mr5, .m-inner-mr5 > *{ margin-right: 0.1rem;} /*5px*/
    .m-mr10, .m-inner-mr10 > *{ margin-right: 0.2rem;} /*10px*/
    .m-mr15, .m-inner-mr15 > *{ margin-right: 0.3rem;} /*15px*/
    .m-mr20, .m-inner-mr20 > *{ margin-right: 0.4rem;} /*20px*/
    .m-mr25, .m-inner-mr25 > *{ margin-right: 0.5rem;} /*25px*/
    .m-mr30, .m-inner-mr30 > *{ margin-right: 0.6rem;} /*30px*/
    .m-mr35, .m-inner-mr35 > *{ margin-right: 0.7rem;} /*35px*/
    .m-mr40, .m-inner-mr40 > *{ margin-right: 0.8rem;} /*40px*/
    .m-mr45, .m-inner-mr45 > *{ margin-right: 0.9rem;} /*45px*/
    .m-mr50, .m-inner-mr50 > *{ margin-right: 1rem;} /*50px*/
    .m-mr55, .m-inner-mr55 > *{ margin-right: 1.1rem;} /*55px*/
    .m-mr60, .m-inner-mr60 > *{ margin-right: 1.2rem;} /*60px*/
    .m-mr65, .m-inner-mr65 > *{ margin-right: 1.3rem;} /*65px*/
    .m-mr70, .m-inner-mr70 > *{ margin-right: 1.4rem;} /*70px*/
    .m-mr75, .m-inner-mr75 > *{ margin-right: 1.5rem;} /*75px*/
    .m-mr80, .m-inner-mr80 > *{ margin-right: 1.6rem;} /*80px*/
    .m-mr85, .m-inner-mr85 > *{ margin-right: 1.7rem;} /*85px*/
    .m-mr90, .m-inner-mr90 > *{ margin-right: 1.8rem;} /*90px*/
    .m-mr95, .m-inner-mr95 > *{ margin-right: 1.9rem;} /*95px*/
    .m-mr100, .m-inner-mr100 > *{ margin-right: 2rem;} /*100px*/

    .m-pr0, .m-inner-pr0 > *{ padding-right: 0;} /*0px*/
    .m-pr5, .m-inner-pr5 > *{ padding-right: 0.1rem;} /*5px*/
    .m-pr10, .m-inner-pr10 > *{ padding-right: 0.2rem;} /*10px*/
    .m-pr15, .m-inner-pr15 > *{ padding-right: 0.3rem;} /*15px*/
    .m-pr20, .m-inner-pr20 > *{ padding-right: 0.4rem;} /*20px*/
    .m-pr25, .m-inner-pr25 > *{ padding-right: 0.5rem;} /*25px*/
    .m-pr30, .m-inner-pr30 > *{ padding-right: 0.6rem;} /*30px*/
    .m-pr35, .m-inner-pr35 > *{ padding-right: 0.7rem;} /*35px*/
    .m-pr40, .m-inner-pr40 > *{ padding-right: 0.8rem;} /*40px*/
    .m-pr45, .m-inner-pr45 > *{ padding-right: 0.9rem;} /*45px*/
    .m-pr50, .m-inner-pr50 > *{ padding-right: 1rem;} /*50px*/
    .m-pr55, .m-inner-pr55 > *{ padding-right: 1.1rem;} /*55px*/
    .m-pr60, .m-inner-pr60 > *{ padding-right: 1.2rem;} /*60px*/
    .m-pr65, .m-inner-pr65 > *{ padding-right: 1.3rem;} /*65px*/
    .m-pr70, .m-inner-pr70 > *{ padding-right: 1.4rem;} /*70px*/
    .m-pr75, .m-inner-pr75 > *{ padding-right: 1.5rem;} /*75px*/
    .m-pr80, .m-inner-pr80 > *{ padding-right: 1.6rem;} /*80px*/
    .m-pr85, .m-inner-pr85 > *{ padding-right: 1.7rem;} /*85px*/
    .m-pr90, .m-inner-pr90 > *{ padding-right: 1.8rem;} /*90px*/
    .m-pr95, .m-inner-pr95 > *{ padding-right: 1.9rem;} /*95px*/
    .m-pr100, .m-inner-pr100 > *{ padding-right: 2rem;} /*100px*/

    .m-pl0, .m-inner-pl0 > *{ padding-left: 0;} /*0px*/
    .m-pl5, .m-inner-pl5 > *{ padding-left: 0.1rem;} /*5px*/
    .m-pl10, .m-inner-pl10 > *{ padding-left: 0.2rem;} /*10px*/
    .m-pl15, .m-inner-pl15 > *{ padding-left: 0.3rem;} /*15px*/
    .m-pl20, .m-inner-pl20 > *{ padding-left: 0.4rem;} /*20px*/
    .m-pl25, .m-inner-pl25 > *{ padding-left: 0.5rem;} /*25px*/
    .m-pl30, .m-inner-pl30 > *{ padding-left: 0.6rem;} /*30px*/
    .m-pl35, .m-inner-pl35 > *{ padding-left: 0.7rem;} /*35px*/
    .m-pl40, .m-inner-pl40 > *{ padding-left: 0.8rem;} /*40px*/
    .m-pl45, .m-inner-pl45 > *{ padding-left: 0.9rem;} /*45px*/
    .m-pl50, .m-inner-pl50 > *{ padding-left: 1rem;} /*50px*/
    .m-pl55, .m-inner-pl55 > *{ padding-left: 1.1rem;} /*55px*/
    .m-pl60, .m-inner-pl60 > *{ padding-left: 1.2rem;} /*60px*/
    .m-pl65, .m-inner-pl65 > *{ padding-left: 1.3rem;} /*65px*/
    .m-pl70, .m-inner-pl70 > *{ padding-left: 1.4rem;} /*70px*/
    .m-pl75, .m-inner-pl75 > *{ padding-left: 1.5rem;} /*75px*/
    .m-pl80, .m-inner-pl80 > *{ padding-left: 1.6rem;} /*80px*/
    .m-pl85, .m-inner-pl85 > *{ padding-left: 1.7rem;} /*85px*/
    .m-pl90, .m-inner-pl90 > *{ padding-left: 1.8rem;} /*90px*/
    .m-pl95, .m-inner-pl95 > *{ padding-left: 1.9rem;} /*95px*/
    .m-pl100, .m-inner-pl100 > *{ padding-left: 2rem;} /*100px*/

    .m-pb0, .m-inner-pb0 > *{ padding-bottom: 0;} /*0px*/
    .m-pb5, .m-inner-pb5 > *{ padding-bottom: 0.1rem;} /*5px*/
    .m-pb10, .m-inner-pb10 > *{ padding-bottom: 0.2rem;} /*10px*/
    .m-pb15, .m-inner-pb15 > *{ padding-bottom: 0.3rem;} /*15px*/
    .m-pb20, .m-inner-pb20 > *{ padding-bottom: 0.4rem;} /*20px*/
    .m-pb25, .m-inner-pb25 > *{ padding-bottom: 0.5rem;} /*25px*/
    .m-pb30, .m-inner-pb30 > *{ padding-bottom: 0.6rem;} /*30px*/
    .m-pb35, .m-inner-pb35 > *{ padding-bottom: 0.7rem;} /*35px*/
    .m-pb40, .m-inner-pb40 > *{ padding-bottom: 0.8rem;} /*40px*/
    .m-pb45, .m-inner-pb45 > *{ padding-bottom: 0.9rem;} /*45px*/
    .m-pb50, .m-inner-pb50 > *{ padding-bottom: 1rem;} /*50px*/
    .m-pb55, .m-inner-pb55 > *{ padding-bottom: 1.1rem;} /*55px*/
    .m-pb60, .m-inner-pb60 > *{ padding-bottom: 1.2rem;} /*60px*/
    .m-pb65, .m-inner-pb65 > *{ padding-bottom: 1.3rem;} /*65px*/
    .m-pb70, .m-inner-pb70 > *{ padding-bottom: 1.4rem;} /*70px*/
    .m-pb75, .m-inner-pb75 > *{ padding-bottom: 1.5rem;} /*75px*/
    .m-pb80, .m-inner-pb80 > *{ padding-bottom: 1.6rem;} /*80px*/
    .m-pb85, .m-inner-pb85 > *{ padding-bottom: 1.7rem;} /*85px*/
    .m-pb90, .m-inner-pb90 > *{ padding-bottom: 1.8rem;} /*90px*/
    .m-pb95, .m-inner-pb95 > *{ padding-bottom: 1.9rem;} /*95px*/
    .m-pb100, .m-inner-pb100 > *{ padding-bottom: 2rem;} /*100px*/

    .m-pt0, .m-inner-pt0 > *{ padding-top: 0;} /*0px*/
    .m-pt5, .m-inner-pt5 > *{ padding-top: 0.1rem;} /*5px*/
    .m-pt10, .m-inner-pt10 > *{ padding-top: 0.2rem;} /*10px*/
    .m-pt15, .m-inner-pt15 > *{ padding-top: 0.3rem;} /*15px*/
    .m-pt20, .m-inner-pt20 > *{ padding-top: 0.4rem;} /*20px*/
    .m-pt25, .m-inner-pt25 > *{ padding-top: 0.5rem;} /*25px*/
    .m-pt30, .m-inner-pt30 > *{ padding-top: 0.6rem;} /*30px*/
    .m-pt35, .m-inner-pt35 > *{ padding-top: 0.7rem;} /*35px*/
    .m-pt40, .m-inner-pt40 > *{ padding-top: 0.8rem;} /*40px*/
    .m-pt45, .m-inner-pt45 > *{ padding-top: 0.9rem;} /*45px*/
    .m-pt50, .m-inner-pt50 > *{ padding-top: 1rem;} /*50px*/
    .m-pt55, .m-inner-pt55 > *{ padding-top: 1.1rem;} /*55px*/
    .m-pt60, .m-inner-pt60 > *{ padding-top: 1.2rem;} /*60px*/
    .m-pt65, .m-inner-pt65 > *{ padding-top: 1.3rem;} /*65px*/
    .m-pt70, .m-inner-pt70 > *{ padding-top: 1.4rem;} /*70px*/
    .m-pt75, .m-inner-pt75 > *{ padding-top: 1.5rem;} /*75px*/
    .m-pt80, .m-inner-pt80 > *{ padding-top: 1.6rem;} /*80px*/
    .m-pt85, .m-inner-pt85 > *{ padding-top: 1.7rem;} /*85px*/
    .m-pt90, .m-inner-pt90 > *{ padding-top: 1.8rem;} /*90px*/
    .m-pt95, .m-inner-pt95 > *{ padding-top: 1.9rem;} /*95px*/
    .m-pt100, .m-inner-pt100 > *{ padding-top: 2rem;} /*100px*/

    .m-pv0, .m-inner-pv0 > *{ padding-top: 0; padding-bottom: 0;} /*0px*/
    .m-pv5, .m-inner-pv5 > *{ padding-top: 0.1rem; padding-bottom: 0.1rem;} /*5px*/
    .m-pv10, .m-inner-pv10 > *{ padding-top: 0.2rem; padding-bottom: 0.2rem;} /*10px*/
    .m-pv15, .m-inner-pv15 > *{ padding-top: 0.3rem; padding-bottom: 0.3rem;} /*15px*/
    .m-pv20, .m-inner-pv20 > *{ padding-top: 0.4rem; padding-bottom: 0.4rem;} /*20px*/
    .m-pv25, .m-inner-pv25 > *{ padding-top: 0.5rem; padding-bottom: 0.5rem;} /*25px*/
    .m-pv30, .m-inner-pv30 > *{ padding-top: 0.6rem; padding-bottom: 0.6rem;} /*30px*/
    .m-pv35, .m-inner-pv35 > *{ padding-top: 0.7rem; padding-bottom: 0.7rem;} /*35px*/
    .m-pv40, .m-inner-pv40 > *{ padding-top: 0.8rem; padding-bottom: 0.8rem;} /*40px*/
    .m-pv45, .m-inner-pv45 > *{ padding-top: 0.9rem; padding-bottom: 0.9rem;} /*45px*/
    .m-pv50, .m-inner-pv50 > *{ padding-top: 1rem; padding-bottom: 1rem;} /*50px*/
    .m-pv55, .m-inner-pv55 > *{ padding-top: 1.1rem; padding-bottom: 1.1rem;} /*55px*/
    .m-pv60, .m-inner-pv60 > *{ padding-top: 1.2rem; padding-bottom: 1.2rem;} /*60px*/
    .m-pv65, .m-inner-pv65 > *{ padding-top: 1.3rem; padding-bottom: 1.3rem;} /*65px*/
    .m-pv70, .m-inner-pv70 > *{ padding-top: 1.4rem; padding-bottom: 1.4rem;} /*70px*/
    .m-pv75, .m-inner-pv75 > *{ padding-top: 1.5rem; padding-bottom: 1.5rem;} /*75px*/
    .m-pv80, .m-inner-pv80 > *{ padding-top: 1.6rem; padding-bottom: 1.6rem;} /*80px*/
    .m-pv85, .m-inner-pv85 > *{ padding-top: 1.7rem; padding-bottom: 1.7rem;} /*85px*/
    .m-pv90, .m-inner-pv90 > *{ padding-top: 1.8rem; padding-bottom: 1.8rem;} /*90px*/
    .m-pv95, .m-inner-pv95 > *{ padding-top: 1.9rem; padding-bottom: 1.9rem;} /*95px*/
    .m-pv100, .m-inner-pv100 > *{ padding-top: 2rem; padding-bottom: 2rem;} /*100px*/

    .m-ph0, .m-inner-ph0 > *{ padding-left: 0; padding-right: 0;} /*0px*/
    .m-ph5, .m-inner-ph5 > *{ padding-left: 0.1rem; padding-right: 0.1rem;} /*5px*/
    .m-ph10, .m-inner-ph10 > *{ padding-left: 0.2rem; padding-right: 0.2rem;} /*10px*/
    .m-ph15, .m-inner-ph15 > *{ padding-left: 0.3rem; padding-right: 0.3rem;} /*15px*/
    .m-ph20, .m-inner-ph20 > *{ padding-left: 0.4rem; padding-right: 0.4rem;} /*20px*/
    .m-ph25, .m-inner-ph25 > *{ padding-left: 0.5rem; padding-right: 0.5rem;} /*25px*/
    .m-ph30, .m-inner-ph30 > *{ padding-left: 0.6rem; padding-right: 0.6rem;} /*30px*/
    .m-ph35, .m-inner-ph35 > *{ padding-left: 0.7rem; padding-right: 0.7rem;} /*35px*/
    .m-ph40, .m-inner-ph40 > *{ padding-left: 0.8rem; padding-right: 0.8rem;} /*40px*/
    .m-ph45, .m-inner-ph45 > *{ padding-left: 0.9rem; padding-right: 0.9rem;} /*45px*/
    .m-ph50, .m-inner-ph50 > *{ padding-left: 1rem; padding-right: 1rem;} /*50px*/
    .m-ph55, .m-inner-ph55 > *{ padding-left: 1.1rem; padding-right: 1.1rem;} /*55px*/
    .m-ph60, .m-inner-ph60 > *{ padding-left: 1.2rem; padding-right: 1.2rem;} /*60px*/
    .m-ph65, .m-inner-ph65 > *{ padding-left: 1.3rem; padding-right: 1.3rem;} /*65px*/
    .m-ph70, .m-inner-ph70 > *{ padding-left: 1.4rem; padding-right: 1.4rem;} /*70px*/
    .m-ph75, .m-inner-ph75 > *{ padding-left: 1.5rem; padding-right: 1.5rem;} /*75px*/
    .m-ph80, .m-inner-ph80 > *{ padding-left: 1.6rem; padding-right: 1.6rem;} /*80px*/
    .m-ph85, .m-inner-ph85 > *{ padding-left: 1.7rem; padding-right: 1.7rem;} /*85px*/
    .m-ph90, .m-inner-ph90 > *{ padding-left: 1.8rem; padding-right: 1.8rem;} /*90px*/
    .m-ph95, .m-inner-ph95 > *{ padding-left: 1.9rem; padding-right: 1.9rem;} /*95px*/
    .m-ph100, .m-inner-ph100 > *{ padding-left: 2rem; padding-right: 2rem;} /*100px*/
    
    /* 字級設定 */
    .m-fs0, .m-inner-fs0 > *{ font-size: 0;} /*0px*/
    .m-fs12, .m-inner-fs12 > *{ font-size: 0.24rem;} /*12px*/
    .m-fs13, .m-inner-fs13 > *{ font-size: 0.26rem;} /*13px*/
    .m-fs14, .m-inner-fs14 > *{ font-size: 0.28rem;} /*14px*/
    .m-fs15, .m-inner-fs15 > *{ font-size: 0.3rem;} /*15px*/
    .m-fs16, .m-inner-fs16 > *{ font-size: 0.32rem;} /*16px*/
    .m-fs17, .m-inner-fs17 > *{ font-size: 0.34rem;} /*17px*/
    .m-fs18, .m-inner-fs18 > *{ font-size: 0.36rem;} /*18px*/
    .m-fs19, .m-inner-fs19 > *{ font-size: 0.38rem;} /*19px*/
    .m-fs20, .m-inner-fs20 > *{ font-size: 0.4rem;} /*20px*/
    .m-fs21, .m-inner-fs21 > *{ font-size: 0.42rem;} /*21px*/
    .m-fs22, .m-inner-fs22 > *{ font-size: 0.44rem;} /*22px*/
    .m-fs23, .m-inner-fs23 > *{ font-size: 0.46rem;} /*23px*/
    .m-fs24, .m-inner-fs24 > *{ font-size: 0.48rem;} /*24px*/
    .m-fs25, .m-inner-fs25 > *{ font-size: 0.5rem;} /*25px*/
    .m-fs26, .m-inner-fs26 > *{ font-size: 0.52rem;} /*26px*/
    .m-fs27, .m-inner-fs27 > *{ font-size: 0.54rem;} /*27px*/
    .m-fs28, .m-inner-fs28 > *{ font-size: 0.56rem;} /*28px*/
    .m-fs29, .m-inner-fs29 > *{ font-size: 0.58rem;} /*29px*/
    .m-fs30, .m-inner-fs30 > *{ font-size: 0.6rem;} /*30px*/
    .m-fs31, .m-inner-fs31 > *{ font-size: 0.62rem;} /*31px*/
    .m-fs32, .m-inner-fs32 > *{ font-size: 0.64rem;} /*32px*/
    .m-fs33, .m-inner-fs33 > *{ font-size: 0.66rem;} /*33px*/
    .m-fs34, .m-inner-fs34 > *{ font-size: 0.68rem;} /*34px*/
    .m-fs35, .m-inner-fs35 > *{ font-size: 0.7rem;} /*35px*/
    .m-fs36, .m-inner-fs36 > *{ font-size: 0.72rem;} /*36px*/
    .m-fs37, .m-inner-fs37 > *{ font-size: 0.74rem;} /*37px*/
    .m-fs38, .m-inner-fs38 > *{ font-size: 0.76rem;} /*38px*/
    .m-fs39, .m-inner-fs39 > *{ font-size: 0.78rem;} /*39px*/
    .m-fs40, .m-inner-fs40 > *{ font-size: 0.8rem;} /*40px*/
    .m-fs41, .m-inner-fs41 > *{ font-size: 0.82rem;} /*41px*/
    .m-fs42, .m-inner-fs42 > *{ font-size: 0.84rem;} /*42px*/
    .m-fs43, .m-inner-fs43 > *{ font-size: 0.86rem;} /*43px*/
    .m-fs44, .m-inner-fs44 > *{ font-size: 0.88rem;} /*44px*/
    .m-fs45, .m-inner-fs45 > *{ font-size: 0.9rem;} /*45px*/
    .m-fs46, .m-inner-fs46 > *{ font-size: 0.92rem;} /*46px*/
    .m-fs47, .m-inner-fs47 > *{ font-size: 0.94rem;} /*47px*/
    .m-fs48, .m-inner-fs48 > *{ font-size: 0.96rem;} /*48px*/
    .m-fs49, .m-inner-fs49 > *{ font-size: 0.98rem;} /*49px*/
    .m-fs50, .m-inner-fs50 > *{ font-size: 1rem;} /*50px*/
    
    /* 行距設定 */
    .m-lh1{ line-height: 1;}
    .m-lh2{ line-height: 1.2;}
    .m-lh3{ line-height: 1.3;}
    .m-lh4{ line-height: 1.4;}
    .m-lh5{ line-height: 1.5;}
    .m-lh6{ line-height: 1.6;}
    .m-lh7{ line-height: 1.7;}
    .m-lh8{ line-height: 1.8;}
    .m-lh9{ line-height: 1.9;}
    .m-lh10{ line-height: 2;}

    /* 字型樣式及置中設定 */
    .m-margin{ margin-left: auto; margin-right: auto;}
    .m-alignC{ text-align: center;}
    .m-alignR{ text-align: right;}
    .m-alignL{ text-align: left;}
    .m-alignT{ vertical-align: top;}
    .m-alignM{ vertical-align: middle;}
    .m-alignB{ vertical-align: bottom;}
    .m-bold{ font-weight: bold;}
    .m-normal{ font-weight: normal;}
    
    /* float設定 */
    .m-float-l{ float: left;}
    .m-float-r{ float: right;}
    
    /* 定位 */
    .m-absolute, .m-inner-absolute > *{ position: absolute;}
    .m-absoluteTL, .m-inner-absoluteTL > *{ position: absolute; top: 0; left: 0; right: auto;}
    .m-absoluteTR, .m-inner-absoluteTR > *{ position: absolute; top: 0; right: 0; left: auto;}
    .m-absoluteBL, .m-inner-absoluteBL > *{ position: absolute; bottom: 0; left: 0; right: auto;}
    .m-absoluteBR, .m-inner-absoluteBR > *{ position: absolute; bottom: 0; right: 0; left: auto;}
    .m-relative, .m-inner-relative > *{ position: relative;}
    
    /* m-tableBlock */
    .m-tableBlock, .m-tableBlock .tr, .m-tableBlock .td, .m-tableBlock .th{ display: block;}
    
    /* m-inblock */
    .m-inner-inblock{ font-size: 0; display: block;}
    .m-inner-inblock > *{ display: inline-block; vertical-align: middle;}
    .m-inner-inblock .block{ display: block;}
    .m-inblock{ display: inline-block;}
    .m-block{ display: block;}
    .m-inline{ display: inline;}
    .m-none{ display: none;}
}


/*---------------- mobile ----------------*/
@media screen and (max-width: 640px){
    /* 子元素等分 */
    .s-child-1 > *{ width: 100%;}
    .s-child-2 > *{ width: 50%;}
    .s-child-3 > *{ width: 33.33333333333333%;}
    .s-child-4 > *{ width: 25%;}
    .s-child-5 > *{ width: 20%;}
    .s-child-6 > *{ width: 16.66666666666667%;}
    .s-child-7 > *{ width: 14.28571428571429%;}
    .s-child-8 > *{ width: 12.5%;}
    .s-child-10 > *{ width: 10%;}
    .s-child-12 > *{ width: 8.333333333333333%;}
    /* margin-right 1% */
    .s-child-1.child-mr1 > *{ width: 100%;}
    .s-child-2.child-mr1 > *{ width: 49.5%;}
    .s-child-3.child-mr1 > *{ width: 32.66666666666667%;}
    .s-child-4.child-mr1 > *{ width: 24.25%;}
    .s-child-5.child-mr1 > *{ width: 19.2%;}
    .s-child-6.child-mr1 > *{ width: 15.83333333333333%;}
    .s-child-7.child-mr1 > *{ width: 13.42857142857143%;}
    .s-child-8.child-mr1 > *{ width: 11.625%;}
    .s-child-10.child-mr1 > *{ width: 9.1%;}
    .s-child-12.child-mr1 > *{ width: 7.416666666666667%;}
    /* margin-right 2% */
    .s-child-1.child-mr2 > *{ width: 100%;}
    .s-child-2.child-mr2 > *{ width: 49%;}
    .s-child-3.child-mr2 > *{ width: 32%;}
    .s-child-4.child-mr2 > *{ width: 23.5%;}
    .s-child-5.child-mr2 > *{ width: 18.4%;}
    .s-child-6.child-mr2 > *{ width: 15%;}
    .s-child-7.child-mr2 > *{ width: 12.57142857142857%;}
    .s-child-8.child-mr2 > *{ width: 10.75%;}
    .s-child-10.child-mr2 > *{ width: 8.2%;}
    .s-child-12.child-mr2 > *{ width: 6.5%;}
    /* margin */
    .s-child-2.child-mr1 > *:nth-child(1n), .s-child-3.child-mr1 > *:nth-child(1n), .s-child-4.child-mr1 > *:nth-child(1n), .s-child-5.child-mr1 > *:nth-child(1n), .s-child-6.child-mr1 > *:nth-child(1n), .s-child-7.child-mr1 > *:nth-child(1n), .s-child-8.child-mr1 > *:nth-child(1n), .s-child-10.child-mr1 > *:nth-child(1n), .s-child-12.child-mr1 > *:nth-child(1n){ margin-right: 1%;}
    .s-child-2.child-mr2 > *:nth-child(1n), .s-child-3.child-mr2 > *:nth-child(1n), .s-child-4.child-mr2 > *:nth-child(1n), .s-child-5.child-mr2 > *:nth-child(1n), .s-child-6.child-mr2 > *:nth-child(1n), .s-child-7.child-mr2 > *:nth-child(1n), .s-child-8.child-mr2 > *:nth-child(1n), .s-child-10.child-mr2 > *:nth-child(1n), .s-child-12.child-mr2 > *:nth-child(1n){ margin-right: 2%;}
    .s-child-1.child-mr1 > *:nth-child(1n), .s-child-1.child-mr2 > *:nth-child(1n), .s-child-2.child-mr1 > *:nth-child(2n), .s-child-2.child-mr2 > *:nth-child(2n), .s-child-3.child-mr1 > *:nth-child(3n), .s-child-3.child-mr2 > *:nth-child(3n), .s-child-4.child-mr1 > *:nth-child(4n), .s-child-4.child-mr2 > *:nth-child(4n), .s-child-5.child-mr1 > *:nth-child(5n), .s-child-5.child-mr2 > *:nth-child(5n), .s-child-6.child-mr1 > *:nth-child(6n), .s-child-6.child-mr2 > *:nth-child(6n), .s-child-7.child-mr1 > *:nth-child(7n), .s-child-7.child-mr2 > *:nth-child(7n), .s-child-8.child-mr1 > *:nth-child(8n), .s-child-8.child-mr2 > *:nth-child(8n), .s-child-10.child-mr1 > *:nth-child(10n), .s-child-10.child-mr2 > *:nth-child(10n), .s-child-12.child-mr1 > *:nth-child(12n), .s-child-12.child-mr2 > *:nth-child(12n){ margin-right: 0;}
    /* 寬度設定 */
    /* 8等分：含1/2,1/4,1/8 */
    .s-w-8-1{ width: 12.5%;}
    .s-w-8-2{ width: 25%;}
    .s-w-8-3{ width: 37.5%;}
    .s-w-8-4{ width: 50%;}
    .s-w-8-5{ width: 62.5%;}
    .s-w-8-6{ width: 75%;}
    .s-w-8-7{ width: 87.5%;}
    /* 12等分：含1/2,1/3,1/4,1/6,1/12 */
    .s-w-12-1{ width: 8.333333333333333%;}
    .s-w-12-2{ width: 16.66666666666667%;}
    .s-w-12-3{ width: 25%;}
    .s-w-12-4{ width: 33.33333333333333%;}
    .s-w-12-5{ width: 41.66666666666667%;}
    .s-w-12-6{ width: 50%;}
    .s-w-12-7{ width: 58.33333333333333%;}
    .s-w-12-8{ width: 66.66666666666667%;}
    .s-w-12-9{ width: 75%;}
    .s-w-12-10{ width: 83.33333333333333%;}
    .s-w-12-11{ width: 91.66666666666667%;}
    /* 20等分：含1/2,1/4,1/5,1/10,1/20 */
    .s-w-20-1{ width: 5%;}
    .s-w-20-2{ width: 10%;}
    .s-w-20-3{ width: 15%;}
    .s-w-20-4{ width: 20%;}
    .s-w-20-5{ width: 25%;}
    .s-w-20-6{ width: 30%;}
    .s-w-20-7{ width: 35%;}
    .s-w-20-8{ width: 40%;}
    .s-w-20-9{ width: 45%;}
    .s-w-20-10{ width: 50%;}
    .s-w-20-11{ width: 55%;}
    .s-w-20-12{ width: 60%;}
    .s-w-20-13{ width: 65%;}
    .s-w-20-14{ width: 70%;}
    .s-w-20-15{ width: 75%;}
    .s-w-20-16{ width: 80%;}
    .s-w-20-17{ width: 85%;}
    .s-w-20-18{ width: 90%;}
    .s-w-20-19{ width: 95%;}
    /* 全滿 */
    .s-w-fill{ width: 100%;}
    .s-w-free{ width: auto;}
    
    /* margin, padding 距離設定 */
    .s-mb0, .s-inner-mb0 > *{ margin-bottom: 0;} /*0px*/
    .s-mb5, .s-inner-mb5 > *{ margin-bottom: 0.1rem;} /*5px*/
    .s-mb10, .s-inner-mb10 > *{ margin-bottom: 0.2rem;} /*10px*/
    .s-mb15, .s-inner-mb15 > *{ margin-bottom: 0.3rem;} /*15px*/
    .s-mb20, .s-inner-mb20 > *{ margin-bottom: 0.4rem;} /*20px*/
    .s-mb25, .s-inner-mb25 > *{ margin-bottom: 0.5rem;} /*25px*/
    .s-mb30, .s-inner-mb30 > *{ margin-bottom: 0.6rem;} /*30px*/
    .s-mb35, .s-inner-mb35 > *{ margin-bottom: 0.7rem;} /*35px*/
    .s-mb40, .s-inner-mb40 > *{ margin-bottom: 0.8rem;} /*40px*/
    .s-mb45, .s-inner-mb45 > *{ margin-bottom: 0.9rem;} /*45px*/
    .s-mb50, .s-inner-mb50 > *{ margin-bottom: 1rem;} /*50px*/
    .s-mb55, .s-inner-mb55 > *{ margin-bottom: 1.1rem;} /*55px*/
    .s-mb60, .s-inner-mb60 > *{ margin-bottom: 1.2rem;} /*60px*/
    .s-mb65, .s-inner-mb65 > *{ margin-bottom: 1.3rem;} /*65px*/
    .s-mb70, .s-inner-mb70 > *{ margin-bottom: 1.4rem;} /*70px*/
    .s-mb75, .s-inner-mb75 > *{ margin-bottom: 1.5rem;} /*75px*/
    .s-mb80, .s-inner-mb80 > *{ margin-bottom: 1.6rem;} /*80px*/
    .s-mb85, .s-inner-mb85 > *{ margin-bottom: 1.7rem;} /*85px*/
    .s-mb90, .s-inner-mb90 > *{ margin-bottom: 1.8rem;} /*90px*/
    .s-mb95, .s-inner-mb95 > *{ margin-bottom: 1.9rem;} /*95px*/
    .s-mb100, .s-inner-mb100 > *{ margin-bottom: 2rem;} /*100px*/

    .s-mt0, .s-inner-mt0 > *{ margin-top: 0;} /*0px*/
    .s-mt5, .s-inner-mt5 > *{ margin-top: 0.1rem;} /*5px*/
    .s-mt10, .s-inner-mt10 > *{ margin-top: 0.2rem;} /*10px*/
    .s-mt15, .s-inner-mt15 > *{ margin-top: 0.3rem;} /*15px*/
    .s-mt20, .s-inner-mt20 > *{ margin-top: 0.4rem;} /*20px*/
    .s-mt25, .s-inner-mt25 > *{ margin-top: 0.5rem;} /*25px*/
    .s-mt30, .s-inner-mt30 > *{ margin-top: 0.6rem;} /*30px*/
    .s-mt35, .s-inner-mt35 > *{ margin-top: 0.7rem;} /*35px*/
    .s-mt40, .s-inner-mt40 > *{ margin-top: 0.8rem;} /*40px*/
    .s-mt45, .s-inner-mt45 > *{ margin-top: 0.9rem;} /*45px*/
    .s-mt50, .s-inner-mt50 > *{ margin-top: 1rem;} /*50px*/
    .s-mt55, .s-inner-mt55 > *{ margin-top: 1.1rem;} /*55px*/
    .s-mt60, .s-inner-mt60 > *{ margin-top: 1.2rem;} /*60px*/
    .s-mt65, .s-inner-mt65 > *{ margin-top: 1.3rem;} /*65px*/
    .s-mt70, .s-inner-mt70 > *{ margin-top: 1.4rem;} /*70px*/
    .s-mt75, .s-inner-mt75 > *{ margin-top: 1.5rem;} /*75px*/
    .s-mt80, .s-inner-mt80 > *{ margin-top: 1.6rem;} /*80px*/
    .s-mt85, .s-inner-mt85 > *{ margin-top: 1.7rem;} /*85px*/
    .s-mt90, .s-inner-mt90 > *{ margin-top: 1.8rem;} /*90px*/
    .s-mt95, .s-inner-mt95 > *{ margin-top: 1.9rem;} /*95px*/
    .s-mt100, .s-inner-mt100 > *{ margin-top: 2rem;} /*100px*/

    .s-ml0, .s-inner-ml0 > *{ margin-left: 0;} /*0px*/
    .s-ml5, .s-inner-ml5 > *{ margin-left: 0.1rem;} /*5px*/
    .s-ml10, .s-inner-ml10 > *{ margin-left: 0.2rem;} /*10px*/
    .s-ml15, .s-inner-ml15 > *{ margin-left: 0.3rem;} /*15px*/
    .s-ml20, .s-inner-ml20 > *{ margin-left: 0.4rem;} /*20px*/
    .s-ml25, .s-inner-ml25 > *{ margin-left: 0.5rem;} /*25px*/
    .s-ml30, .s-inner-ml30 > *{ margin-left: 0.6rem;} /*30px*/
    .s-ml35, .s-inner-ml35 > *{ margin-left: 0.7rem;} /*35px*/
    .s-ml40, .s-inner-ml40 > *{ margin-left: 0.8rem;} /*40px*/
    .s-ml45, .s-inner-ml45 > *{ margin-left: 0.9rem;} /*45px*/
    .s-ml50, .s-inner-ml50 > *{ margin-left: 1rem;} /*50px*/
    .s-ml55, .s-inner-ml55 > *{ margin-left: 1.1rem;} /*55px*/
    .s-ml60, .s-inner-ml60 > *{ margin-left: 1.2rem;} /*60px*/
    .s-ml65, .s-inner-ml65 > *{ margin-left: 1.3rem;} /*65px*/
    .s-ml70, .s-inner-ml70 > *{ margin-left: 1.4rem;} /*70px*/
    .s-ml75, .s-inner-ml75 > *{ margin-left: 1.5rem;} /*75px*/
    .s-ml80, .s-inner-ml80 > *{ margin-left: 1.6rem;} /*80px*/
    .s-ml85, .s-inner-ml85 > *{ margin-left: 1.7rem;} /*85px*/
    .s-ml90, .s-inner-ml90 > *{ margin-left: 1.8rem;} /*90px*/
    .s-ml95, .s-inner-ml95 > *{ margin-left: 1.9rem;} /*95px*/
    .s-ml100, .s-inner-ml100 > *{ margin-left: 2rem;} /*100px*/

    .s-mr0, .s-inner-mr0 > *{ margin-right: 0;} /*0px*/
    .s-mr5, .s-inner-mr5 > *{ margin-right: 0.1rem;} /*5px*/
    .s-mr10, .s-inner-mr10 > *{ margin-right: 0.2rem;} /*10px*/
    .s-mr15, .s-inner-mr15 > *{ margin-right: 0.3rem;} /*15px*/
    .s-mr20, .s-inner-mr20 > *{ margin-right: 0.4rem;} /*20px*/
    .s-mr25, .s-inner-mr25 > *{ margin-right: 0.5rem;} /*25px*/
    .s-mr30, .s-inner-mr30 > *{ margin-right: 0.6rem;} /*30px*/
    .s-mr35, .s-inner-mr35 > *{ margin-right: 0.7rem;} /*35px*/
    .s-mr40, .s-inner-mr40 > *{ margin-right: 0.8rem;} /*40px*/
    .s-mr45, .s-inner-mr45 > *{ margin-right: 0.9rem;} /*45px*/
    .s-mr50, .s-inner-mr50 > *{ margin-right: 1rem;} /*50px*/
    .s-mr55, .s-inner-mr55 > *{ margin-right: 1.1rem;} /*55px*/
    .s-mr60, .s-inner-mr60 > *{ margin-right: 1.2rem;} /*60px*/
    .s-mr65, .s-inner-mr65 > *{ margin-right: 1.3rem;} /*65px*/
    .s-mr70, .s-inner-mr70 > *{ margin-right: 1.4rem;} /*70px*/
    .s-mr75, .s-inner-mr75 > *{ margin-right: 1.5rem;} /*75px*/
    .s-mr80, .s-inner-mr80 > *{ margin-right: 1.6rem;} /*80px*/
    .s-mr85, .s-inner-mr85 > *{ margin-right: 1.7rem;} /*85px*/
    .s-mr90, .s-inner-mr90 > *{ margin-right: 1.8rem;} /*90px*/
    .s-mr95, .s-inner-mr95 > *{ margin-right: 1.9rem;} /*95px*/
    .s-mr100, .s-inner-mr100 > *{ margin-right: 2rem;} /*100px*/

    .s-pr0, .s-inner-pr0 > *{ padding-right: 0;} /*0px*/
    .s-pr5, .s-inner-pr5 > *{ padding-right: 0.1rem;} /*5px*/
    .s-pr10, .s-inner-pr10 > *{ padding-right: 0.2rem;} /*10px*/
    .s-pr15, .s-inner-pr15 > *{ padding-right: 0.3rem;} /*15px*/
    .s-pr20, .s-inner-pr20 > *{ padding-right: 0.4rem;} /*20px*/
    .s-pr25, .s-inner-pr25 > *{ padding-right: 0.5rem;} /*25px*/
    .s-pr30, .s-inner-pr30 > *{ padding-right: 0.6rem;} /*30px*/
    .s-pr35, .s-inner-pr35 > *{ padding-right: 0.7rem;} /*35px*/
    .s-pr40, .s-inner-pr40 > *{ padding-right: 0.8rem;} /*40px*/
    .s-pr45, .s-inner-pr45 > *{ padding-right: 0.9rem;} /*45px*/
    .s-pr50, .s-inner-pr50 > *{ padding-right: 1rem;} /*50px*/
    .s-pr55, .s-inner-pr55 > *{ padding-right: 1.1rem;} /*55px*/
    .s-pr60, .s-inner-pr60 > *{ padding-right: 1.2rem;} /*60px*/
    .s-pr65, .s-inner-pr65 > *{ padding-right: 1.3rem;} /*65px*/
    .s-pr70, .s-inner-pr70 > *{ padding-right: 1.4rem;} /*70px*/
    .s-pr75, .s-inner-pr75 > *{ padding-right: 1.5rem;} /*75px*/
    .s-pr80, .s-inner-pr80 > *{ padding-right: 1.6rem;} /*80px*/
    .s-pr85, .s-inner-pr85 > *{ padding-right: 1.7rem;} /*85px*/
    .s-pr90, .s-inner-pr90 > *{ padding-right: 1.8rem;} /*90px*/
    .s-pr95, .s-inner-pr95 > *{ padding-right: 1.9rem;} /*95px*/
    .s-pr100, .s-inner-pr100 > *{ padding-right: 2rem;} /*100px*/

    .s-pl0, .s-inner-pl0 > *{ padding-left: 0;} /*0px*/
    .s-pl5, .s-inner-pl5 > *{ padding-left: 0.1rem;} /*5px*/
    .s-pl10, .s-inner-pl10 > *{ padding-left: 0.2rem;} /*10px*/
    .s-pl15, .s-inner-pl15 > *{ padding-left: 0.3rem;} /*15px*/
    .s-pl20, .s-inner-pl20 > *{ padding-left: 0.4rem;} /*20px*/
    .s-pl25, .s-inner-pl25 > *{ padding-left: 0.5rem;} /*25px*/
    .s-pl30, .s-inner-pl30 > *{ padding-left: 0.6rem;} /*30px*/
    .s-pl35, .s-inner-pl35 > *{ padding-left: 0.7rem;} /*35px*/
    .s-pl40, .s-inner-pl40 > *{ padding-left: 0.8rem;} /*40px*/
    .s-pl45, .s-inner-pl45 > *{ padding-left: 0.9rem;} /*45px*/
    .s-pl50, .s-inner-pl50 > *{ padding-left: 1rem;} /*50px*/
    .s-pl55, .s-inner-pl55 > *{ padding-left: 1.1rem;} /*55px*/
    .s-pl60, .s-inner-pl60 > *{ padding-left: 1.2rem;} /*60px*/
    .s-pl65, .s-inner-pl65 > *{ padding-left: 1.3rem;} /*65px*/
    .s-pl70, .s-inner-pl70 > *{ padding-left: 1.4rem;} /*70px*/
    .s-pl75, .s-inner-pl75 > *{ padding-left: 1.5rem;} /*75px*/
    .s-pl80, .s-inner-pl80 > *{ padding-left: 1.6rem;} /*80px*/
    .s-pl85, .s-inner-pl85 > *{ padding-left: 1.7rem;} /*85px*/
    .s-pl90, .s-inner-pl90 > *{ padding-left: 1.8rem;} /*90px*/
    .s-pl95, .s-inner-pl95 > *{ padding-left: 1.9rem;} /*95px*/
    .s-pl100, .s-inner-pl100 > *{ padding-left: 2rem;} /*100px*/

    .s-pb0, .s-inner-pb0 > *{ padding-bottom: 0;} /*0px*/
    .s-pb5, .s-inner-pb5 > *{ padding-bottom: 0.1rem;} /*5px*/
    .s-pb10, .s-inner-pb10 > *{ padding-bottom: 0.2rem;} /*10px*/
    .s-pb15, .s-inner-pb15 > *{ padding-bottom: 0.3rem;} /*15px*/
    .s-pb20, .s-inner-pb20 > *{ padding-bottom: 0.4rem;} /*20px*/
    .s-pb25, .s-inner-pb25 > *{ padding-bottom: 0.5rem;} /*25px*/
    .s-pb30, .s-inner-pb30 > *{ padding-bottom: 0.6rem;} /*30px*/
    .s-pb35, .s-inner-pb35 > *{ padding-bottom: 0.7rem;} /*35px*/
    .s-pb40, .s-inner-pb40 > *{ padding-bottom: 0.8rem;} /*40px*/
    .s-pb45, .s-inner-pb45 > *{ padding-bottom: 0.9rem;} /*45px*/
    .s-pb50, .s-inner-pb50 > *{ padding-bottom: 1rem;} /*50px*/
    .s-pb55, .s-inner-pb55 > *{ padding-bottom: 1.1rem;} /*55px*/
    .s-pb60, .s-inner-pb60 > *{ padding-bottom: 1.2rem;} /*60px*/
    .s-pb65, .s-inner-pb65 > *{ padding-bottom: 1.3rem;} /*65px*/
    .s-pb70, .s-inner-pb70 > *{ padding-bottom: 1.4rem;} /*70px*/
    .s-pb75, .s-inner-pb75 > *{ padding-bottom: 1.5rem;} /*75px*/
    .s-pb80, .s-inner-pb80 > *{ padding-bottom: 1.6rem;} /*80px*/
    .s-pb85, .s-inner-pb85 > *{ padding-bottom: 1.7rem;} /*85px*/
    .s-pb90, .s-inner-pb90 > *{ padding-bottom: 1.8rem;} /*90px*/
    .s-pb95, .s-inner-pb95 > *{ padding-bottom: 1.9rem;} /*95px*/
    .s-pb100, .s-inner-pb100 > *{ padding-bottom: 2rem;} /*100px*/

    .s-pt0, .s-inner-pt0 > *{ padding-top: 0;} /*0px*/
    .s-pt5, .s-inner-pt5 > *{ padding-top: 0.1rem;} /*5px*/
    .s-pt10, .s-inner-pt10 > *{ padding-top: 0.2rem;} /*10px*/
    .s-pt15, .s-inner-pt15 > *{ padding-top: 0.3rem;} /*15px*/
    .s-pt20, .s-inner-pt20 > *{ padding-top: 0.4rem;} /*20px*/
    .s-pt25, .s-inner-pt25 > *{ padding-top: 0.5rem;} /*25px*/
    .s-pt30, .s-inner-pt30 > *{ padding-top: 0.6rem;} /*30px*/
    .s-pt35, .s-inner-pt35 > *{ padding-top: 0.7rem;} /*35px*/
    .s-pt40, .s-inner-pt40 > *{ padding-top: 0.8rem;} /*40px*/
    .s-pt45, .s-inner-pt45 > *{ padding-top: 0.9rem;} /*45px*/
    .s-pt50, .s-inner-pt50 > *{ padding-top: 1rem;} /*50px*/
    .s-pt55, .s-inner-pt55 > *{ padding-top: 1.1rem;} /*55px*/
    .s-pt60, .s-inner-pt60 > *{ padding-top: 1.2rem;} /*60px*/
    .s-pt65, .s-inner-pt65 > *{ padding-top: 1.3rem;} /*65px*/
    .s-pt70, .s-inner-pt70 > *{ padding-top: 1.4rem;} /*70px*/
    .s-pt75, .s-inner-pt75 > *{ padding-top: 1.5rem;} /*75px*/
    .s-pt80, .s-inner-pt80 > *{ padding-top: 1.6rem;} /*80px*/
    .s-pt85, .s-inner-pt85 > *{ padding-top: 1.7rem;} /*85px*/
    .s-pt90, .s-inner-pt90 > *{ padding-top: 1.8rem;} /*90px*/
    .s-pt95, .s-inner-pt95 > *{ padding-top: 1.9rem;} /*95px*/
    .s-pt100, .s-inner-pt100 > *{ padding-top: 2rem;} /*100px*/

    .s-pv0, .s-inner-pv0 > *{ padding-top: 0; padding-bottom: 0;} /*0px*/
    .s-pv5, .s-inner-pv5 > *{ padding-top: 0.1rem; padding-bottom: 0.1rem;} /*5px*/
    .s-pv10, .s-inner-pv10 > *{ padding-top: 0.2rem; padding-bottom: 0.2rem;} /*10px*/
    .s-pv15, .s-inner-pv15 > *{ padding-top: 0.3rem; padding-bottom: 0.3rem;} /*15px*/
    .s-pv20, .s-inner-pv20 > *{ padding-top: 0.4rem; padding-bottom: 0.4rem;} /*20px*/
    .s-pv25, .s-inner-pv25 > *{ padding-top: 0.5rem; padding-bottom: 0.5rem;} /*25px*/
    .s-pv30, .s-inner-pv30 > *{ padding-top: 0.6rem; padding-bottom: 0.6rem;} /*30px*/
    .s-pv35, .s-inner-pv35 > *{ padding-top: 0.7rem; padding-bottom: 0.7rem;} /*35px*/
    .s-pv40, .s-inner-pv40 > *{ padding-top: 0.8rem; padding-bottom: 0.8rem;} /*40px*/
    .s-pv45, .s-inner-pv45 > *{ padding-top: 0.9rem; padding-bottom: 0.9rem;} /*45px*/
    .s-pv50, .s-inner-pv50 > *{ padding-top: 1rem; padding-bottom: 1rem;} /*50px*/
    .s-pv55, .s-inner-pv55 > *{ padding-top: 1.1rem; padding-bottom: 1.1rem;} /*55px*/
    .s-pv60, .s-inner-pv60 > *{ padding-top: 1.2rem; padding-bottom: 1.2rem;} /*60px*/
    .s-pv65, .s-inner-pv65 > *{ padding-top: 1.3rem; padding-bottom: 1.3rem;} /*65px*/
    .s-pv70, .s-inner-pv70 > *{ padding-top: 1.4rem; padding-bottom: 1.4rem;} /*70px*/
    .s-pv75, .s-inner-pv75 > *{ padding-top: 1.5rem; padding-bottom: 1.5rem;} /*75px*/
    .s-pv80, .s-inner-pv80 > *{ padding-top: 1.6rem; padding-bottom: 1.6rem;} /*80px*/
    .s-pv85, .s-inner-pv85 > *{ padding-top: 1.7rem; padding-bottom: 1.7rem;} /*85px*/
    .s-pv90, .s-inner-pv90 > *{ padding-top: 1.8rem; padding-bottom: 1.8rem;} /*90px*/
    .s-pv95, .s-inner-pv95 > *{ padding-top: 1.9rem; padding-bottom: 1.9rem;} /*95px*/
    .s-pv100, .s-inner-pv100 > *{ padding-top: 2rem; padding-bottom: 2rem;} /*100px*/

    .s-ph0, .s-inner-ph0 > *{ padding-left: 0; padding-right: 0;} /*0px*/
    .s-ph5, .s-inner-ph5 > *{ padding-left: 0.1rem; padding-right: 0.1rem;} /*5px*/
    .s-ph10, .s-inner-ph10 > *{ padding-left: 0.2rem; padding-right: 0.2rem;} /*10px*/
    .s-ph15, .s-inner-ph15 > *{ padding-left: 0.3rem; padding-right: 0.3rem;} /*15px*/
    .s-ph20, .s-inner-ph20 > *{ padding-left: 0.4rem; padding-right: 0.4rem;} /*20px*/
    .s-ph25, .s-inner-ph25 > *{ padding-left: 0.5rem; padding-right: 0.5rem;} /*25px*/
    .s-ph30, .s-inner-ph30 > *{ padding-left: 0.6rem; padding-right: 0.6rem;} /*30px*/
    .s-ph35, .s-inner-ph35 > *{ padding-left: 0.7rem; padding-right: 0.7rem;} /*35px*/
    .s-ph40, .s-inner-ph40 > *{ padding-left: 0.8rem; padding-right: 0.8rem;} /*40px*/
    .s-ph45, .s-inner-ph45 > *{ padding-left: 0.9rem; padding-right: 0.9rem;} /*45px*/
    .s-ph50, .s-inner-ph50 > *{ padding-left: 1rem; padding-right: 1rem;} /*50px*/
    .s-ph55, .s-inner-ph55 > *{ padding-left: 1.1rem; padding-right: 1.1rem;} /*55px*/
    .s-ph60, .s-inner-ph60 > *{ padding-left: 1.2rem; padding-right: 1.2rem;} /*60px*/
    .s-ph65, .s-inner-ph65 > *{ padding-left: 1.3rem; padding-right: 1.3rem;} /*65px*/
    .s-ph70, .s-inner-ph70 > *{ padding-left: 1.4rem; padding-right: 1.4rem;} /*70px*/
    .s-ph75, .s-inner-ph75 > *{ padding-left: 1.5rem; padding-right: 1.5rem;} /*75px*/
    .s-ph80, .s-inner-ph80 > *{ padding-left: 1.6rem; padding-right: 1.6rem;} /*80px*/
    .s-ph85, .s-inner-ph85 > *{ padding-left: 1.7rem; padding-right: 1.7rem;} /*85px*/
    .s-ph90, .s-inner-ph90 > *{ padding-left: 1.8rem; padding-right: 1.8rem;} /*90px*/
    .s-ph95, .s-inner-ph95 > *{ padding-left: 1.9rem; padding-right: 1.9rem;} /*95px*/
    .s-ph100, .s-inner-ph100 > *{ padding-left: 2rem; padding-right: 2rem;} /*100px*/
    
    /* 字級設定 */
    .s-fs0, .s-inner-fs0 > *{ font-size: 0;} /*0px*/
    .s-fs12, .s-inner-fs12 > *{ font-size: 0.24rem;} /*12px*/
    .s-fs13, .s-inner-fs13 > *{ font-size: 0.26rem;} /*13px*/
    .s-fs14, .s-inner-fs14 > *{ font-size: 0.28rem;} /*14px*/
    .s-fs15, .s-inner-fs15 > *{ font-size: 0.3rem;} /*15px*/
    .s-fs16, .s-inner-fs16 > *{ font-size: 0.32rem;} /*16px*/
    .s-fs17, .s-inner-fs17 > *{ font-size: 0.34rem;} /*17px*/
    .s-fs18, .s-inner-fs18 > *{ font-size: 0.36rem;} /*18px*/
    .s-fs19, .s-inner-fs19 > *{ font-size: 0.38rem;} /*19px*/
    .s-fs20, .s-inner-fs20 > *{ font-size: 0.4rem;} /*20px*/
    .s-fs21, .s-inner-fs21 > *{ font-size: 0.42rem;} /*21px*/
    .s-fs22, .s-inner-fs22 > *{ font-size: 0.44rem;} /*22px*/
    .s-fs23, .s-inner-fs23 > *{ font-size: 0.46rem;} /*23px*/
    .s-fs24, .s-inner-fs24 > *{ font-size: 0.48rem;} /*24px*/
    .s-fs25, .s-inner-fs25 > *{ font-size: 0.5rem;} /*25px*/
    .s-fs26, .s-inner-fs26 > *{ font-size: 0.52rem;} /*26px*/
    .s-fs27, .s-inner-fs27 > *{ font-size: 0.54rem;} /*27px*/
    .s-fs28, .s-inner-fs28 > *{ font-size: 0.56rem;} /*28px*/
    .s-fs29, .s-inner-fs29 > *{ font-size: 0.58rem;} /*29px*/
    .s-fs30, .s-inner-fs30 > *{ font-size: 0.6rem;} /*30px*/
    .s-fs31, .s-inner-fs31 > *{ font-size: 0.62rem;} /*31px*/
    .s-fs32, .s-inner-fs32 > *{ font-size: 0.64rem;} /*32px*/
    .s-fs33, .s-inner-fs33 > *{ font-size: 0.66rem;} /*33px*/
    .s-fs34, .s-inner-fs34 > *{ font-size: 0.68rem;} /*34px*/
    .s-fs35, .s-inner-fs35 > *{ font-size: 0.7rem;} /*35px*/
    .s-fs36, .s-inner-fs36 > *{ font-size: 0.72rem;} /*36px*/
    .s-fs37, .s-inner-fs37 > *{ font-size: 0.74rem;} /*37px*/
    .s-fs38, .s-inner-fs38 > *{ font-size: 0.76rem;} /*38px*/
    .s-fs39, .s-inner-fs39 > *{ font-size: 0.78rem;} /*39px*/
    .s-fs40, .s-inner-fs40 > *{ font-size: 0.8rem;} /*40px*/
    .s-fs41, .s-inner-fs41 > *{ font-size: 0.82rem;} /*41px*/
    .s-fs42, .s-inner-fs42 > *{ font-size: 0.84rem;} /*42px*/
    .s-fs43, .s-inner-fs43 > *{ font-size: 0.86rem;} /*43px*/
    .s-fs44, .s-inner-fs44 > *{ font-size: 0.88rem;} /*44px*/
    .s-fs45, .s-inner-fs45 > *{ font-size: 0.9rem;} /*45px*/
    .s-fs46, .s-inner-fs46 > *{ font-size: 0.92rem;} /*46px*/
    .s-fs47, .s-inner-fs47 > *{ font-size: 0.94rem;} /*47px*/
    .s-fs48, .s-inner-fs48 > *{ font-size: 0.96rem;} /*48px*/
    .s-fs49, .s-inner-fs49 > *{ font-size: 0.98rem;} /*49px*/
    .s-fs50, .s-inner-fs50 > *{ font-size: 1rem;} /*50px*/
    
    /* 行距設定 */
    .s-lh1{ line-height: 1;}
    .s-lh2{ line-height: 1.2;}
    .s-lh3{ line-height: 1.3;}
    .s-lh4{ line-height: 1.4;}
    .s-lh5{ line-height: 1.5;}
    .s-lh6{ line-height: 1.6;}
    .s-lh7{ line-height: 1.7;}
    .s-lh8{ line-height: 1.8;}
    .s-lh9{ line-height: 1.9;}
    .s-lh10{ line-height: 2;}

    /* 字型樣式及置中設定 */
    .s-margin{ margin-left: auto; margin-right: auto;}
    .s-alignC{ text-align: center;}
    .s-alignR{ text-align: right;}
    .s-alignL{ text-align: left;}
    .s-alignT{ vertical-align: top;}
    .s-alignM{ vertical-align: middle;}
    .s-alignB{ vertical-align: bottom;}
    
    /* float設定 */
    .s-float-l{ float: left;}
    .s-float-r{ float: right;}
    
    /* 定位 */
    .s-absolute, .s-inner-absolute > *{ position: absolute;}
    .s-absoluteTL, .s-inner-absoluteTL > *{ position: absolute; top: 0; left: 0; right: auto;}
    .s-absoluteTR, .s-inner-absoluteTR > *{ position: absolute; top: 0; right: 0; left: auto;}
    .s-absoluteBL, .s-inner-absoluteBL > *{ position: absolute; bottom: 0; left: 0; right: auto;}
    .s-absoluteBR, .s-inner-absoluteBR > *{ position: absolute; bottom: 0; right: 0; left: auto;}
    .s-relative, .s-inner-relative > *{ position: relative;}
    
    /* s-tableBlock */
    .s-tableBlock, .s-tableBlock .tr, .s-tableBlock .td, .s-tableBlock .th{ display: block;}
    
    /* m-inblock */
    .s-inner-inblock{ font-size: 0; display: block;}
    .s-inner-inblock > *{ display: inline-block; vertical-align: middle;}
    .s-inner-inblock .block{ display: block;}
    .s-inblock{ display: inline-block;}
    .s-block{ display: block;}
    .s-inline{ display: inline;}
    .s-none{ display: none;}
}