/*
    sctplan.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.SCTPLAN_WP{
		display: none;
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
	}

  div.SCTPLAN_BOX{
	width:86%;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:50px;
    max-width: 1000px;
  }

  div.SCTPLAN_BOX h2{
    margin-bottom:20px;
    font-size:1.8em;
  }

  p.SCTINFO1{
    font-size:90%;
    padding:0;
    margin:0;
  }

  p.SCTINFO2{
    font-size:100%;
    margin:20px 0;
  }

  p.SCTINFO2 img{
    margin-left:10px;
    width:14px;
    height:auto;
  }

  p.SCTINFO2 a{
    padding:0;
    margin:0;
    text-decoration:underline;
    font-weight:bold;
    color:#000;
  }

  p.SCTINFO3{
    text-align:center;
    font-size:80%;
    font-weight:bold;
    color:#000;
  }

	div.SCTPLAN_PRICE{
		width:70%;
        margin:0 auto;
        margin-top:40px;
        margin-bottom:30px;
        display:flex;
        justify-content: space-between;
	}

	div.SCTPLAN_PRICE_BDR{
		width:46%;
        border:2px solid #ED1414;
        padding:6px;
        display: flex;
	}

	div.SCTPLAN_PRICE_BDR_NO{
		width:46%;
        border:2px solid #FFF;
        padding:6px;
        display: flex;
	}

	div.SCTPLAN_PRICE_ENTRYPRE{
        color:#D424F2;
        border:1px solid #D424F2;
		width:100%;
        background:#fff;
        padding: 40px 20px 20px 20px;
        position:relative;
	}

	div.SCTPLAN_PRICE_ENTRY{
        color:#01B50C;
        border:1px solid #01B50C;
		width:100%;
        background:#fff;
        padding: 40px 20px 20px 20px;
        position:relative;
	}

	div.SCTPLAN_PRICE_ONESTOP{
        color:#DA0063;
        border:1px solid #DA0063;
		width:100%;
        background:#fff;
        padding: 40px 20px 20px 20px;
        position:relative;
	}

	div.SCTPLAN_CURRENT{
        color:#ED1414;
        position:absolute;
        top:20px;
        left: -6px;
        font-weight:bold;
        transform: rotateZ(-40deg);
	}

	div.SCTPLAN_PRICE_UP_BOX{
        text-align:center;
        margin-top:20px;
        margin-bottom:10px;
        height:190px;
	}

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

	div.SCTPLAN_PRICE_UP_BOX span.PLAN_CAM{
        background:#ED1414;
        color:#fff;
        width:auto;
        padding:0 5px;
        font-size:70%;
        position:absolute;
        top:30px;
        left: 50%;
        transform: translateX(-50%);
        line-height:1.8em;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_TTL{
        font-size:140%;
        font-weight:bold;
        line-height:1.6em;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_PRC{
        font-size:140%;
        font-weight:bold;
        line-height:1.2em;
        position: relative;
        padding-top:26px;
        width: fit-content;
        margin:0 auto;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_PRC span{
        font-size:80%;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_PRC span.PRE{
        top: 0;
        left: -10px;
        position: absolute;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_PRC span.PRE::before{
        position: absolute;
        content: "";
        display: block;
        transform: rotate(10deg);
        background-color: red;
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_BTN{
        width:auto;
        margin:0 auto;
        margin-top:16px;
        margin-bottom:6px;
        line-height:260%;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_BTN a{
        display:block;
        width:60%;
        border-radius: 10px;
        font-size: 90%;
        cursor: pointer;
        font-weight:normal;
        margin:0 auto;
	}

	div.SCTPLAN_PRICE_ENTRY div.SCTPLAN_PRICE_UP_BOX p.PLAN_BTN a{
        background: #01B50C;
        color:#fff;
	}

	div.SCTPLAN_PRICE_ENTRYPRE div.SCTPLAN_PRICE_UP_BOX p.PLAN_BTN a{
        background: #D424F2;
        color:#fff;
	}

	div.SCTPLAN_PRICE_ONESTOP div.SCTPLAN_PRICE_UP_BOX p.PLAN_BTN a{
        background: #DA0063;
        color:#fff;
	}

	div.SCTPLAN_PRICE_UP_BOX p.ONESTOP_SPC:lang(en){
        margin-top:34px;
	}

	div.SCTPLAN_PRICE_UP_BOX p.ONESTOP_SPC:lang(th){
        margin-top:69px;
	}

	div.SCTPLAN_PRICE_UP_BOX p.PLAN_HSK{
        color: #ABA3A3;
        font-size: 80%;
        font-weight:bold;
	}

	div.SCTPLAN_PRICE_DWN_BOX ul li{
        color:#000;
        border-bottom:1px solid #dbdbdb;
        font-size: 80%;
        line-height:1.6em;
		background:url(../imgs/price_arr.png) no-repeat;
		background-size: 12px 12px;
		background-position: 0 50%;
        padding-left:20px;
        padding-top:6px;
        padding-bottom:6px;
	}

	div.SCTPLAN_PRICE_DWN_BOX p{
        color:#000;
        font-size: 66%;
        padding:0;
        margin:0;
        line-height:1.4em;
        margin-top:10px;
	}

	div.SCTPLAN_INFO{
        width:80%;
        font-size: 100%;
        padding:0;
        margin:0 auto;
        margin-top:30px;
        border:1px solid #2D9BF0;
        padding:10px;
	}

	div.SCTPLAN_INFO ul{
        width:100%;
        display: flex;
        justify-content: space-between;
        margin-bottom:20px;
	}

	div.SCTPLAN_INFO ul li{
        width:50%;
        padding:10px 10px 20px 10px;
        font-size:90%;
        text-align:center;
	}

	div.SCTPLAN_INFO ul li p{
        height:40px;
        text-align:center;
        font-weight:bold;
        font-size:120%;
        color:#2D9BF0;
	}

	div.SCTPLAN_INFO ul li:nth-child(2){
        /*border-right:1px solid #2D9BF0;*/
        border-left:1px solid #2D9BF0;
	}

	div.SCTPLAN_INFO p.SCTPLAN_INFO_BTN{
        width:auto;
        margin:0 auto;
        margin-bottom:10px;
        line-height:260%;
	}

	div.SCTPLAN_INFO p.SCTPLAN_INFO_BTN a{
        display:block;
        width:80%;
        border-radius: 10px;
        font-size: 110%;
        cursor: pointer;
        font-weight:normal;
        margin:0 auto;
        color:#fff;
        background:#2D9BF0;
        text-align:center;
	}











  div.SIGNUP_BTN{
    width:100%;
    display: flex;
    justify-content: center;
    margin:40px 0 80px 0;
  }
  

  div.SIGNUP_BTN input[type="button"] {
    padding: 10px 40px;
    background: #434343;
    border-radius: 10px;
    font-size: 90%;
    color: #fff;
  }

  div.SIGNUP_BTN input[type="button"]:hover {
    cursor: pointer;
    background: #71C5E8;
    color:#fff;
    transition: all .5s;
  }

  div.SCT_ATT_BOX_WP {
    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;
  }

  div.SCT_ATT_BOX_WP div.SCT_ATT_BOX{
      width:40%;
      height:200px;
      position:relative;
      margin-top:10%;
      background:#fff;
      text-align:center;
      padding:10px;
  }

  div.SCT_ATT_BOX_WP div.SCT_ATT_BOX p.SCT_ATT_LOGO{
      margin:0;
      padding:0;
      width:100%;
      margin:0 auto;
      margin-bottom:10px;
      text-align:center;
      font-weight:bold;
  }

  div.SCT_ATT_BOX_WP div.SCT_ATT_BOX p.SCT_ATT_LOGO img{
      width:80px;
  }

  div.SCT_ATT_BOX_WP div.SCT_ATT_BOX p.SCT_ATT_TXT{
      width:100%;
      padding-top:10px;
      padding-bottom:10px;
  }

  div.SCT_ATT_BOX_WP div.SCT_ATT_BOX p.SCT_ATT_CHK{
      margin:0;
      padding:0;
      width:100%;
      margin-bottom:16px;
      display:flex;
      align-items: center;
  }

	div.SCT_ATT_BOX_WP p.SCT_DONE_BTN{
      display: flex;
      justify-content:center;
      margin-top:4px;
	}

	div.SCT_ATT_BOX_WP p.SCT_DONE_BTN a{
      width:100px;
      display:block;
      color:#fff;
      background:#3675FB;
      border-radius:6px;
      padding: 6px 8px ;
      text-align:center;
      font-size:90%;
	}
