/* # MetaFlexRwd v0.0.1 n.1 1402-01-01 12:14 */
/* fx:60x1, mb:60x6=360, tb:60x12=720, pc:60x18=1080, lp:60x24=1440, tv:60x30=1800++; */

/* Flex Cols ---------------------------------------- */
.fxc1,.fxcl1,.fcl1,.fx-col1{width:8.33333%;flex:8.33333%;}
.fxc2,.fxcl2,.fcl2,.fx-col2{width:16.66666%;flex:16.66666%;}
.fxc3,.fxcl3,.fcl3,.fx-col3{width:25%;flex:25%;}
.fxc4,.fxcl4,.fcl4,.fx-col4{width:33.33333%;flex:33.33333%;}
.fxc5,.fxcl5,.fcl5,.fx-col5{width:41.66666%;flex:41.66666%;}
.fxc6,.fxcl6,.fcl6,.fx-col6{width:50%;flex:50%;}
.fxc7,.fxcl7,.fcl7,.fx-col7{width:58.33333%;flex:58.33333%;}
.fxc8,.fxcl8,.fcl8,.fx-col8{width:66.66666%;flex:66.66666%;}
.fxc9,.fxcl9,.fcl9,.fx-col9{width:75%;flex:75%;}
.fxc10,.fxcl10,.fcl10,.fx-col10{width:83.33333%;flex:83.33333%;}
.fxc11,.fxcl11,.fcl11,.fx-col11{width:91.66666%;flex:91.66666%;}
.fxc12,.fxcl12,.fcl12,.fx-col12{width:100%;flex:100%;}
.fxc-hide,.fxcl-hide{display:none;} .fxc-show,.fxcl-show{display:block;}
.pad0{padding:0px;} .pad6{padding:6px;} .pad12{padding:12px;}
.pad18{padding:18px;} .pad24{padding:24px;} .pad30{padding:30px;}

/* -------------- mb:mobile 60x6=360 (0px) ---------------------------------------- */
@media only screen and (min-width:0px) and (max-width:360px){
	.fxm1,.fxmb1,.fmb1,.fx-mb1{width:8.33333%;flex:8.33333%;}
	.fxm2,.fxmb2,.fmb2,.fx-mb2{width:16.66666%;flex:16.66666%;}
	.fxm3,.fxmb3,.fmb3,.fx-mb3{width:25%;flex:25%;}
	.fxm4,.fxmb4,.fmb4,.fx-mb4{width:33.33333%;flex:33.33333%;}
	.fxm5,.fxmb5,.fmb5,.fx-mb5{width:41.66666%;flex:41.66666%;}
	.fxm6,.fxmb6,.fmb7,.fx-mb6{width:50%;flex:50%;}
	.fxm7,.fxmb7,.fmb7,.fx-mb7{width:58.33333%;flex:58.33333%;}
	.fxm8,.fxmb8,.fmb8,.fx-mb8{width:66.66666%;flex:66.66666%;}
	.fxm9,.fxmb9,.fmb9,.fx-mb9{width:75%;flex:75%;}
	.fxm10,.fxmb10,.fmb10,.fx-mb10{width:83.33333%;flex:83.33333%;}
	.fxm11,.fxmb11,.fmb11,.fx-mb11{width:91.66666%;flex:91.66666%;}
	.fxm12,.fxmb12,.fmb12,.fx-mb12{width:100%;flex:100%;}
	.fxm-hide,.fxmb-hide{display:none;} .fxm-show,.fxmb-show{display:block;}
	.pad-mb{padding:0px;} .pad-mb6{padding:6px;} .pad-mb12{padding:12px;}
	.pad-mb18{padding:18px;} .pad-mb24{padding:24px;} .pad-mb30{padding:30px;}
}/* @media mb:mobile */

