/* @import url("font-awesome.css"); */



/*緩入動畫。*/
*{box-sizing: border-box;}



/* 基本設定 */
html,body{}
body{
  font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
  font-size:18px;
  color: #666666;
  vertical-align:middle;
  /* background:#f5f5f5 url(../images/bigTccBg.png) bottom right no-repeat; */
  background-attachment: fixed;
}
a{ text-decoration:none; color: #003366; outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
/* CSS */

@font-face {
    font-family: 'LigatureSymbols';
    src: url('LigatureSymbols-2.11.eot');
    src: url('LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('LigatureSymbols-2.11.woff') format('woff'),
         url('LigatureSymbols-2.11.ttf') format('truetype'),
         url('LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
}

.lsf-icon.amazon:before {
  content: '\E007';
}

#WARPPER{}
header{display: flex;align-items: center;padding:2rem;width: 100%;  max-width:1400px; margin: auto;flex-wrap:wrap;}
header .rightH1{font:300 3rem "微軟正黑體", "新細明體", Arial;flex-grow: 1;}
header .rightH1 img{padding-right:2rem;}
header .left{flex-basis:20rem; flex-grow: 0; padding-right: 2rem;color: rgba(144,0,2,1.00);font-weight: 800}
#BANNER{display: flex;align-items: center;justify-content: center; width: 100%;height:10px;overflow: hidden; background-color: rgba(144,0,2,1.00)}
#BANNER p{width: 150%;height: 160px;}

.wrapper{padding:2rem;margin:auto;}
.wrapper .groupZone{flex-grow:1;flex-shrink:1;flex-basis:500px; margin:0.5rem; padding:2rem;background-color: rgba(0,0,0,0.1) }
.groupZone .icon{margin:0 10px 0 0; vertical-align:middle; font-size:36px; color:rgba(0, 136, 204, 0.5)}
.groupZone .title{font-size:20px; color:#0088bb}

.wrapper .h2{font:300 2rem "微軟正黑體", "新細明體", Arial;padding-bottom: 1rem}
.wrapper .h3{font:800 1.5rem "微軟正黑體", "新細明體", Arial;padding-bottom: 0.5rem}
.groupBox{margin:0 0 0 25px; display: flex;flex-wrap:wrap;justify-content: flex-start}
.groupBox label{width:170px; flex-grow:0;flex-shrink:1;margin:0 0 0.5rem 1rem;padding:0.5rem;}
.groupBox label:hover{background-color: rgba(0,136,204,0.1);border-radius:0  0 5px  5px; }
.mainfooter{display: flex;align-items: center;justify-content: center; font-size:14px ;padding:2rem;margin:0 auto 5rem auto;width: 100%; max-width:1400px; border-top: rgba(0,0,0,0.2) 1px solid}
.nextbtn{display: block; width:100%;margin: 0 1rem;margin: auto;background-color: rgba(0,0,0,0.75);text-align: center;color: #fff;padding:1rem 2rem;}
.nextbtn:hover{text-shadow: 0 0 3px #fff, 0 0 10px #fff;}
.backbtn{display: block; width:10rem;margin: auto;background-color: rgba(0,75,3,0.50);text-align: center;color: #fff;padding:0.5rem;border-radius: 5px;}
.infobtn{display: block; width:10rem;margin: auto;background-color: rgba(0,75,3,0.50);text-align: center;color: #fff;padding:0.5rem;border-radius: 5px;}
/*提示語說明*/


.groupBox label {position: relative}
.groupBox label:hover:after{
box-sizing: border-box;
content:attr(data-prompt);
position:absolute;
left:0;
bottom:2.5rem;
font-size: 13px;
width:100%;
min-width:300px;
height: auto;
background-color: rgba(235,235,235,1);
background-color: rgba(0, 136, 204, 0.8);
color: #fff;
padding:1rem;
border-radius: 5px  5px  5px 0;
/*使用z-index，讓提示框不會被後方文字蓋到*/
z-index: 999;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .groupBox label:hover:after{
    min-width:250px;
  }
}



/*表單*/
.groupUl{width: 100%;max-width:1024px;padding:3rem 5rem; margin: auto; background-color: rgba(255,255,255,1);box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2); }
.groupUl li{display: flex;width: 100%;margin-bottom: 1rem}
.groupUl li span{flex-grow: 1;flex-shrink: 0;}
.groupUl li .right{flex-grow: 1;padding-right: 2rem}
.groupUl li .right b{display: none;font-size: 11px;color: rgba(0,0,0,0.4)}
.groupUl li .liLeft{display: flex;justify-content: space-between; flex-basis:200px; flex-grow: 0; text-align: right;margin-right:2rem}
.groupUl li .liLeft span {text-align: left}
.groupUl li .liLeft span b{display: none; font-size: 11px;color: rgba(0,0,0,0.4)}
.groupUl li .liLeft p{display: flex;justify-content: center; font-size:1rem;width: 10px;color: rgba(0,0,0,0.1)}
.form-control{border: none;width: 100%; border-bottom: rgba(0,0,0,0.1) 1px solid;padding:0 0.5rem  0.5rem  0.5rem;background-color: transparent;font-size: 1rem;margin-bottom: 0.5rem}
.form-controlsmall{width: auto}
.form-controlsmallx1{width: 10%}
.form-controlsmallx15{width: 15%}
.form-controlsmallx2{width: 20%}
.form-controlsmallx25{width: 25%}
.form-controlsmallx3{width: 30%}
.form-controltextarea{padding:0.5rem  0.5rem 0  0;}
.form-controlBox{border: rgba(0,0,0,0.1) 1px solid;}
.Ttop{display: block;width: 100%;margin-bottom: 0.5rem}
.Tselect{display: flex;margin-bottom: 0.5rem;margin-left: 1.5rem;flex-wrap: wrap}
.Tselect label{padding: 0 0.5rem}
.Tselect2{display:block;margin: 0.5rem 0;}
.boxline{background-color: rgba(0,0,0,0.03);border-radius:5px;padding:1rem 2rem;margin-bottom: 0.5rem;}
.smallgroup{display: flex;justify-content: space-around;flex-wrap: wrap; margin: 0.5rem 0}
.stepcontrol{ text-align:center; justify-content: center;}
::placeholder {font:300 1rem "微軟正黑體", "新細明體", Arial;color: rgba(0,0,0,0.8)}


.h2title{display: block; font:800 1rem "微軟正黑體", "新細明體", Arial;color: rgba(255,255,255,1.00)}
.h2title p{display: block; font:300 2rem "微軟正黑體", "新細明體", Arial;padding-top: 1rem;}
.h4title{display: block; font:800 2rem "微軟正黑體", "新細明體", Arial;padding-bottom: 1rem;text-align: center;}
.h4title span b{font-size: 11px;color: rgba(0,0,0,0.4)}
.h5title{display: block; font:300 3rem  Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif", "微軟正黑體", "新細明體";padding-bottom: 1rem;text-align: center;color: rgba(0,0,0,0.1)}

.groupSelect{display: flex; width: 100%;max-width:1024px;padding:1rem 0; margin: auto;flex-wrap: wrap;justify-content:space-between}
.groupSelect li{flex-basis:30%;flex-grow:1;flex-shrink:0;padding: 1rem;margin-left:1rem; background-color: rgba(0,0,0,0.5);box-shadow: 5px 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.groupSelect li:first-child{margin-left: 0}


/*步驟12345*/
.step12345{display: flex;width: 100%; align-items: center;justify-content: center}
.step12345 li {font:300 0.5rem Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";  text-align: center;}
.step12345 li a{display: block; padding: 0.5rem}
.step12345 li a p{font-size:1.5rem}
.step12345 li i{font-size: 1.2rem;padding: 1rem 1rem 0 1rem;color: rgba(0,0,0,0.2)}
.step12345 .stepset{ border-bottom: rgba(156,0,2,1.00) 2px solid;}
.step12345 li a:hover{background-color: rgba(0,0,0,0.2);border-radius:10px 10px 0 0 ;color: #fff}
.addbtn{ cursor:pointer; position: absolute;right: 0;font-size:1.5rem}

/*隱藏*/
.showhide{display:block}
.hideshow{display: none}
.toggle { display:none; background-color:#72183e ;width:20px; height:20px; padding:5px;  position:absolute; top:5px; left:10px;;z-index:400;border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; cursor:pointer}
.blur {    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);    
}


.dropdown-menu {
	display: none;
}


	



/* @media (max-width: 1024px) {
body{font-size:15px;}


	}



@media (max-width: 800px) {
body{font-size:25px;}
	header{justify-content: center;text-align: center}
	header .rightH1 a{display: block;text-align: center;}
	header .rightH1 img{padding-right:0}
	header .left{flex-basis:100%;text-align: center;padding-right:0;padding-top: 1rem}
	
	.wrapper .groupZone{flex-basis:100%;position:relative;margin: 0;padding: 0 1rem 0 0 }
	.showhide{display: none}
	.hideshow{ display: block}
	.toggle { display: block; position:fixed} 
	.wrapper .h2,.wrapper .h3{padding-left: 1rem;padding-bottom: 0}
	
    .h2title{font-size: 0.5rem}
	.h2title p{font-size:2rem}
	.h5title{font-size: 2rem}
    .groupUl{padding:2rem 1rem 2rem 2rem;}
	.groupUl li{display: flex;flex-direction: column;padding-bottom:1rem;}
	.groupUl li .liLeft{font-weight: 800; flex-basis:auto;flex-direction: row-reverse;justify-content: flex-end ;padding-bottom:1rem}
	.groupUl li .liLeft p{ padding-right:1.5rem}
	.nextbtn{ padding:1rem 2rem;}
	.backbtn{ position: absolute;top:-3rem; right: 0;}
	.form-control{margin-bottom: 1rem;}
	.form-controlsmall{width: 100%}
	.groupSelect{flex-direction: column}
	.groupSelect li{margin: 0 0 1rem 0}
	.form-controlsmallx1,.form-controlsmallx15,.form-controlsmallx2,.form-controlsmallx25,.form-controlsmallx3{width:100%} */
	
	/*.groupBox label{}
	.groupBox label:after{display: block; box-sizing: border-box;
content:attr(data-prompt);
position:static;
left:0;
bottom:auto;
font-size: 16px;
width:100%;min-width:100%;
height: auto;
background-color: rgba(255,255,255,1);
color: #000;
padding:1rem;
border-radius: 5px ;
使用z-index，讓提示框不會被後方文字蓋到
z-index: 999;

}*/
	/*.groupBox label:hover{background-color: transparent;border-radius:5px }
	.groupBox label:hover:after{display: block; box-sizing: border-box;
content:attr(data-prompt);
position:static;
left:0;
bottom:auto;
font-size: 16px;
width:100%;min-width:100%;
height: auto;
background-color: rgba(255,255,255,1);
color: #000;
padding:1rem;
border-radius: 5px ;
使用z-index，讓提示框不會被後方文字蓋到
z-index: 999;


}*/
	
	
  /* } */
  



*:focus{
    outline: none;
}

html{
    margin: 0px auto;
    padding: 0px;        
    font-family: 微軟正黑體, Microsoft JhengHei, Arial;
    text-align: justify;    
    background: linear-gradient(to right, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), url(../img/background.jpg) center;
    /* background: url(../images/background.jpg); */
    background-position: center, center bottom;
    background-attachment: fixed;
    background-size: cover;
    cursor: default;    
}

body{
    margin: 0px auto;
    padding: 0px;
}

a{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #303030;
    outline: 0;
    word-break: break-all;
}

img{
    border: 0px;
}

.clear{
    height: 0px;
    margin: 0px;
    padding: 0px;
    _line-height: 0px;
    _font-size: 0px;
    clear: both;
}


/*--------------------------------------------------*/
#fmMain {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.mainCaption {
  padding: 50px 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 60px;
  color: #b00000;
  text-shadow: -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff,
               -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, 1px 1px 2px #fff,
               -1px -1px 3px #fff, -1px 1px 3px #fff, 1px -1px 3px #fff, 1px 1px 3px #fff;
               /* -1px -1px 4px #fff, -1px 1px 4px #fff, 1px -1px 4px #fff, 1px 1px 4px #fff,
               -1px -1px 5px #fff, -1px 1px 5px #fff, 1px -1px 5px #fff, 1px 1px 5px #fff, */
               /* -1px -1px 10px rgba(255,255,255,0.2), -1px 1px 10px rgba(255,255,255,0.2), 1px -1px 10px rgba(255,255,255,0.2), 1px 1px 10px rgba(255,255,255,0.2); */
}

.mainCaption img {
  width: 100px;
  margin: -15px 20px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.mainCaption .txt {
  display: inline-block;  
}

.block {
  width: 1200px;
  margin: 150px auto;
  padding: 70px 100px 40px;
  box-sizing: border-box;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.block:nth-child(3) {
  margin-bottom: 100px;
}

.block .topIcon {
  width: 120px;
  height: 120px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -65px;
  bottom: auto;
  border-radius: 100%;
  vertical-align: middle;
  text-align: center;
  background: #f8f8f8;
}

.block .subCaption {
  margin: 0 0 10px;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
}

.explainBlock {
  border-top: solid 5px #ff8888;
}

.explainBlock .topIcon {
  border: solid 5px #ff8888;
}

.explainBlock .topIcon .icon {
  margin: 25px 0 0;
  font-size: 52px;
  color: #ff8888;
  transform: rotate(-15deg);
}

.explainBlock .subCaption {
  color: #bb5555;
}

.explainBlock .txt {
  line-height: 1.8em;
}

.explainBlock a {
  /* text-decoration: underline; */
  /* color: #bb5555; */
  color: #008aff;
}

.jobsBlock{
  border-top: solid 5px rgba(0, 136, 204, 0.5);
}

.jobsBlock .topIcon {
  border: solid 5px rgba(0, 136, 204, 0.5);
}

.jobsBlock .topIcon .icon {
  margin: 25px 0 0;
  font-size: 52px;
  color: rgba(0, 136, 204, 0.5);
}

.jobsBlock .subCaption {
  color: #0088bb;
}

.dataBlock {
  border-top: solid 5px #80c9a1;
  border-top: solid 5px #ff8888;
}

.dataBlock .topIcon {  
  border: solid s5px #80c9a1;
  border: solid 5px #ff8888;
}

.dataBlock .topIcon .icon {
  margin: 25px 0 0;
  font-size: 52px;
  color: #80c9a1;
  color: #ff8888;
}

.dataBlock .subCaption {
  color: #008855;
  color: #bb5555
}

.dataBlock .item {
  width: 100%;
  margin: 0 0 30px;
  /* background: #ccc; */
}

.dataBlock .item .titleCont {
  width: 220px;
  display: inline-block;
}

.dataBlock .item .titleContFullW {
    width: 100%;
}

.dataBlock .item .titleCont .iconBox {
  width: 50px;
  display: inline-block;
  text-align: center;  
}

.dataBlock .item .titleCont .iconBox .icon {
  margin: -5px 5px 0 0;
  vertical-align: middle;
  font-size: 36px;
  color: #80c9aa;
  color: #bb5555;
}

.dataBlock .item .titleCont .title {
  width: 150px;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  color: #008855;
  color: #bb5555;
}

.dataBlock .item .titleContFullW .title {
    width: 900px;
}

.dataBlock .item .titleCont .title .titleNote {
  font-size: 12px;
}

.dataBlock .item .inputCont {
  display: inline-block;
}

.dataBlock .item .inputContFullW {
    padding: 5px 0 0 50px;
    box-sizing: border-box;
}

.dataBlock .item input[type="text"] {
  padding: 5px;
  border: none;
  border-bottom: dotted 1px #c0c0c0;
  font-size: 18px;
  background: none;
  outline: none;
}

.dataBlock .item input[name="email1"] {
  width: 475px;
}

.dataBlock .item .degreeInput {
  width: 70%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.dataBlock .item .degreeInput .eduRadioCont {
  margin: 0 20px 0 0;
  display: inline-block;
}

.dataBlock .item .degreeInput .eduSelectCont {
  display: inline-block;
}

.dataBlock .item .degreeInput .eduSelectCont .eduSelect {
  padding: 5px;
  border: none;
  border-bottom: dotted 1px #c0c0c0;
  font-size: 18px;
  background: none;
  outline: none;
}

.dataBlock .item .captchaImg {
  vertical-align: bottom;
}

.dataBlock .item .reloadCaptchaImg {
  display: inline-block; 
  vertical-align: middle;
  font-size: 20px;
}

.dataBlock .item .reloadCaptchaImg .icon {
  cursor: pointer;
}

.dataBlock .item .memo {
    width: 900px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 18px;
}

.dataBlock a {
  color: #008aff;
}

.reservationBatch {
  padding: 5px;
  font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.reservation {
  width: 75%;
  display: inline-block;
  vertical-align: top;
}

.reservation .note {
  margin: 0 0 20px 0;
  padding: 0 0 0 25px;
  list-style: disc;  
}

.reservation .note li {
  padding: 0 0 10px;
  font-size: 16px;
}

.reservation table {
  margin: 10px 0 0;
  border-collapse: separate;
  border-spacing: 2px;
}

.reservation table th {
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background: #7abea4;
}

.reservation table th:nth-child(1) {
  width: 110px;
}

.reservation table th:nth-child(2) {
  width: 320px;
}

.reservation table td {
  padding: 5px 10px;
  border: solid 1px #f0f0f0;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
}

.reservation table td:nth-child(1) {
  text-align: center;
  color: #008855;
}

.reservation table .periodCont {
  padding: 10px;
}

.reservation table .periodCont .periodStatus {
  display: inline-block;
  font-size: 14px;
  color: #b0b0b0;
}

.reservation table .periodCont .periodStatus img {
  width: 20px;
  height: 20px;
  margin: -5px 0 0;
  vertical-align: middle;
}

.reservation table .cutoff {
  padding: 20px 10px;
  text-align: center;
}

.fileCont {
  width: 75%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

.addFileBtn {
  font-size: 16px;
  color: #808080;
  cursor: pointer;
}

.addFileBtn .icon {
  margin: 0 0 3px;
  vertical-align: middle;
  font-size: 20px;
}

.stepcontrol {
  width: 12%;
  margin: 0 0 0 44%;
  position: relative;
  border: solid 1px rgba(255, 255, 255, 0.5);
}

.stepcontrol .btnCover {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 0.8;
}

.msgBox {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
}

.msgBox .closeBtn {
  position: fixed;
  top: 20px;
  right: 20px;
  font-size: 52px;
  color: #fff;
  cursor: pointer;
}

.msgBox .msg {
  width: 550px;
  height: 200px;
  margin: auto;
  padding: 60px 40px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.msgBox .msg .txtRight {
  text-align: right;
}

.stopQuestionMsgBox {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
}

.stopQuestionMsgBox .msg {
    width: 600px;
    margin: auto;
    padding: 40px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-radius: 2px;
    background:rgba(255, 255, 255, 0.99);
    transform: translateY(-50%);
}

.stopQuestionMsgBox .msg .icon {
    position: absolute;
    font-size: 36px;
    color: #b00000;
}

.stopQuestionMsgBox .msg .txt {    
    padding: 7px 0 0 45px;
}

.stopQuestionMsgBox .msg .txt a {
    color: #008aff;
}

.stopQuestionMsgBox .msg .msgCloseBtn {
    width: 120px;
    margin: 30px auto 0;
    padding: 10px;
    box-sizing: border-box;
    border: solid 1px #808080;
    border-radius: 2px;
    text-align: center;
    color: #b00000;
    cursor: pointer;
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
  .stepcontrol {
    width: 18%;
    margin: 0 0 0 41%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #fmMain {
    padding: 0 50px;
  }

  .block {
    width: 100%;
    padding: 70px 50px 40px;
  }

  .reservation table th:nth-child(1) {
    width: 100px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  html {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(../../img/investorSignUp/background.jpg) center;
    background-attachment: fixed;
    background-size: cover;
  }

  #fmMain {
    padding: 0 15px;
  }

  .mainCaption {
    padding: 0;
  }
  
  .mainCaption img {
    width: 80px;
    margin: -35px 0 0 0;    
  }

  .mainCaption .txt .txt1 {    
    font-size: 32px;
    display: block;
    text-align: center;
  }

  .mainCaption .txt .txt2 {
    font-size: 32px;
    display: block;
    text-align: left;
  }

  .block {
    width: 100%;
    margin: 100px auto 120px;
    padding: 70px 20px 30px;
  }

  .block .subCaption {
    margin: 0 0 20px;
  }

  .dataBlock {
    margin-bottom: 50px;
  }

  .dataBlock .item {
    margin: 0 0 50px;
  }

  .dataBlock .item .titleCont {
    width: 100%;
    margin: 0 0 10px;
    display: inline-block;
  }
    
  .dataBlock .item .titleContFullW .title {
    width: 80%;
  }

  .dataBlock .item .inputCont {
    display: block;
    padding: 0 0 0 55px;
  }

  .dataBlock .item input[name="email1"] {
    width: auto;
  }

  .dataBlock .item .degreeInput {
    width: 100%;
    padding: 0 0 0 55px;
  }

  .dataBlock .item .degreeInput .eduRadioCont {
    margin: 0 0 10px 0;
    display: block;
  }

  .dataBlock .item .degreeInput .eduSelectCont {
    display: block;
    margin: 0 0 0 5px;
  }

  .dataBlock .item .reloadCaptchaImg {
    margin: 10px 0 0;
  }
    
  .dataBlock .item .memo {
    width: 97%;
    height: 200px;
  }

  .reservation {
    width: 100%;
  }

  .reservation .note li {
    font-size: 14px;
    color: #b0b0b0;
  }

  .reservation table th:nth-child(1) {
    width: 70px;
  }
  
  .reservation table th:nth-child(2) {
    width: 240px;
  }

  .reservation table td {
    padding: 5px;
    text-align: left;
    background: rgba(255, 255, 255, 0.5);
  }

  .reservation table .periodCont .periodStatus img {
    width: 15px;
    height: 20px;
  }

  .fileCont {
    width: 100%;
    padding: 0 0 0 55px;
  }

  .stepcontrol {
    width: 80%;
    margin: 0 0 0 10%;
  }

  .msgBox .closeBtn {
    font-size: 40px;
  }

  .msgBox .msg {
    width: 320px;
    height: 220px;
    padding: 30px;
  }

  .stopQuestionMsgBox .msg {
    width: 90%;
    padding: 30px 20px;
  }

  .stopQuestionMsgBox .msg .icon {
    margin: 0 auto 10px;
    display: block;
    position: static;
  }

  .stopQuestionMsgBox .msg .txt {    
      padding: 10px;
  }
}