#FormDiv { margin: 0 auto; width: 100%; max-width: 600px; }

form.Form { float: none; clear: both; width: 100%; padding: 20px 40px; background-color: rgb(255 255 255 / 40%); border-radius: 8px; box-shadow: 0px 0px 5px rgb(0 0 0 / 21%); }
form.Form ul li.FormItem li.T { width: 120px; padding-right: 5px; text-align: right; }
form.Form ul li.FormItem li.C {  }
form.Form ul li.FormItem li.C .Text { width: 100%; padding: 1px 10px; font-size: 18px; line-height: 44px; border-radius: 5px; background-color: rgba( 255, 255, 255, 0.3 ); }
form.Form ul li.FormItem.Authcode li.C { display: flex; }
form.Form ul li.FormItem.Authcode li.C img { width: 90px; vertical-align: middle; }
form.Form ul li.FormItem.Authcode li.C a { margin: 0px; width: 75px; text-align: center; line-height: 44px; font-size: 15px; }
form.Form ul li.FormItem.Authcode li.C input { flex-grow: 1; flex-basis: 0px; }
form.Form ul li.FormItem.Fun li.C { width: 100%; text-align: center; }
form.Form ul li.FormItem.Fun li.C .CL { float: left; line-height: 42px; }
form.Form ul li.FormItem.Fun li.C .CL a { margin-right: 5px; font-size: 14px; color: #ff6a00; }
form.Form ul li.FormItem.Fun li.C .CR { float: right; }
form.Form ul li.FormItem.Fun li.C button { margin: 0px 5px; padding-right: 35px; padding-left: 35px; color: #FFF; background-color: #15768c; }
form.Form ul li.FormItem.Fun li.C button:hover { cursor: pointer; background-color: #0a5667; }
form.Form ul li.FormItem.Fun li.C button[value="PRE"] { background-color: #dc8242; }
form.Form ul li.FormItem.Fun li.C button[value="PRE"]:hover { background-color: #ea6c12; }
form.Form ul li.FormItem.Fun li.C button[value="ING"] { background-color: #588abc; }
form.Form ul li.FormItem.Fun li.C button[value="ING"]:hover { background-color: #225a93; }

form.Form ul li.FormItem li .Info { display: block; float: none; clear: both; width: 100%; }
form.Form ul li.FormItem li .Info ul { margin-left: 30px; list-style-type: disc; }
form.Form ul li.FormItem li .Info ul li { font-size: 14px; line-height: 25px; color: #555; }
form.Form ul li.FormItem li .Info .Remarks { margin-left: 5px; font-size: 14px; line-height: 25px; color: #555; }

form.Form ul li.FormItem li.C .SchoolName { margin-bottom: 5px; width: 100%; height: 44px; padding: 10px; border-radius: 5px; border: solid 1px #AAAAAA; background-color: #efefef; font-size: 17px; }
form.Form ul li.FormItem li #SchoolList.Info { overflow: hidden; overflow-y: auto; height: 0px; background-color: #f5f5f5; border-radius: 5px; }
form.Form ul li.FormItem li #SchoolList.Info.Open { margin-top: 5px; height: 200px; padding: 0px 5px 5px; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectHeader { width: 100%; padding: 4px 0px; background-color: #f5f5f5; position: sticky; top: 0px; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectHeader:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectHeader .SchoolSelectTitle { float: left; padding: 5px; font-size: 15px; color: #000; line-height: 24px; font-weight: bold; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectNoData { display: inline-block; margin: 5px 5px; font-size: 15px; }
form.Form ul li.FormItem li #SchoolList.Info button.SchoolCreateSCSN { padding: 8px; font-size: 15px; background-color: #64b6c9; vertical-align: initial; }
form.Form ul li.FormItem li #SchoolList.Info button.SchoolCreateSCSN:hover { background-color: #3898ae; cursor: pointer; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectItem { margin: 5px 0px; padding: 5px; font-size: 15px; color: #000000; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectItem:hover { border-radius: 5px; background-color: #517b9d; color: #FFFFFF; cursor: pointer; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectItem span { padding-left: 5px; font-size: 13px; color: #606060; }
form.Form ul li.FormItem li #SchoolList.Info .SchoolSelectItem:hover span { color: #EEEEEE; }

form.Form ul li.FormItem #SchoolName { margin-bottom: 3px; width: 100%; height: 44px; padding: 10px; border-radius: 5px; border: solid 1px #AAAAAA; background-color: #e3f1f5; font-size: 17px; }

form.Form ul li.FormItem.SCSN { display: none; padding-left: 10px; padding-right: 10px; background-color: #8ec8d6; }
form.Form ul li.FormItem.SCSN.Open { display: block; border-top: solid 1px #128ba6; border-bottom: solid 1px #128ba6; }

form.Form ul li.FormItem.SCSN .ItemTitle { display: flex; justify-content: space-between; align-items: center; font-size: 18px; line-height: 44px; font-weight: bold; }

form.Form ul li.FormItem li.C.AddressDiv { display: flex; }
form.Form ul li.FormItem li.C input.ZipCode { margin-right: 5px; width: 100px; }
form.Form ul li.FormItem li.C input.Address { flex-grow: 1; }

form.Form ul li.FormItem.SCSN .Fun li.C button { margin: 0px 5px; padding-right: 25px; padding-left: 25px; font-size: 15px; color: #FFF; background-color: #db7813; }

form.Form ul li.FormItem.SCSN button[type="button"][name="Close"] { display: flex; justify-content: space-between; align-items: center; padding: 0px; background-color: #3b93a8; }
form.Form ul li.FormItem.SCSN button[type="button"][name="Close"]:hover { background-color: #187187; }

.MemberMessage { margin: 0 auto; width: 100%; max-width: 550px; padding: 20px 25px 40px; }
.MemberMessage .Contents { font-size: 17px; line-height: 30px; }
.MemberMessage form { float: none; clear: both; margin: 30px 0px; width: 100%;padding: 0px; background-color: transparent; border: none; box-shadow: none; }
.MemberMessage form button { background-color: #5c8a27; color: #FFFFFF; }
.MemberMessage form button:hover { background-color: #375d0c; cursor: pointer; }

/*Member Home*/
.TakeGame { margin: 20px auto 0; width: 100%; max-width: 1000px; }
.TakeGame button { margin: 0px 15px 20px; border: solid 1px #d44e00; background-color: #ec7800; box-shadow: 0px 5px 8px rgb(0 0 0 / 30%); color: #FFFFFF; text-align: left; }
.TakeGame button:hover { background-color: #ce6900; cursor: pointer; }
.TakeGame button .GameName { font-size: 20px; }
.TakeGame button .GameInfo { font-size: 13px; line-height: 25px; }
.TakeGame button .GameStatus { font-size: 13px; line-height: 25px; color: #000; }

#Main #CMain .PCMain .PCMContent.Home { display: flex; flex-wrap: wrap; margin: 20px auto 0; width: 100%; max-width: 1024px; }

.UseDeadlineStatus { display: flex; flex-wrap: wrap; margin: 20px auto 0; width: 100%; max-width: 1024px; padding: 0px 15px; }
.UseDeadlineStatus .Contents { width: 100%; padding: 15px 15px; border-radius: 8px; border: solid 1px #15768c; font-size: 18px; color: #e93200; }

.PCMContent.Home .PCMCItem { display: flex; align-items: flex-start; justify-content: flex-start; width: calc( 100% / 3 - 15px * 2 ); margin: 15px 15px; padding: 10px 15px; border-radius: 8px; border: solid 1px #15768c; background-color: #3799af; box-shadow: 0px 5px 8px rgb(0 0 0 / 30%); }
.PCMContent.Home .PCMCItem:hover { background-color: #22889e; cursor: pointer; }
.PCMContent.Home .PCMCItem .S { flex: none; width: 70px; padding-right: 10px; }
.PCMContent.Home .PCMCItem .S svg { fill: #003946; }
.PCMContent.Home .PCMCItem .R {  }
.PCMContent.Home .PCMCItem .R .MT { font-size: 18px; color: #ffffff; }
.PCMContent.Home .PCMCItem .R .T { padding: 4px 0px; font-size: 22px; color: #000; font-weight: bold; }
.PCMContent.Home .PCMCItem .R .C { font-size: 14px; color: #FFFFFF; line-height: 19px; }
.PCMContent.Home .PCMCItemLine { flex: none; margin: 20px 0px; width: 100%; height: 1px; border-bottom: solid 1px #72acba; }

.PCMContent.Home .PCMCItem.Review {  }
.PCMContent.Home .PCMCItem.Mockquiz {  }
.PCMContent.Home .PCMCItem.Group {  }
.PCMContent.Home .PCMCItem.Gametest { background-color: #83af37; border: solid 1px #3b8c15; }
.PCMContent.Home .PCMCItem.Gametest .S svg { fill: #123a00; }
.PCMContent.Home .PCMCItem.Grouptest { background-color: #e57900; border: solid 1px #ba6200; }
.PCMContent.Home .PCMCItem.Grouptest .S svg { fill: #512b00; }

.PCMContent.Home .PCMCItem.NoUse { background-color: #9f9f9f; border: solid 1px #585858; }
.PCMContent.Home .PCMCItem.NoUse .S svg { fill: #3b3b3b; }

.PCMContent .PCMCTitle { display: flex; margin: 20px 0px 30px; flex-wrap: wrap; justify-content: space-between; text-align: center; font-size: 30px; }
.PCMContent .PCMCTitle .L { font-size: 30px; color: #000000; }
.PCMContent.Chart .PCMCTitle .L { width: 100%; text-align: center; font-size: 20px; }
.PCMContent.Chart .PCMCTitle .L span { display: block; font-size: 30px; line-height: 60px; }
.PCMContent .PCMCTitle .R { display: flex; align-items: center; font-size: 16px; text-align: right; }
.PCMContent .PCMCTitle .R button { margin: 0px 5px; padding: 7px 20px; color: #FFF; background-color: #dc6100; }
.PCMContent .PCMCTitle .R button svg { display: inline; fill: #FFFFFF; width: 30px; vertical-align: middle; }
.PCMContent .PCMCTitle .R button:hover { background-color: #ca5400; cursor: pointer; }

.PCMContent.FirstTest .PCMCTitle .L .T1 { text-align: left; }
.PCMContent.FirstTest .PCMCTitle .L .T2 { text-align: left; font-size: 20px; color: #000000; line-height: 35px; }
.PCMContent.FirstTest .PCMCTitle .L .T3 { text-align: left; font-size: 15px; color: #000000; line-height: 35px; }
.PCMContent.FirstTest .PCMCTitle .R { display: block; }
.PCMContent.FirstTest .PCMCTitle .R .Scores { font-size: 18px; }
.PCMContent.FirstTest .PCMCTitle .R .Scores span { font-size: 15px; color: #555; }
.PCMContent.FirstTest .PCMCTitle .R .Level { font-size: 15px; line-height: 30px; }
.PCMContent.FirstTest .PCMCTitle .R .Level b { font-size: 18px; color: #B00; }
.PCMContent.FirstTest .PCMCTitle .R .CreateDate { font-size: 15px; color: #555; }

.PCMCPath { margin-bottom: 15px; font-size: 18px; }
.PCMCPath a { color: #007792; text-decoration: underline; }
.PCMCPath span { padding: 0px 10px; color: #999999; }


.PCMContent.DfHome .PCMCTitle { display: block; margin: 0px auto; width: 100%; max-width: 800px; padding: 10px 0px 10px; text-align: center; }
.PCMContent.DfHome .PCMCTitle .T1 { font-size: 40px; }
.PCMContent.DfHome .PCMCTitle .T2 { font-size: 20px; line-height: 25px; }
.PCMContent.DfHome .PCMCTitle .T3 { padding: 20px 0px; font-size: 22px; }
.PCMContent.DfHome .PCMCTitle .T3 select { max-width: 300px; }
.PCMContent.DfHome .PCMCContent { display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; text-align: center; }
.PCMContent.DfHome .PCMCContent .CC { flex: none; width: calc( 100% - 20px * 2 ); margin: 20px; padding: 15px; border-radius: 10px; border: solid 1px #819499; }
.PCMContent.DfHome .PCMCContent .CL { flex: none; width: calc( 50% - 20px * 2 ); margin: 20px; padding: 15px; border-radius: 10px; border: solid 1px #819499; }
.PCMContent.DfHome .PCMCContent .CR { flex: none; width: calc( 50% - 20px * 2 ); margin: 20px; padding: 15px; border-radius: 10px; border: solid 1px #819499; }
.PCMContent.DfHome .PCMCContent .BTitle { margin-bottom: 10px; font-size: 28px; }
.PCMContent.DfHome .PCMCContent .BContent { margin: 15px 0px; line-height: 25px; font-size: 16px; }
.PCMContent.DfHome .PCMCContent .OR { display: flex; margin: 0px auto; width: 100%; max-width: 400px; height: 30px; }
.PCMContent.DfHome .PCMCContent .OR .OrLine { flex: 1; height: 15px; border-bottom: solid 1px; }
.PCMContent.DfHome .PCMCContent .OR .OrLine.L { border-image: linear-gradient(to left, #555, #555 75%, transparent 100% ) 1; }
.PCMContent.DfHome .PCMCContent .OR .OrLine.R { border-image: linear-gradient(to right, #555, #555 75%, transparent 100% ) 1; }
.PCMContent.DfHome .PCMCContent .OR .OrText { flex: none; width: 50px; text-align: center; line-height: 30px; color: #555; }
.PCMContent.DfHome .PCMCContent .SelfSelect { margin: 0 auto; }
.PCMContent.DfHome .PCMCContent .SelfSelect select { margin: 10px 5px; width: 100%; max-width: 160px; }
.PCMContent.DfHome .PCMCContent .SelfSelect button { padding-left: 10px; padding-right: 10px; }

.PCMContent.DfHome .PCMCContent .CC.NoUse { display: none; }
.PCMContent.DfHome .PCMCContent .UseDeadlineStatus { max-width: 100%; padding: 0px 20px; }

.PCMContent  button { margin: 10px 5px; padding-right: 35px; padding-left: 35px; color: #FFF; background-color: #012d3f; }
.PCMContent  button:hover { background-color: #15768c; cursor: pointer; }
.PCMContent  button:focus { outline: dashed 2px #ff5e00; }
.PCMContent  button.Yes { background-color: #012d3f; }
.PCMContent  button.Yes:hover { background-color: #15768c; cursor: pointer; }
.PCMContent  button.No { background-color: #7b7b7b; }
.PCMContent  button.No:hover { background-color: #545454; cursor: pointer; }
.PCMContent .PCMCBottom { margin: 20px 0px 0px; text-align: center; }

.PCMContent.Review { background-color: rgb(255 255 255 / 51%); padding: 10px 25px; border-radius: 10px; box-shadow: 0px 5px 5px rgb(0 0 0 / 30%); }
.PCMContent.Review .PCMCReview {  }
.PCMContent.Review .PCMCReview .Group { display: none; }
.PCMContent.Review .PCMCReview .Group.Open { display: block; }
.PCMContent.Review .PCMCReview .RItem { position: relative; display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0px 10px; width: 100%; padding: 10px 10px; justify-content: space-between; }
.PCMContent.Review .PCMCReview .RItem:focus-within { background-color: #5da5b5; border-radius: 10px; }

.PCMContent.Review .PCMCReview .RItem .E { display: flex; align-items: center; width: 50%; font-size: 25px; color: #000000; }
.PCMContent.Review .PCMCReview .RItem .E .T { margin-left: 5px; font-size: 14px; color: #333333; }
.PCMContent.Review .PCMCReview .RItem .E button { margin-left: 5px; padding: 5px 10px; display: flex; align-items: center; }
.PCMContent.Review .PCMCReview .RItem .E button i { padding-right: 3px; }
.PCMContent.Review .PCMCReview .RItem .C { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; display: flex; align-items: center; font-size: 18px; color: #004a8a; line-height: 25px; }
.PCMContent.Review .PCMCReview .RItem:focus-within .C { color: #FFFFFF; }
.PCMContent.Review .PCMCReview .RItem .S { margin: 10px 0px; width: 100%; }
.PCMContent.Review .PCMCReview .RItem .S .SE { padding: 0px 0px 5px; font-size: 19px; color: #585858; }
.PCMContent.Review .PCMCReview .RItem:focus-within .S .SE { color: #eeeeee; }
.PCMContent.Review .PCMCReview .RItem .S .SE span { color: #e36900; }
.PCMContent.Review .PCMCReview .RItem:focus-within .S .SE span { color: #FFFFFF; }
.PCMContent.Review .PCMCReview .RItem .S .SC { font-size: 15px;  }
.PCMContent.Review .PCMCReview .RItem:focus-within .S .SC { color: #eeeeee; }

.PCMContent.Review .PCMCReview.Test .RItem .S .SE span { display: inline-block; width: 50px; border-bottom: solid 2px #e36900; vertical-align: bottom; }
.PCMContent.Review .PCMCReview.Test .RItem:focus-within .S .SE span { border-bottom: solid 2px #FFFFFF; }

.PCMContent.Review .PCMCReview .RItem .Q { width: 220px; display: flex; align-items: center; font-size: 25px; color: #004a8a; }
.PCMContent.Review .PCMCReview .RItem .Q .QS { padding: 0px; font-size: 20px; color: #585858; }
.PCMContent.Review .PCMCReview .RItem .Q .QC { margin: 0px 3px; padding: 13px 15px; border-bottom: solid 1px #585858; font-size: 16px; color: #999; }
.PCMContent.Review .PCMCReview .RItem .Q .QE { padding: 0px; font-size: 20px; color: #585858; }
.PCMContent.Review .PCMCReview .RItem .Q .T { padding-left: 3px; font-size: 14px; color: #333333; }
.PCMContent.Review .PCMCReview .RItem .L { width: 90px; }
.PCMContent.Review .PCMCReview .RItem .L button { margin: 0px; margin-left: 5px; padding: 5px 7px; display: flex; align-items: center; font-size: 15px; }
.PCMContent.Review .PCMCReview .RItem .L button i { padding-right: 3px; }
.PCMContent.Review .PCMCReview .RItem .A { position: relative; width: 170px; }
.PCMContent.Review .PCMCReview .RItem .A:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
.PCMContent.Review .PCMCReview .RItem .A input { padding: 8px; font-size: 18px; }
.PCMContent.Review .PCMCReview .RItem .A input.No { border: solid 1px #bd0000; background-color: #ffe5e5; }
.PCMContent.Review .PCMCReview .RItem .A input:focus { outline: dashed 2px #ff5e00; background-color: #ffe2d1; }
.PCMContent.Review .PCMCReview .RItem .A .WordNum { position: absolute; right: 8px; top: 10px; font-size: 18px; color: #888; line-height: 20px; }

.PCMContent.Review .PCMCReview .RItem:focus-within .Q .QS { color: #000000; }
.PCMContent.Review .PCMCReview .RItem:focus-within .Q .QC { color: #d4d4d4; }
.PCMContent.Review .PCMCReview .RItem:focus-within .Q .QE { color: #000000; }


.PCMContent.Review .PCMCReview .RItem .A .Answer { float: left; width: 50%; padding: 0px 2px; font-size: 16px; line-height: 35px; font-weight: bold; }
.PCMContent.Review .PCMCReview .RItem .A .Result { float: right; width: 50%; padding: 0px 2px; font-size: 16px; line-height: 35px; color: #bd0000; }
.PCMContent.Review .PCMCReview .RItem .A .Result .material-icons { float: right; color: #4ca000; font-size: 35px; }

.PCMContent.Review .PCMCReview .RItem .P { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.PCMContent.Review .PCMCReview .RItem .P .PL { display: flex; flex: 1; }
.PCMContent.Review .PCMCReview .RItem .P .PL input { flex: none; margin-right: 10px; width: 100px; }
.PCMContent.Review .PCMCReview .RItem .P .PL input:focus { outline: dashed 2px #ad0000; background-color: #ffebeb; }
.PCMContent.Review .PCMCReview .RItem .P .PR { flex: none; width: 40px; }
.PCMContent.Review .PCMCReview .RItem .P .PR.OK {  }
.PCMContent.Review .PCMCReview .RItem .P .PR .material-icons { display: none; color: #4ca000; font-size: 35px; }
.PCMContent.Review .PCMCReview .RItem .P .PR.OK .material-icons { display: block; }

.PCMContent.Review .PCMCReview .Line { margin: 0px; width: 100%; height: 0px; padding: 0px; border-bottom: solid 1px #828282; }

.PCMContent.Review .PCMCReview .SamplePractise { position: relative; margin-bottom: 60px; border: dashed 1px #b70000; border-radius: 10px; background-color: #e8e8e8; }
.PCMContent.Review .PCMCReview .SamplePractise .RItem {  }
.PCMContent.Review .PCMCReview .SamplePractise .RItem:hover { background-color: transparent; }
.PCMContent.Review .PCMCReview .SamplePractise .RItem .Input { flex: none; margin-right: 10px; width: 100px; padding: 8px; background-color: #FFFFFF; border-radius: 5px; border: solid 1px #AAAAAA; font-size: 18px; }
.PCMContent.Review .PCMCReview .SamplePractise .RItem .P .PR .material-icons { display: block; }
.PCMContent.Review .PCMCReview .SamplePractise .RItem .P { position: relative; }
.PCMContent.Review .PCMCReview .SamplePractise .RItem .P .Info { position: absolute; top: 50px; left: 0px; border-radius: 5px; padding: 5px 8px; font-size: 14px; color: #FFFFFF; background-color: rgba( 0, 0, 0, 0.7 ); }

.PCMContent.Review .Sample { position: relative; margin-bottom: 60px; border: dashed 1px #b70000; border-radius: 10px; background-color: #e8e8e8; }
.PCMContent.Review .Sample .SItem { display: flex; margin: 10px 0px; width: 100%; padding: 10px 10px; justify-content: space-between; border-radius: 5px; }
.PCMContent.Review .Sample .SItem .C { position: relative; flex-grow: 1; display: flex; align-items: center; font-size: 18px; color: #004a8a; }
.PCMContent.Review .Sample .SItem .Q { position: relative; width: 200px; display: flex; align-items: center; font-size: 25px; color: #004a8a; }
.PCMContent.Review .Sample .SItem .Q .QS { padding: 0px 2px; font-size: 20px; color: #585858; }
.PCMContent.Review .Sample .SItem .Q .QC { padding: 13px 15px; border-bottom: solid 1px #585858; font-size: 16px; color: #999; }
.PCMContent.Review .Sample .SItem .Q .QE { padding: 0px 2px; font-size: 20px; color: #585858; }
.PCMContent.Review .Sample .SItem .Q .T { padding-left: 3px; font-size: 14px; color: #333333; }
.PCMContent.Review .Sample .SItem .A { position: relative; width: 200px; }
.PCMContent.Review .Sample .SItem .A .Input { background-color: #FFFFFF; border-radius: 5px; border: solid 1px #AAAAAA; padding: 8px; font-size: 18px; }
.PCMContent.Review .Sample .SItem .A .WordNum { position: absolute; right: 8px; top: 10px; font-size: 18px; color: #888; line-height: 20px; }
.PCMContent.Review .Sample .SItem .Info { position: absolute; top: -35px; left: -4px; border-radius: 5px; padding: 5px 8px; font-size: 14px; color: #FFFFFF; background-color: rgba( 0, 0, 0, 0.7 ); }
.PCMContent.Review .Sample .SItem .Info.End { left: auto; right: -4px; }
.PCMContent.Review .Sample .Start { position: absolute; width: 100%; padding: 15px 0px; bottom: -70px; font-size: 18px; text-align: center; color: #000000; font-weight: bold; }

.PCMContent.Review #ChartDiv { width: 100%; height: 300px; padding-bottom: 15px; border-bottom: solid 1px #888888; }
.PCMContent.Review #ChartDiv.G { height: 500px; }
.PCMContent.Review .MainTag { position: sticky; display: flex; top: 0px; z-index: 5; margin: 15px 0px 20px; padding: 12px 10px; background-color: #409cb1; border-radius: 5px; }
.PCMContent.Review .MainTag:after { position: absolute; bottom: -20px; left: 20px; float: left; content: ''; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #409cb1 transparent transparent transparent; }
.PCMContent.Review .MainTag span.material-icons { width: 36px; font-size: 36px; align-items: center; }
.PCMContent.Review .MainTag span.material-icons.L {  }
.PCMContent.Review .MainTag span.material-icons.R {  }
.PCMContent.Review .MainTag .TagDiv { flex-grow: 1; flex-shrink: 0; flex-basis: 0%; align-items: bottom; overflow: hidden; white-space: nowrap; padding: 0px 0px 6px; }
.PCMContent.Review .TagDiv ul.Tag { list-style-type: none; margin-top: 3px; }
.PCMContent.Review .TagDiv ul.Tag li { display: inline-block; margin: 0px 5px; width: 110px; padding: 5px 0px; font-size: 15px; border-radius: 5px; background-color: #FFFFFF; vertical-align: top; text-align: center; }
.PCMContent.Review .TagDiv ul.Tag li:last-child { margin-right: 0px; }
.PCMContent.Review .TagDiv ul.Tag li:hover { cursor: pointer; }
.PCMContent.Review .TagDiv ul.Tag li.Open { position: relative; background-color: #d03c43; color: #FFFFFF; box-shadow: 0 3px 5px rgba(0,0,0,0.4); }
.PCMContent.Review .TagDiv ul.Tag li span.G { font-size: 12px; }

.PCMContent.List { margin: 20px auto 0; width: 100%; max-width: 800px; }
.PCMContent.List .PCMCLable { border-bottom: solid 1px #717171; }
.PCMContent.List .PCMCLable:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
.PCMContent.List .PCMCLable a { float: left; padding: 10px 13px; font-size: 15px; color: #333333; }
.PCMContent.List .PCMCLable a:hover { background-color: #cad9de; border-bottom: solid 2px #cad9de; }
.PCMContent.List .PCMCLable a.This { border-bottom: solid 2px #007792; color: #007792; }
.PCMContent.List .PCMCLable div.LItem { float: left; padding: 10px 13px; font-size: 15px; border-bottom: solid 2px #007792; color: #007792; }
.PCMContent.List .PCMCLable button { float: right; margin: 3px 5px; padding: 4px 14px; color: #FFF; background-color: #dc6100; }
.PCMContent.List .PCMCLable button svg { display: inline; fill: #FFFFFF; width: 24px; vertical-align: middle; }
.PCMContent.List .PCMCLable button:hover { background-color: #ca5400; cursor: pointer; }
.PCMContent.List .PCMCReview { margin-top: 30px; margin-bottom: 30px; }
.PCMContent.List .PCMCReview table { width: 100%; border-collapse: collapse; }
.PCMContent.List .PCMCReview table thead { font-size: 15px; border-bottom: solid 1px #a9a9a9; }
.PCMContent.List .PCMCReview table thead tr th { padding: 10px; font-size: 15px; }
.PCMContent.List .PCMCReview table tbody {  }
.PCMContent.List .PCMCReview table tbody:hover { cursor: pointer; background-color: rgba( 255, 255, 255, 0.5 ); }
.PCMContent.List .PCMCReview table tbody tr { border-bottom: solid 1px #a5a5a5; }
.PCMContent.List .PCMCReview table tbody tr td { height: 58px; padding: 10px; text-align: center; font-size: 14px; line-height: 22px; }
.PCMContent.List .PCMCReview table tbody tr td.Scores { color: #b3b3b3; }
.PCMContent.List .PCMCReview table tbody tr td.Scores button { margin: 3px; padding: 6px 12px; font-size: 15px; color: #FFF; }
.PCMContent.List .PCMCReview table tbody tr td.Scores button[name="View"] { background-color: #228c15; }
.PCMContent.List .PCMCReview table tbody tr td.Scores button[name="Test"] { background-color: #15768c; }
.PCMContent.List .PCMCReview table tbody tr td.Scores button[name="ReTest"] { margin-left: 8px; background-color:#2d5a61; }
.PCMContent.List .PCMCReview table tbody tr td.Scores button[name="View"]:hover { background-color: #0b6300; cursor: pointer; }
.PCMContent.List .PCMCReview table tbody tr td.Scores button[name="Test"]:hover { background-color: #012d3f; cursor: pointer; }
.PCMContent.List .PCMCReview table tbody tr td.Scores button[name="ReTest"]:hover { background-color: #113c43; cursor: pointer; }

.PCMContent.List .PCMCReview table .UseDeadlineStatusTbody { font-size: 18px; color: #e93200; }

.PCMContent.List .PCMCReview table tbody tr td.Scores .A { font-size: 17px; color: #333; }
.PCMContent.List .PCMCReview table tbody tr td.Scores .T { color: #7b7b7b; }
.PCMContent.List .PCMCReview table tbody tr td.Scores .L { font-size: 17px; color: #333; }

.PCMContent.List .PCMCReview table tbody tr td.Fun button { margin: 3px; padding: 6px 12px; font-size: 15px; color: #FFF; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="Join"] { background-color: #228c15; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="Del"] { background-color: #517279; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="Join"]:hover { background-color: #0b6300; cursor: pointer; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="Del"]:hover { background-color: #234850; cursor: pointer; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="SJoin"] { background-color: #228c15; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="SDel"] { background-color: #517279; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="SJoin"]:hover { background-color: #0b6300; cursor: pointer; }
.PCMContent.List .PCMCReview table tbody tr td.Fun button[name="SDel"]:hover { background-color: #234850; cursor: pointer; }

.PCMContent.List .PCMCBottom { text-align: center; margin-top: 10px; }
.PCMContent.List .PCMCBottom a { display: inline-block; margin: 0px 2px; vertical-align: middle; }
.PCMContent.List .PCMCBottom a .material-icons { color: #15768c; font-size: 36px; }
.PCMContent.List .PCMCBottom a:hover .material-icons { color: #005569; }
.PCMContent.List .PCMCBottom a[href="javascript:void(0)"] .material-icons { color: #9e9e9e; }
.PCMContent.List .PCMCBottom .ThisPage { display: inline-block; padding:0px 5px; font-size: 16px; vertical-align: middle; }


.PCMContent.Mockquiz { margin: 20px auto 0; width: 100%; max-width: 800px; }
.PCMContent.Mockquiz .PCMCContent { margin: 20px auto 0; width: 100%; max-width: 510px; }
.PCMContent.Mockquiz .PCMCContent:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
.PCMContent.Mockquiz .PCMCContent .C { margin: 18px auto; font-size: 18px; text-align: center; }
.PCMContent.Mockquiz .PCMCContent .C span { font-size: 22px; font-weight: bold; }
.PCMContent.Mockquiz .PCMCContent .L { float: left; width: 50%; padding: 20px 15px 20px 15px; border-right: solid 1px #bdbdbd; text-align: right }
.PCMContent.Mockquiz .PCMCContent .L input { padding: 10px 10px; width: 110px; font-size: 13px; vertical-align: middle; }
.PCMContent.Mockquiz .PCMCContent .R { float: right; width: 50%; padding: 22px 15px 22px 15px; }
/*
.PCMContent.Mockquiz .PCMCContent button { padding: 8px 20px; font-size: 15px; background-color: #228c15; color: #FFF; vertical-align: middle; }
.PCMContent.Mockquiz .PCMCContent button:hover { background-color: #0b6300; cursor: pointer; }
*/
.PCMContent.Mockquiz .PCMCContent button { padding: 8px 20px; font-size: 15px; background-color: #757575; color: #FFF; vertical-align: middle; }
.PCMContent.Mockquiz .PCMCContent button:hover { background-color: #757575; cursor: pointer; }

.PCMContent.Mockquiz .PCMCBottom { text-align: center; margin-top: 25px; }
.PCMContent.Mockquiz .PCMCBottom .BTitle { font-size: 16px; }
.PCMContent.Mockquiz .PCMCBottom .BTitle span { font-size: 18px; font-weight: bold; }
.PCMContent.Mockquiz .PCMCBottom select { display: block; margin: 20px auto; width: 210px; }
/*
.PCMContent.Mockquiz .PCMCBottom button { margin: 0px 5px; padding-right: 35px; padding-left: 35px; color: #FFF; background-color: #012d3f; }
.PCMContent.Mockquiz .PCMCBottom button.Yes { background-color: #012d3f; }
.PCMContent.Mockquiz .PCMCBottom button.Yes:hover { background-color: #15768c; cursor: pointer; }
.PCMContent.Mockquiz .PCMCBottom button.No { background-color: #7b7b7b; }
.PCMContent.Mockquiz .PCMCBottom button.No:hover { background-color: #545454; cursor: pointer; }
*/

.PCMContent.Review .Star { margin: 0 auto; width: 100%; max-width: 500px; }
.PCMContent.Review .Star .StarTitle { font-size: 22px; text-align: center; }
.PCMContent.Review .Star ul { display: flex; justify-content: center; margin: 0px auto; width: 100%; }
.PCMContent.Review .Star ul li { padding: 10px; }
.PCMContent.Review .Star ul li img { width: 40px; height: 40px; }

.PCMContent.Chart #ChartDiv { width: 100%; height: 400px; padding-bottom: 15px; }


@media screen and (max-width: 1024px) {
	.PCMContent.Home .PCMCItem { width: calc( 100% / 2 - 15px * 2 ); }
	.PCMContent.Home .PCMCItem .R .T div { display: inline; }
}


@media screen and (max-width: 850px) {
	.PCMContent.Review .PCMCReview .RItem .C { flex: 1; width: 60%; padding-right: 0%; font-size: 15px; }

	.PCMContent.Review .PCMCReview.View .RItem .C { padding-right: 0px; padding-top: 5px; }
	.PCMContent.Review .PCMCReview .RItem .Q { line-height: 30px; }
	.PCMContent.Review .PCMCReview .RItem .Q .QS { font-size: 17px; }
	.PCMContent.Review .PCMCReview .RItem .Q .QE { font-size: 17px; }
	.PCMContent.Review .PCMCReview .RItem .Q .T { font-size: 13px; }
	.PCMContent.Review .PCMCReview .RItem .A { width: 25%; }
	.PCMContent.Review .PCMCReview .RItem .A input { font-size: 14px; width: 100%; }

	.PCMContent.Review .PCMCReview .RItem .S { float: left; }
	.PCMContent.Review .PCMCReview .RItem .S .SE { font-size: 15px; }
	.PCMContent.Review .PCMCReview .RItem .S .SC { font-size: 13px; }

	.PCMContent.Review .Sample .SItem .Info { font-size: 12px; }
	.PCMContent.Review .Sample .SItem .C { font-size: 16px; }
	.PCMContent.Review .Sample .SItem .Q .QS { font-size: 17px; }
	.PCMContent.Review .Sample .SItem .Q .QE { font-size: 17px; }
	.PCMContent.Review .Sample .SItem .Q .T { font-size: 13px; }
	.PCMContent.Review .Sample .SItem .Q { width: 170px; }
	.PCMContent.Review .Sample .SItem .A { width: 170px; }
	.PCMContent.Review .Sample .SItem .A .Input { font-size: 15px; }

	.PCMContent.Review #ChartDiv { height: 200px; }
	.PCMContent.Review #ChartDiv.G { height: 300px; }
	.PCMContent.Review .MainTag .TagDiv { overflow-x: auto; }
	.PCMContent.Review .MainTag .TagDiv ul.Tag li { font-size: 13px; }
}

@media screen and (max-width: 768px) {
	.PCMContent.Home { flex-direction: column; }
	.PCMContent.Home .PCMCItem { width: calc( 100% - 15px * 2 ); }
	.PCMContent.Home .PCMCItem .S { width: 65px; height: 65px; }

	.PCMContent .PCMCTitle { display: block; }

	#Main #CMain .PCMain .PCMContent.Review { padding: 10px 8px; }

	.PCMContent.Review .MainTag span.material-icons { display: none; }
	.PCMContent.Review .TagDiv ul.Tag li { width: 90px; }

	.PCMContent.Review .PCMCReview .RItem {  padding: 10px 5px; }
	.PCMContent.Review .PCMCReview .RItem .C { flex: none; width: 100%; padding: 8px 0px; }
	.PCMContent.Review .PCMCReview .RItem .Q { width: calc( 55% - 40px ); }
	.PCMContent.Review .PCMCReview .RItem .L { width: 80px; }
	.PCMContent.Review .PCMCReview .RItem .A { width: calc( 45% - 40px ); }
	.PCMContent.Review .PCMCReview .RItem .S { width: 100%; }

	.PCMContent.Review .PCMCReview .RItem .A .WordNum { font-size: 16px; }
}


@media screen and (max-width: 600px) {
	.PCMContent.DfHome .PCMCContent .CC { margin: 10px 0px; width: 100%; }
	.PCMContent.DfHome .PCMCContent .CL { margin: 10px 0px; width: 100%; }
	.PCMContent.DfHome .PCMCContent .CR { margin: 10px 0px; width: 100%; }

	.PCMContent.DfHome .PCMCContent .UseDeadlineStatus { padding: 0px 0px; }
}


@media screen and (max-width: 500px) {

	.PCMContent.DfHome .PCMCTitle .T2 { font-size: 16px; line-height: 20px; }

	.PCMContent .PCMCTitle .L { font-size: 22px; }
	.PCMContent .PCMCTitle .R { font-size: 14px; }

	.PCMContent.Review .Sample .SItem .Q { width: 120px; }

	.PCMContent.Review .PCMCReview .RItem .A { width: 100%; padding: 8px 0px; }
	.PCMContent.Review .PCMCReview .RItem .A .WordNum { line-height: 32px; }
	.PCMContent.Review .PCMCReview .RItem .L {  }
	.PCMContent.Review .PCMCReview .RItem .L button { float: right; }

	.PCMContent.Review .PCMCReview .RItem .E { width: 100%; font-size: 25px; color: #000000; }
	.PCMContent.Review .PCMCReview .RItem .C { width: 100%; }
	.PCMContent.Review .PCMCReview.End .RItem .Q { width: 130px; }
	.PCMContent.Review .PCMCReview.End .RItem .Q .QS { font-size: 15px; }
	.PCMContent.Review .PCMCReview.End .RItem .Q .QE { font-size: 15px; }
	.PCMContent.Review .PCMCReview.End .RItem .Q .T { font-size: 12px; }
	.PCMContent.Review .PCMCReview.End .RItem .A { width: calc( 100% - 130px ); }

	.PCMContent.Review .PCMCReview .RItem .P .PL input { margin-right: 5px; width: 80px; font-size: 14px; }

	.PCMContent.Review .PCMCReview .SamplePractise .RItem .Input { margin-right: 5px; width: 80px; font-size: 14px; }

	form.Form { padding: 15px 10px; }
	form.Form ul li.FormItem li.T { width: 100%; text-align: left; }
	form.Form ul li.FormItem.Fun li.C:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }

	.PCMContent.List .PCMCReview table thead tr th { padding: 5px; font-size: 13px; }
	.PCMContent.List .PCMCReview table tbody tr td { height: 58px; padding: 4px; font-size: 13px; }
	.PCMContent.List .PCMCReview table tbody tr td.VID { font-size: 12px; }
	.PCMContent.List .PCMCReview table tbody tr td.ReviewDT { width: 89px; }
	.PCMContent.List .PCMCReview table tbody tr td.ReviewDT span { display: block; }
	.PCMContent.List .PCMCReview table tbody tr td.TestDT { width: 89px; }
	.PCMContent.List .PCMCReview table tbody tr td.TestDT span { display: block; }
	.PCMContent.List .PCMCReview table tbody tr td.Scores { width: 55px; }
	.PCMContent.List .PCMCReview table tbody tr td.Scores .A { font-size: 15px; }
	.PCMContent.List .PCMCReview table tbody tr td.Scores button { padding: 5px 6px; font-size: 14px; }

	.PCMContent.Chart #ChartDiv { height: 350px; }
}

@media screen and (max-width: 375px) {
	.PCMContent.List .PCMCReview table tbody tr td { height: 58px; font-size: 12px; }
}