/* -------------- tb:tablet 60x12=720 (361px) ---------------------------------------- */
@media only screen and (min-width:361px) and (max-width:720px){
	.fxt1,.fxtb1,.ftb1,.fx-tb1{width:8.33333%;flex:8.33333%;}
	.fxt2,.fxtb2,.ftb2,.fx-tb2{width:16.66666%;flex:16.66666%;}
	.fxt3,.fxtb3,.ftb3,.fx-tb3{width:25%;flex:25%;}
	.fxt4,.fxtb4,.ftb4,.fx-tb4{width:33.33333%;flex:33.33333%;}
	.fxt5,.fxtb5,.ftb5,.fx-tb5{width:41.66666%;flex:41.66666%;}
	.fxt6,.fxtb6,.ftb7,.fx-tb6{width:50%;flex:50%;}
	.fxt7,.fxtb7,.ftb7,.fx-tb7{width:58.33333%;flex:58.33333%;}
	.fxt8,.fxtb8,.ftb8,.fx-tb8{width:66.66666%;flex:66.66666%;}
	.fxt9,.fxtb9,.ftb9,.fx-tb9{width:75%;flex:75%;}
	.fxt10,.fxtb10,.ftb10,.fx-tb10{width:83.33333%;flex:83.33333%;}
	.fxt11,.fxtb11,.ftb11,.fx-tb11{width:91.66666%;flex:91.66666%;}
	.fxt12,.fxtb12,.ftb12,.fx-tb12{width:100%;flex:100%;}
	.fxt-hide{display:none;} .fxt-show{display:block;}
	.pad-tb{padding:0px;} .pad-tb6{padding:6px;} .pad-tb12{padding:12px;}
	.pad-tb18{padding:18px;} .pad-tb24{padding:24px;} .pad-tb30{padding:30px;}
}/* @media tb:tablet */

/* -------------- pc:desktop 60x18=1080 (721px) ---------------------------------------- */
@media only screen and (min-width:721px) and (max-width:1080px){
	.fxp1,.fxpc1,.fpc1,.fx-pc1{width:8.33333%;flex:8.33333%;}
	.fxp2,.fxpc2,.fpc2,.fx-pc2{width:16.66666%;flex:16.66666%;}
	.fxp3,.fxpc3,.fpc3,.fx-pc3{width:25%;flex:25%;}
	.fxp4,.fxpc4,.fpc4,.fx-pc4{width:33.33333%;flex:33.33333%;}
	.fxp5,.fxpc5,.fpc5,.fx-pc5{width:41.66666%;flex:41.66666%;}
	.fxp6,.fxpc6,.fpc7,.fx-pc6{width:50%;flex:50%;}
	.fxp7,.fxpc7,.fpc7,.fx-pc7{width:58.33333%;flex:58.33333%;}
	.fxp8,.fxpc8,.fpc8,.fx-pc8{width:66.66666%;flex:66.66666%;}
	.fxp9,.fxpc9,.fpc9,.fx-pc9{width:75%;flex:75%;}
	.fxp10,.fxpc10,.fpc10,.fx-pc10{width:83.33333%;flex:83.33333%;}
	.fxp11,.fxpc11,.fpc11,.fx-pc11{width:91.66666%;flex:91.66666%;}
	.fxp12,.fxpc12,.fpc12,.fx-pc12{width:100%;flex:100%;}
	.fxp-hide,.fxpc-hide{display:none;} .fxp-show,.fxpc-show{display:block;}
	.pad-pc{padding:0px;} .pad-pc6{padding:6px;} .pad-pc12{padding:12px;}
	.pad-pc18{padding:18px;} .pad-pc24{padding:24px;} .pad-pc30{padding:30px;}
}/* @media pc:desktop */