/*
    div.SCT_ATT_BOX_WP div.SCT_ATT_BOX p.SCT_ATT_CHK input[type="checkbox"]{
        margin-right:10px;
    }

	div.SCT_ATT_BOX_WP p.SCT_DONE_BTN a.BTN_NO_CHK{
      display:block;
      width:130px;
      text-align:center;
      padding: 8px;
      border-radius: 6px;
      font-size: 90%;
      color: #fff;
      font-weight:normal;
      background: #c0c0c0;
      border:0;
      cursor: default;
	}

	div.SCT_ATT_BOX_WP p.SCT_DONE_BTN a.BTN_YES_CHK{
      display:block;
      width:130px;
      text-align:center;
      padding: 8px;
      border-radius: 6px;
      font-size: 90%;
      color: #fff;
      font-weight:normal;
      background: #434343;
      border:0;
      cursor: pointer;
	}
*/





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

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

	div.SCTPLAN_PRICE{
        padding:0;
        margin:0;
		width:100%;
        height:auto;
		flex-wrap: wrap;
        margin-top:20px;
        margin-bottom:0;
	}

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

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

	div.SCTPLAN_PRICE_FREE{
        padding:0;
        margin:0;
		width:100%;
        position:static;
        height:auto;
		padding:40px 20px 30px 20px;
	}

	div.SCTPLAN_PRICE_ENTRYPRE{
        padding:0;
        margin:0;
		width:100%;
        height:auto;
		padding:40px 20px 30px 20px;
	}

	div.SCTPLAN_PRICE_ONESTOP{
        padding:0;
        margin:0;
		width:100%;
        height:auto;
		padding:10px 20px 30px 20px;
	}

