@charset "utf-8";
/* 請設定以下資料 */
html{font-size:19px;line-height:1.5;}/* 等於中間的 1vw */
 /* CSS 共用部分  */
 div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img {    margin: 0;    padding: 0;    border: none;}
 ul, li {    list-style: none;}
 .clr {    clear: both;}
 .tRight {    text-align: right !important;}
 .tLeft ,.tleft { padding-left: 0;    text-align: left !important;}
 .tCenter ,.tcenter{    text-align: center!important;    position: relative !important;}
 .rely {    position: relative;}
 .forminput{	background:#ffcccc !important;}
 .hideme {    display: none;}
 .imgleft{float: left;}
 .imgright{float: right;}
 .imgcl{text-align:left;}
 .imgcr{text-align:right;}
 .imgc{text-align:center;}
 .fL {    float: left;}
 .fR {    float: right;}
 .fC {    display:block;}
 /* 請設定以下資料 */
 /* 14px==1vw */
 /*設置table尺寸位置*/
 .inputtb{}
 .inputtb40{width:40%;}
 .inputtb45{width:45%;}
 .inputtb50{width:50%;}
 .inputtb55{width:55%;}
 .inputtb60{width:60%;}
 .inputtb65{width:65%;}
 .inputtb70{width:70%;}
 .inputtb75{width:75%;}
 .inputtb80{width:80%;}
 .inputtb85{width:85%;}
 .inputtb90{width:90%;}
 .inputtb95{width:95%;}
 .inputtb100{width:100%;}
 .inputbright{text-align:right;}
 .inputbleft{text-align:left;}
 .inputbcenter{text-align:center;}
 .inputbright .inputtb{margin-right:0;margin-left:auto;}
 .inputbleft .inputtb{margin-left:0;margin-right:auto;}
 .inputbcenter .inputtb{margin-left:auto;margin-right:auto;}
 .ib_fsize{padding:0;margin:0;border:0;background:none;}

 .inputblockwrap{position:relative;font-weight:normal;text-align:left;}
 .tagbody .inputblockwrap{overflow:hidden;}
 .inputblockwrap h1{position:relative;}
 .inputblockwrap h2{position:relative;}
 .inputblockwrap h3{position:relative;}
 .inputblockwrap p{position:relative;}
 .inputblockwrap .h3{position:relative;}

 .inputblockwrap ol{position:relative;}
 .inputblockwrap ol li{position:relative;}
 .inputblockwrap ol ol{position:relative;}
 .inputblockwrap ol ol li{position:relative;}

 .inputblockwrap .imagebox{max-width:100%;}
 .inputblockwrap .imagebox.FL{display:inline-block;}
 .inputblockwrap .imagebox.fR{display:inline-block;}
 .inputblockwrap .imagebox.fC{display:block;text-align:center;}
 .inputblockwrap .imagebox.imgleft{display:inline-block;}
 .inputblockwrap .imagebox.imgright{display:inline-block;}
 .inputblockwrap .imagebox.imgcl{display:block;}
 .inputblockwrap .imagebox.imgcr{display:block;}
 .inputblockwrap .imagebox.imgc{display:block;}
 .inputblockwrap .imfgroup{position:relative;}
 .inputblockwrap .imfgroup .imagebox{display:inline-block;}
 .imagebox img{max-width:100%;}

 .inputblockwrap table{position:relative;border-collapse: collapse;}
 .inputblockwrap table th,.inputblockwrap table td{border-collapse: collapse;}
 .inputblockwrap table th{}
 .inputblockwrap table td{}
 .inputblockwrap iframe{position:relative;}
 .inputblockwrap table tr:nth-child(2n) td{}
 .sptext{}
 .imagebox p{}
 .inputblockwrap  .ib_2splitf{width:48%;float:left;}
 .inputblockwrap  .ib_2splitf:nth-child(1){margin-right:4%;}
 .inputblockwrap  .ib_2splitf.x2split1{width:63%;}
 .inputblockwrap  .ib_2splitf.x2split1:nth-child(2){width:33%;}
 .inputblockwrap  .ib_2splitf.x2split3{width:33%;}
 .inputblockwrap  .ib_2splitf.x2split3:nth-child(2){width:63%;}
 .inputblockwrap .ibcutline{}
/*特殊字體功能*/
.ib_e_bold{font-weight:bold!important;}
.ib_e_italic{font-style: italic!important;}
.ib_e_underline{text-decoration: underline!important;}
.ib_e_spcolor{color:#ff4444!important;font-weight:800!important;}

.inputblockwrap{padding:0; }
.tagbody .inputblockwrap{background:#fff;border-radius: 10px;border:1px dotted #ccc;}
.inputblockwrap h1{font-size:2rem;line-height:2;margin-bottom:20px;font-weight:bold;color:#3e3a39;}
.inputblockwrap h2{color:#3e3a39;font-size:1.4rem;line-height:1.5;font-weight:bold;margin:20px 0;}
.inputblockwrap h3{color:#474443;font-size:1.2rem;line-height:1.5;font-weight:bold;margin:20px 0 0 0;}
.inputblockwrap p{color:#474443;font-size:1rem;line-height:1.5;margin:15px 0;font-weight:normal;}
.inputblockwrap .h3{color:#474443;font-size:0.9rem;line-height:1.5; font-weight: normal;}
.inputblockwrap ol{margin:10px 0 10px 20px;font-weight:normal;}
.inputblockwrap ol li{color:#474443;font-size:1rem;line-height:1.5;margin:10px 0;list-style:circle;list-style-position: outside;}
.inputblockwrap ol ol{margin:10px 0 10px 20px;font-weight:normal;}
.inputblockwrap ol ol li{color:#474443;font-size:1rem;line-height:1.5;margin:10px 0;list-style:disc;}
.inputblockwrap a{display:inline-block;background:#3e3a39;color:#fff;text-decoration: none;font-weight:normal;padding:0 15px;margin:0 5px;border-radius:10px;}

.inputblockwrap .imagebox{margin:10px 0;}
.inputblockwrap .imagebox.FL{margin-right:10px;}
.inputblockwrap .imagebox.fR{margin-left:10px;}
.inputblockwrap .imagebox.fC{margin:10px auto;}
.inputblockwrap .imagebox.imgleft{margin-right:10px;}
.inputblockwrap .imagebox.imgright{margin-left:10px;}
.inputblockwrap .imagebox.imgcl{}
.inputblockwrap .imagebox.imgcr{}
.inputblockwrap .imagebox.imgc{}
.inputblockwrap .imfgroup{margin:10px 0;}
.inputblockwrap .imfgroup .imagebox{margin:10px;}
.imagebox img{}

.inputblockwrap table{margin:15px 0;min-width:50%;border-collapse: collapse;border:1px solid #474443;}
.inputblockwrap table tr{border:1px solid #474443;}
.inputblockwrap table th,.inputblockwrap table td{font-size:1rem;line-height:2;border:1px solid #474443;}
.inputblockwrap table th{font-weight:bold;background:#3e3a39;color:#ffffff;padding:10px;text-align:center;}
.inputblockwrap table td{background:#ffffff;color:#474443;padding:10px;text-align:left;font-weight:normal;}
.inputblockwrap iframe{margin:20px 0;}
.inputblockwrap table tr:nth-child(2n) td{background:#f2ede4;}
.sptext{color:#ff4444;font-weight:bold;}
.imagebox p{color:#a0a0a0;font-size:0.9rem;line-height:1.5;margin-top:5px;font-weight:normal;}
.inputblockwrap  .ib_2splitf{margin:0;background:none;}
.inputblockwrap  .ib_2splitf:nth-child(1){}
.inputblockwrap  .ib_2splitf.x2split1{}
.inputblockwrap  .ib_2splitf.x2split1:nth-child(2){}
.inputblockwrap  .ib_2splitf.x2split3{}
.inputblockwrap  .ib_2splitf.x2split3:nth-child(2){}
.inputblockwrap .ibcutline{margin:10px 0;border-bottom:1px solid #747474;}

@media screen and (max-width: 1920px) {
	html{font-size:0.982vw;}	
	.inputblockwrap{padding:0; }
	.tagbody .inputblockwrap{border-radius: calc(10vw / 19.2);}
	.inputblockwrap h1{margin-bottom:calc(20vw / 19.2);}
	.inputblockwrap h2{margin:calc(20vw / 19.2) 0;}
	.inputblockwrap h3{margin:calc(20vw / 19.2) 0 0 0;}
	.inputblockwrap p{margin:calc(15vw / 19.2) 0;}
	.inputblockwrap .h3{}
	.inputblockwrap ol{margin:calc(10vw / 19.2) 0 calc(10vw / 19.2) calc(20vw / 19.2);}
	.inputblockwrap ol li{margin:calc(10vw / 19.2) 0;}
	.inputblockwrap ol ol{margin:calc(10vw / 19.2) 0 calc(10vw / 19.2) calc(20vw / 19.2);}
	.inputblockwrap ol ol li{margin:calc(10vw / 19.2) 0;}
	.inputblockwrap a{padding:0 calc(15vw / 19.2);margin:0 calc(5vw / 19.2);border-radius:calc(10vw / 19.2);}

	.inputblockwrap .imagebox{margin:calc(10vw / 19.2) 0;}
	.inputblockwrap .imagebox.FL{margin-right:calc(10vw / 19.2);}
	.inputblockwrap .imagebox.fR{margin-left:calc(10vw / 19.2);}
	.inputblockwrap .imagebox.fC{margin:calc(10vw / 19.2) auto;}
	.inputblockwrap .imagebox.imgleft{margin-right:calc(10vw / 19.2);}
	.inputblockwrap .imagebox.imgright{margin-left:calc(10vw / 19.2);}
	.inputblockwrap .imfgroup{margin:calc(10vw / 19.2) 0;}
	.inputblockwrap .imfgroup .imagebox{margin:calc(10vw / 19.2);}

	.inputblockwrap table{margin:calc(15vw / 19.2) 0;}
	.inputblockwrap table th,.inputblockwrap table td{}
	.inputblockwrap table th{padding:calc(10vw / 19.2);}
	.inputblockwrap table td{padding:calc(10vw / 19.2);}
	.inputblockwrap iframe{margin:calc(20vw / 19.2) 0;}
	.imagebox p{margin-top:calc(5vw / 19.2);}
	.inputblockwrap .ibcutline{margin:calc(10vw / 19.2) 0;}
}

@media screen and (max-width: 979px) {
	html{font-size:3.2vw;}
	.inputblockwrap{padding:0; }
	.tagbody .inputblockwrap{border-radius: calc(10vw / 6);}
	.inputblockwrap h1{margin-bottom:calc(20vw / 6);}
	.inputblockwrap h2{margin:calc(20vw / 6) 0;}
	.inputblockwrap h3{margin:calc(20vw / 6) 0 0 0;}
	.inputblockwrap p{margin:calc(15vw / 6) 0;}
	.inputblockwrap .h3{}
	.inputblockwrap ol{margin:calc(10vw / 6) 0 calc(10vw / 6) calc(30vw / 6);}
	.inputblockwrap ol li{margin:calc(10vw / 6) 0;}
	.inputblockwrap ol ol{margin:calc(10vw / 6) 0 calc(10vw / 6) calc(30vw / 6);}
	.inputblockwrap ol ol li{margin:calc(10vw / 6) 0;}
	.inputblockwrap a{padding:0 calc(15vw / 6);margin:0 calc(5vw / 6);border-radius:calc(10vw / 6);}

	.inputblockwrap .imagebox{margin:calc(10vw / 6) 0;}
	.inputblockwrap .imagebox.FL{margin-right:calc(10vw / 6);}
	.inputblockwrap .imagebox.fR{margin-left:calc(10vw / 6);}
	.inputblockwrap .imagebox.fC{margin:calc(10vw / 6) auto;}
	.inputblockwrap .imagebox.imgleft{margin-right:calc(10vw / 6);}
	.inputblockwrap .imagebox.imgright{margin-left:calc(10vw / 6);}
	.inputblockwrap .imfgroup{margin:calc(10vw / 6) 0;}
	.inputblockwrap .imfgroup .imagebox{margin:calc(10vw / 6);}

	.inputblockwrap table{margin:calc(15vw / 6) 0;}
	.inputblockwrap table th,.inputblockwrap table td{}
	.inputblockwrap table th{padding:calc(10vw / 6);}
	.inputblockwrap table td{padding:calc(10vw / 6);}
	.inputblockwrap iframe{margin:calc(20vw / 6) 0;}
	.imagebox p{margin-top:calc(5vw / 6);}
	.inputblockwrap .ibcutline{margin:calc(10vw / 6) 0;}
	
	
    .inputblockwrap .imfgroup .imagebox{display:inline-block;}
    .inputblockwrap  .ib_2splitf{width:100%;}
    .inputblockwrap  .ib_2splitf.x2split1{width:100%;}
    .inputblockwrap  .ib_2splitf.x2split1:nth-child(2){width:100%;}
    .inputblockwrap  .ib_2splitf.x2split3{width:100%;}
    .inputblockwrap  .ib_2splitf.x2split3:nth-child(2){width:100%;}
}
