/*
    support_biz.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
	div.SUPPORT_BIZ_WP{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
	}

	div.SUPPORT_BIZ_WP_TH{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
        overflow-x: scroll;
	}

	div.SUPPORT_BIZ_SCR_TH{
		width:1450px;
	}

  /* ---------------------------------
      For Top Section 
    --------------------------------- */
	div.SUPPORT_BIZ_MAIN:lang(en){
		width:100%;
		height:500px;
		background:url(../imgs/support_biz_top_bg_pc_en.jpg) no-repeat #0B6DAB;
		background-size: auto 500px;
		background-position: right;
		position:relative;
        margin-bottom:30px;
	}

	div.SUPPORT_BIZ_MAIN:lang(th){
		width:100%;
		height:500px;
		background:url(../imgs/support_biz_top_bg_pc_th.jpg) no-repeat #0B6DAB;
		background-size: auto 500px;
		background-position: right;
		position:relative;
        margin-bottom:30px;
	}

	div.SUPPORT_BIZ_WP h3{
		width:100%;
		font-size:160%;
        font-weight:bold;
        margin-top:40px;
        margin-bottom:20px;
        text-align:center;
	}

	div.SUPPORT_BIZ_MAIN_BOX{
		width:320px;
		height:300px;
		padding:40px;
        background:#fff;
        color:#000;
		position:absolute;
        left:5%;
        top:100px;
        display:flex;
        align-items: center;
	}

	div.SUPPORT_BIZ_MAIN_BOX h2{
		font-size:220%;
        font-weight:bold;
        margin-bottom:40px;
        text-align:center;
	}

	div.SUPPORT_BIZ_MAIN_BOX p{
		font-size:160%;
		margin:0;
		padding:0;
        line-height:1.5em;
        text-align:left;
        font-weight:bold;
	}

	div.SUPPORT_BIZ_INFO01{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:40px 0;
        background:#fff;
	}

	div.SUPPORT_BIZ_INFO01 h4{
		font-size:160%;
        font-weight:bold;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 h4.INFO span{
		color:#305BAB;
	}

	div.SUPPORT_BIZ_INFO01 p{
		margin:0;
		padding:0;
	}

	div.SUPPORT_BIZ_INFO01 h4.H4_CTR{
		text-align:center;
        margin-bottom:40px;
	}

	div.SUPPORT_BIZ_FEATURE01{
		display:flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_GUIDANCE{
		display:flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_FEATURE02{
        margin-bottom:40px;
	}

	div.SUPPORT_BIZ_FEATURE02 h5{
		font-size:120%;
        font-weight:bold;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_FEATURE03{
		display:flex;
        justify-content: space-between;
	}

	div.SUPPORT_BIZ_FEATURE_IMG{
        width:46%;
	}

	div.SUPPORT_BIZ_FEATURE_IMG img{
        width:100%;
	}

	div.SUPPORT_BIZ_FEATURE_TXT{
        width:46%;
	}

	div.SUPPORT_BIZ_GUIDANCE_IMG{
        width:40%;
	}

	div.SUPPORT_BIZ_GUIDANCE_IMG img{
        width:100%;
	}

	div.SUPPORT_BIZ_GUIDANCE_TXT{
        width:50%;
	}

	div.SUPPORT_BIZ_FEATURE_TXT h5{
		font-size:120%;
        font-weight:bold;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXT{
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_PC{
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_PC img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO01 p.SIZE_AML img{
        width:80%;
        margin-left:10%;
	}

	div.SUPPORT_BIZ_INFO01 p.SIZE_AML2 img{
        width:60%;
        margin-left:20%;
	}


	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP{
		display:none;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG{
		display:flex;
        align-items:center;
        font-weight:bold;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXT_LINK{
		font-size:140%;
        font-weight:bold;
        margin-top:20px;
        margin-bottom:30px;
        color:#434343;
        text-align:center;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG img{
		width:160px;
        margin-left:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_LOGO{
		width:200px;
        margin:0 auto;
        margin-top:40px;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_LOGO img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO01 a{
        text-decoration:underline;
	}

	div.SUPPORT_BIZ_INFO02_WP{
		width:100%;
        background:#FDFFE4;
	}

	div.SUPPORT_BIZ_INFO02{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:40px 0;
        position:relative;
	}

	div.SUPPORT_BIZ_INFO02 h4{
		font-size:160%;
        font-weight:bold;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO02 p{
		margin:0;
		padding:0;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_PC{
        position:absolute;
        top:30px;
        right:0;
        width:23%;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_PC img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_SP{
		display:none;
	}

	div.SUPPORT_BIZ_INFO03{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:0 0 20px 0;
        background:#fff;
	}

	div.SUPPORT_BIZ_INFO03 h4{
		font-size:160%;
        font-weight:bold;
        margin-bottom:20px;
        margin-top:20px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_SELLER{
		font-size:140%;
		display:block;
        width:200px;
        padding:4px 8px;
        color:#fff;
        border-radius:8px;
        background:#3AB54B;
        text-align:center;
        margin-top:0;
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_BUYER{
		display:block;
        width:240px;
        padding:4px 8px;
        color:#fff;
        border-radius:8px;
        background:#29B4D3;
        text-align:center;
        margin-top:60px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_DEAR{
        margin-top:60px;
	}

	div.SUPPORT_BIZ_INFO03 p{
		margin:0;
		padding:0;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_TXT{
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_IMG{
        margin-bottom:20px;
        margin-top:40px;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_IMG img{
        width:70%;
        margin-left:15%;
	}

	div.SUPPORT_BIZ_INFO03 a{
        text-decoration:underline;
	}

	div.SUPPORT_BIZ_INFO_MOV{
		display:flex;
        justify-content: center;
		margin-bottom:40px;
	}

	div.SUPPORT_BIZ_INFO_MOV iframe{
        width: 47%;
        height: auto;
        aspect-ratio: 16 / 9;
	}

	div.SUPPORT_BIZ_INFO04{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:0 0 40px 0;
        background:#fff;
		display:flex;
        justify-content: space-between;
	}

	div.SUPPORT_BIZ_INFO04 a{
		display:block;
		width:48%;
	}

	div.SUPPORT_BIZ_INFO04 a img{
      width:100%;
      height:auto;
	}

	div.SUPPORT_BIZ_INFO_REC{
      width:86%;
      max-width: 1000px;
      margin:0 auto;
      padding:0 0 20px 0;
      display:flex;
      flex-wrap:wrap;
	}

	div.SUPPORT_BIZ_INFO_REC_BANNER{
      width:100%;
      margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO_REC_BANNER img{
      width:100%;
	}

	div.SUPPORT_BIZ_INFO_LEFT{
      width:30%;
	}

	div.SUPPORT_BIZ_INFO_LEFT img{
      width:100%;
	}

	div.SUPPORT_BIZ_INFO_RIGHT{
      width:67%;
      margin-left:3%;
	}

	div.SUPPORT_BIZ_INFO_RIGHT p{
	    margin:0;
	    padding:0;
      font-size:86%;
      line-height:1.4em;
	}

	div.SUPPORT_BIZ_INFO_RIGHT p:lang(th){
      font-size:90%;
      line-height:1.6em;
	}

	div.SUPPORT_BIZ_INFO_RIGHT p a{
      margin:0 auto;
      width:160px;
      display:block;
      border-radius:8px;
      color:#fff;
      background:#FFB204;
      padding:10px 20px;
      font-size:120%;
      margin-top:10px;
      text-align:center;
	}



	div.SUPPORT_BIZ_POP_BG{
      display: flex;
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000000;
      background:rgba(0, 0, 0, 0.4);
      justify-content: center;
      align-items: center;
    }

	div.SUPPORT_BIZ_POP{
		width:80%;
        max-width:1000px;
        height:auto;
        position:relative;
	}

	div.SUPPORT_BIZ_POP img{
        width: 100%;
        height: auto;
  	}

	div.SUPPORT_BIZ_POP span{
        position:absolute;
        top:4px;
        right:6px;
		width:20px;
		height:20px;
        cursor:pointer;
  	}

	div.SUPPORT_BIZ_POP span img{
		width:100%;
        border:0;
  	}

	img.sup_icon{
		width:20px;
		height:20px;
		margin-right:2px;
		vertical-align:middle;
	}

	h4.H4_SELLERS{
		margin:0;
		padding:0;
		font-size:90%;
		display:block;
		width:200px;
		padding:10px 0;
		color:#fff;
		background:#3AB54B;
		text-align:center;
		margin-bottom:10px;
		border-radius:8px;
	}

	h4.H4_SELLERS2{
		margin:0;
		padding:0;
		font-size:90%;
		display:block;
		width:260px;
		padding:10px 0;
		color:#fff;
		background:#3AB54B;
		text-align:center;
		margin-bottom:10px;
		border-radius:8px;
	}

	h4.H4_BUYERS{
		margin:0;
		padding:0;
		font-size:90%;
		display:block;
		width:200px;
		padding:10px 0;
		color:#fff;
		background:#29B4D3;
		text-align:center;
		margin-bottom:10px;
		border-radius:8px;
	}

	div.SUPPORT_BIZ_INFO01 h4.H4_GUIDANCE{
		margin:0;
		padding:0;
		font-size:120%;
		font-weight:normal;
		display:block;
		width:200px;
		padding:10px 0;
		color:#fff;
		background:#BD0A0A;
		text-align:center;
		margin-bottom:10px;
		border-radius:8px;
	}

  /* ---------------------------------
      For Google Ads 
    --------------------------------- */
	div.SUPPORT_BIZ_ADS{
      width:86%;
      max-width: 1000px;
      margin:0 auto;
      margin-top:30px;
      margin-bottom:30px;
	}

/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.SUPPORT_BIZ_WP{
        border-bottom:0;
        line-height:2.0em;
	}

	div.SUPPORT_BIZ_WP h3{
		font-size:140%;
        margin-top:20px;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_WP_TH{
		width:100%;
        margin-bottom:10px;
        border-bottom:0;
        line-height:2.0em;
        overflow-x: hidden;
	}

	div.SUPPORT_BIZ_SCR_TH{
		width:100%;
	}

	div.SUPPORT_BIZ_MAIN:lang(en){
		width:100%;
		height:400px;
		background:url(../imgs/support_biz_top_bg_sp_en.jpg) no-repeat;
		background-size: 100% auto;
		background-position: top;
		position:relative;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_MAIN:lang(th){
		width:100%;
		height:400px;
		background:url(../imgs/support_biz_top_bg_sp_th.jpg) no-repeat;
		background-size: 100% auto;
		background-position: top;
		position:relative;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_MAIN_BOX{
		width:100%;
		padding:20px 0 40px 20px;
		height:auto;
        position:absolute;
        top:270px;
        left: 0;
		background: rgba(255, 255, 255,0.8);
	}

	div.SUPPORT_BIZ_MAIN_BOX p{
		font-size:120%;
		font-weight:bold;
		-webkit-text-stroke: 0;
        text-align:left;
        line-height:120%;
	}

	div.SUPPORT_BIZ_MAIN_BOX p:lang(th){
		font-size:110%;
	}

	div.SUPPORT_BIZ_INFO01{
		width:100%;
		padding:20px;
	}

	div.SUPPORT_BIZ_INFO02{
		width:100%;
		padding:20px;
	}

	div.SUPPORT_BIZ_INFO01 h4{
		font-size:120%;
	}

	div.SUPPORT_BIZ_INFO01 h4.INFO{
		font-size:140%;
        text-align:center;
	}

	div.SUPPORT_BIZ_INFO02{
		width:100%;
	}

	div.SUPPORT_BIZ_INFO02 h4{
		font-size:120%;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_PC{
		display:none;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP{
        display:block;
		width:100%;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP.SIZE_SML{
        display:block;
		width:80%;
        margin:0 auto;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_PC{
		display:none;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_SP{
        display:block;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_SP img{
        display:block;
		width:80%;
        margin:0 auto;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG{
		display:flex;
        flex-direction: column;
        font-size:140%;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG img{
		width:70%;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXT_LINK{
		font-size:120%;
	}

	div.SUPPORT_BIZ_INFO03{
		width:100%;
		padding:20px;
	}

	div.SUPPORT_BIZ_INFO03 h4{
		font-size:120%;
        margin-top:10px;
        
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_TXT{
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_IMG{
        margin-top:20px;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_GUIDANCE{
		display:block;
	}

	div.SUPPORT_BIZ_FEATURE01{
		display:block;
	}

	div.SUPPORT_BIZ_FEATURE02{
		display:block;
	}

	div.SUPPORT_BIZ_FEATURE03{
		display:block;
	}

	div.SUPPORT_BIZ_FEATURE_TXT h5{
		font-size:110%;
        text-align:center;
	}

	div.SUPPORT_BIZ_FEATURE_TXT{
		width:100%;
	}

	div.SUPPORT_BIZ_FEATURE_IMG{
		width:100%;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_GUIDANCE_TXT{
		width:100%;
	}

	div.SUPPORT_BIZ_GUIDANCE_IMG{
		width:100%;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 h4.H4_CTR{
		font-size:140%;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_FEATURE02 h5{
		font-size:110%;
        text-align:center;
	}


	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_SELLER{
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_BUYER{
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_DEAR{
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO_MOV{
      flex-direction: column;
		margin-bottom:0;
	}

	div.SUPPORT_BIZ_INFO_MOV iframe{
        width: 100%;
		margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO04{
		width:100%;
		padding:20px 20px 0 20px;
        display:block;
	}

	div.SUPPORT_BIZ_INFO04 a{
		width:100%;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_POP{
		width:90%;
	}

	div.SUPPORT_BIZ_POP span{
        position:absolute;
        top:-10px;
        right:-6px;
		width:20px;
		height:20px;
        cursor:pointer;
  	}

	div.SUPPORT_BIZ_INFO_REC{
      width:100%;
      padding:20px;
	}

	div.SUPPORT_BIZ_INFO_LEFT{
      width:100%;
	}

	div.SUPPORT_BIZ_INFO_LEFT img{
      width:100%;
	}

	div.SUPPORT_BIZ_INFO_RIGHT{
      width:100%;
      margin-left:0;
	}

	div.SUPPORT_BIZ_INFO_RIGHT p{
      font-size:90%;
      line-height:1.6em;
	}

	div.SUPPORT_BIZ_INFO_RIGHT p a{
      margin-top:20px;
      width:200px;
	}

}