/*	div.SCTPLAN_PRICE_UP_BOX span{
        position:static;
	}
*/
  p.SCTINFO1{
      margin-top:0;
  }


  p.SCTINFO2{
      margin-top:0;
  }

  div.SIGNUP_BTN{
    margin:20px 0 40px 0;
  }
  

  div.SIGNUP_BTN input[type="button"] {
    width:100%;
  }

	div.SCTPLAN_CURRENT{
        font-size:90%;
        top:20px;
	}

  div.SCT_ATT_BOX_WP div.SCT_ATT_BOX{
      width:80%;
      margin-top:20%;
  }

	div.SCT_ATT_BOX_WP p.SCT_DONE_BTN{
      width:100%;
	}

    div.SCT_ATT_BOX_WP div.SCT_ATT_BOX p.SCT_ATT_CHK input[type="checkbox"]{
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

	div.SCTPLAN_INFO{
        width:96%;
        margin-bottom:20px;
        padding:20px;
	}

	div.SCTPLAN_INFO ul{
        width:100%;
        display: block;
        margin-bottom:20px;
	}

	div.SCTPLAN_INFO ul li{
        width:100%;
        padding:10px;
	}

	div.SCTPLAN_INFO ul li p{
        height:auto;
        margin-bottom:10px;
	}

	div.SCTPLAN_INFO ul li:nth-child(2){
        border-right:none;
        border-left:none;
        border-top:1px solid #2D9BF0;
        border-bottom:1px solid #2D9BF0;
	}



}