/* -------------- lp:laptop 60x24=1440 (1081px) ---------------------------------------- */
@media only screen and (min-width:1081px) and (max-width:1440px){
	.fxl1,.fxlp1,.flp1,.fx-lp1{width:8.33333%;flex:8.33333%;}
	.fxl2,.fxlp2,.flp2,.fx-lp2{width:16.66666%;flex:16.66666%;}
	.fxl3,.fxlp3,.flp3,.fx-lp3{width:25%;flex:25%;}
	.fxl4,.fxlp4,.flp4,.fx-lp4{width:33.33333%;flex:33.33333%;}
	.fxl5,.fxlp5,.flp5,.fx-lp5{width:41.66666%;flex:41.66666%;}
	.fxl6,.fxlp6,.flp7,.fx-lp6{width:50%;flex:50%;}
	.fxl7,.fxlp7,.flp7,.fx-lp7{width:58.33333%;flex:58.33333%;}
	.fxl8,.fxlp8,.flp8,.fx-lp8{width:66.66666%;flex:66.66666%;}
	.fxl9,.fxlp9,.flp9,.fx-lp9{width:75%;flex:75%;}
	.fxl10,.fxlp10,.flp10,.fx-lp10{width:83.33333%;flex:83.33333%;}
	.fxl11,.fxlp11,.flp11,.fx-lp11{width:91.66666%;flex:91.66666%;}
	.fxl12,.fxlp12,.flp12,.fx-lp12{width:100%;flex:100%;}
	.fxl-hide,.fxlp-hide{display:none;} .fxl-show,.fxlp-show{display:block;}
	.pad-lp{padding:0px;} .pad-lp6{padding:6px;} .pad-lp12{padding:12px;}
	.pad-lp18{padding:18px;} .pad-lp24{padding:24px;} .pad-lp30{padding:30px;}
}/* @media lp:laptop */

/* -------------- tv:television 60x30=1800 (1441px) ---------------------------------------- */
/* @media only screen and (min-width:1441px) and (max-width:1800px){ */
@media only screen and (min-width:1441px){
	.fxtv1,.ftv1,.fx-tv1{width:8.33333%;flex:8.33333%;}
	.fxtv2,.ftv2,.fx-tv2{width:16.66666%;flex:16.66666%;}
	.fxtv3,.ftv3,.fx-tv3{width:25%;flex:25%;}
	.fxtv4,.ftv4,.fx-tv4{width:33.33333%;flex:33.33333%;}
	.fxtv5,.ftv5,.fx-tv5{width:41.66666%;flex:41.66666%;}
	.fxtv6,.ftv7,.fx-tv6{width:50%;flex:50%;}
	.fxtv7,.ftv7,.fx-tv7{width:58.33333%;flex:58.33333%;}
	.fxtv8,.ftv8,.fx-tv8{width:66.66666%;flex:66.66666%;}
	.fxtv9,.ftv9,.fx-tv9{width:75%;flex:75%;}
	.fxtv10,.ftv10,.fx-tv10{width:83.33333%;flex:83.33333%;}
	.fxtv11,.ftv11,.fx-tv11{width:91.66666%;flex:91.66666%;}
	.fxtv12,.ftv12,.fx-tv12{width:100%;flex:100%;}
	.fxtv-hide{display:none;} .fxtv-show{display:block;}
	.pad-tv{padding:0px;} .pad-tv6{padding:6px;} .pad-tv12{padding:12px;}
	.pad-tv18{padding:18px;} .pad-tv24{padding:24px;} .pad-tv30{padding:30px;}
}/* @media tv:television */

/* -------------- flex percentage ---------------------------------------- */
.flex0,.flex-0,.fx0,.fx-0[data-flex="0"]{flex:0;}
.flex1,.flex-1,.fx1,.fx-1[data-flex="1"]{flex:10%;}
.flex2,.flex-2,.fx2,.fx-2[data-flex="2"]{flex:20%;} 
.flex3,.flex-3,.fx3,.fx-3[data-flex="3"]{flex:30%;}
.flex4,.flex-4,.fx4,.fx-4[data-flex="4"]{flex:40%;}
.flex5,.flex-5,.fx5,.fx-5[data-flex="5"]{flex:50%;}
.flex6,.flex-6,.fx6,.fx-6[data-flex="6"]{flex:60%;} 
.flex7,.flex-7,.fx7,.fx-7[data-flex="7"]{flex:70%;}
.flex8,.flex-8,.fx8,.fx-8[data-flex="8"]{flex:80%;} 
.flex9,.flex-9,.fx9,.fx-9[data-flex="9"]{flex:90%;}
.flex10,.flex-10,.fx10,.fx-10[data-flex="10"]{flex:100%;}