.menu {
	display: none;
}

.header {
	height: 120px;
}

.logo {
	height: 120px;
	right: 35%;
	width: 30%;
	padding-right: 0;
}

img.logoimg {
	margin-top: -2%;
}

.loginmenu {
	width: 25%;
}

.loginbut {
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 18px;
	margin-top: 38px;
	margin-left: 10%;
}

.mobmenuicon {
	display: block;
	float: right;
	font-size: 45px;
	margin-right: 4%;
	line-height: 125px;
}

.menu {
	position: fixed;
	height: 100vh;
	width: 70vw;
	top: 120px;
	left: 100%;
	bottom: 0;
	background: #eef4f6;
	display: block;
	direction: rtl;
	padding-top: 10vw;
	overflow: scroll;
}

.mobmenuback {
	background: #2b2b2b;
	position: fixed;
	right: 0;
	left: 0;
	top: 120px;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0.5;
}

.menuitem {
	width: 100%;
	padding-right: 10%;
	padding-left: 10%;
	font-size: 4.5vw;
	margin-top: 4.5vw;
	text-align: right;
}

.submenu {
	display: block;
	position: relative;
	float: right;
	background: none;
	padding: unset;
	width: 100%;
	top: auto;
	margin-bottom: 3vw;
}

.submenuitem {
	width: 100%;
	background: none;
	padding-right: 15%;
	text-align: right;
	padding-left: 10%;
	font-size: 3.5vw;
	font-weight: 100;
	margin-top: 2.5vw;
}

.eftlang {
	width: 100%;
	text-align: right;
	padding-right: 10%;
	padding-left: 10%;
	font-size: 4vw;
	margin-top: 8vw;
	padding-bottom: 20vh;
}

.cardbox {
	width: 100%;
}

.round {
	width: 17vw;
	height: 17vw;
	margin-top: 20%;
	margin-right: 78%;
}

.section1 {
	height: 45vh;
}

.card-wrapper {
	margin-right: 15vw;
	margin-top: -7%;
	width: 70vw;
	height: 45vw;
}

.round2 {
	width: 10vw;
	height: 10vw;
	margin-top: -5%;
	margin-right: 10%;
}

.s1-title {
	font-size: 4vw;
	line-height: 6vw;
}

.s1-span {
	font-size: 6vw;
}

.s1-span-2 {
	margin-right: 41vw;
}

.s1-paraph {
	font-size: 2vw;
	line-height: 3.2vw;
	width: 60vw;
}

button.s1-but.bg1 {
	font-size: 2.2vw;
	padding-right: 4vw;
	padding-left: 4vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	margin-top: 2vw;
	margin-right: 3vw;
}

.section2 {
	height: 32vh;
	min-height: 500px;
}

.s2-title.c0 {
	margin-top: 2.5vh;
	margin-bottom: 2.5vh;
	font-size: 3vw;
}

.s2-slide-arrow {
	margin-top: 15%;
}

.s2-slide-next {
	right: 4%;
}

.s2-slide-back {
	left: 4%;
}

.s2-rollbox {
	width: 80vw;
	height: 20vh;
	margin-right: 10vw;
}

.s2-subbox {
	padding: 2%;
	height: 19.5vh;
	overflow: hidden;
}

img.s2-img-box {
	width: 21vw;
	height: 26.25vw;
	margin-right: -0.3vw;
}

h3.s2-box-title.c0 {
	font-size: 1.8vw;
	margin-top: 1vw;
	margin-bottom: 0.7vw;
}

.s2-box-txt {
	font-size: 1.7vw;
	line-height: 2.5vw;
}

.section3 {
	min-height: 500px;
	height: fit-content;
	padding-bottom: 4vh;
}

.s3-box {
	width: 86%;
	margin-right: 7%;
	margin-top: 7%;
	height: 75%;
}

h3.s3-title {
	font-size: 2vw;
	line-height: 3vw;
	width: 65%;
}

buttom.s3-but {
	padding-right: 3vw;
	padding-left: 3vw;
	padding-top: 1%;
	padding-bottom: 1%;
	font-size: 2vw;
}

img.s3-img {
	height: 100%;
}

h3.s3-box-title {
	font-size: 1.8vw;
}

p.s3-box-txt {
	font-size: 1.7vw;
	line-height: 2.6vw;
}

.s3-subbox {
	margin-top: -1%;
}

.s3-head {
	margin-bottom: 0%;
}

.section4 {
	height: 30vh;
	min-height: 500px;
}

h2.s4-toptitle {
	margin-top: 4%;
	padding-right: 12%;
	font-size: 3.2vw;
}

h3.s4-title {
	padding-right: 14%;
	font-size: 2.5vw;
}

.s4-imgbox-main {
	margin-right: 4%;
	margin-left: 4%;
	margin-top: 4%;
	width: 92vw;
}

.s4-imgbox {
	width: 28.2vw;
	height: 40vw;
}

.s4-imgbox-title {
	margin-top: 85%;
	font-size: 2.8vw;
}

h3.s4-imgbox-subtitle.c6 {
	font-size: 2vw;
	margin-top: 0vw;
}

button.s4-imgbox-but.c6 {
	width: 50%;
	margin-right: 25%;
	margin-left: 25%;
	font-size: 1.7vw;
	padding-bottom: 2%;
}

.section5 {
	height: 25vh;
	min-height: 500px;
}

.s5-innerbox {
	margin-top: 20%;
}

.s5-ping {
	margin-top: -14%;
	margin-left: -2.6%;
}

.s6-box {
	max-width: unset;
	width: 90%;
}

h2.s6-title.c1 {
	font-size: 2.5vw;
	margin-bottom: 5%;
}

.s6-row {
	font-size: 2.5vw;
	padding-top: 3%;
	padding-bottom: 3%;
}

.s6-row-plus {
	font-size: 2.2vw;
	padding-left: 1vw;
}

.s6-row-box {
	font-size: 2vw;
	line-height: 3.5vw;
	padding-right: 4%;
	padding-left: 4%;
	margin-top: 2%;
	margin-bottom: 5%;
}

.section7 {
	min-height: 500px;
	height: 40vh;
}

.s7-title {
	width: 100%;
	margin-top: 6%;
	text-align: center;
	margin-right: 0;
	margin-bottom: 3%;
}

.s7-box {
	width: 84%;
	margin-left: 8%;
	margin-top: 1%;
}

input.form-control.s7-in {
	font-size: 2vw;
	height: 3vh;
}

.s7-txtarea {
	font-size: 2vw;
}

textarea.form-control {
	height: 12vh;
}

.s7-sub {
	font-size: 2.5vw;
	height: 3vh;
	border-radius: 1vw;
}

img.f-logo {
	width: 50%;
	margin-right: 25%;
	margin-left: 25%;
}

h3.f-about-title.c6 {
	font-size: 2vw;
}

p.f-about.c5 {
	padding-right: 10%;
	padding-left: 10%;
	font-size: 1.8vw;
	line-height: 3vw;
}

.f-contact.c6 {
	font-size: 3vw;
	padding-right: 1%;
	padding-left: 5%;
	line-height: 3vw;
}

.f-social-box {
	padding: 0;
}

.f-icon-phone {
	width: 30vw;
	height: 5vw;
	border-radius: 1vw;
	padding-top: 1vw;
	margin-bottom: 1vw;
}

.f-sb-data {
	font-size: 1.7vw;
	margin-right: 2vw;
}

.f-icon-phone > i {
	font-size: 2.5vw;
	line-height: 2.5vw;
	margin-right: 2vw;
}

.f-icon-mail {
	width: 30vw;
	height: 5vw;
	border-radius: 1vw;
	padding-top: 1vw;
	margin-bottom: 1vw;
}

.f-icon-insta {
	width: 30vw;
	height: 5vw;
	border-radius: 1vw;
	padding-top: 1vw;
	margin-bottom: 1vw;
}

.f-icon-mail > i {
	font-size: 2.5vw;
	line-height: 2.5vw;
	margin-right: 2vw;
}

.f-icon-insta > i {
	font-size: 2.5vw;
	line-height: 2.5vw;
	margin-right: 2vw;
}

.f-icon-insta > i {
	font-size: 2.5vw;
	line-height: 2.5vw;
	margin-right: 2vw;
}

.f-icon-mail > .f-sb-data {
	font-size: 1.5vw;
}

.footer {
	height: 25vh;
}

.section-cc {
	height: 20vh;
	font-size: 5vw;
	line-height: 20vh;
}

.filtersearchbox {
	height: 14vw;
}

.searchbox {
	width: 35%;
}

.search {
	font-size: 2vw;
	height: 5vw;
}

.searchbut {
	height: 5vw;
	font-size: 2.5vw;
	line-height: 4.5vw;
}

.filter {
	padding-right: 3%;
	padding-left: 3%;
	margin-right: 1%;
	font-size: 1.8vw;
	padding-top: 1%;
	padding-bottom: 1%;
	border-radius: 1vw;
}

.coursesbox {
	padding-top: 2vh;
	padding-bottom: 15vh;
	padding-right: 5vw;
	padding-left: 5vw;
}

.nocoursebox {
	font-size: 3vw;
}

.s2-subbox-in {
	margin-right: 0;
	margin-left: 0;
	width: 90vw;
	padding: 5%;
	margin-top: 1vh;
	height: auto;
}

.s2-subbox-in > img.s2-img-box {
	width: 80.85vw;
	height: 101.06vw;
	border-radius: 2vw;
}

.s2-subbox-in > .s2-box-title {
	font-size: 3vw;
	margin-top: 3vw;
}

.s2-subbox-in > .s2-box-txt {
	font-size: 2.5vw;
	margin-top: 2vw;
	line-height: 4.5vw;
}

.coursetags {
	font-size: 2vw;
	margin-top: 2vw;
}

.course-subtitle.c0 {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	font-size: 2vw;
	margin-top: 4vw;
}

img.course-img {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 5vw;
	border-radius: 2vw;
}

.presubmit {
	width: 26%;
	margin-right: 37%;
	margin-left: 37%;
}

.course-note {
	font-size: 2.5vw;
	line-height: 4vw;
	margin-right: 10%;
	margin-left: 10%;
	width: 80%;
}

.course-teachers-title {
	font-size: 2.2vw;
	margin-bottom: 2vw;
}

.course-teacher.c3 {
	width: 15vw;
	height: 19vw;
}

img.course-teacher-img {
	width: 12vw;
	margin: 1.5vw;
	height: 12vw;
}

.course-teacher-name {
	font-size: 1.8vw;
}

.course-titlelist-title.c1 {
	font-size: 2.2vw;
	margin-bottom: 2vw;
}

span.course-titlelist1 {
	font-size: 2vw;
	line-height: 3.4vw;
}

.fac {
	font-size: 1.3vw;
}

span.course-titlelist2 {
	font-size: 1.8vw;
	padding-right: 2vw;
}

.course-details {
	font-size: 2.5vw;
	line-height: 4vw;
	margin-right: 10%;
	margin-left: 10%;
	width: 80%;
}

.course-taghvim-title {
	font-size: 2.2vw;
	margin-bottom: 2vw;
}

table.course-taghvim {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}

tr.course-taghvim-tr1.c3 {
	font-size: 1.8vw;
}

td.course-taghvim-td {
	padding: 1vw;
	font-size: 1.8vw;
}

.course-payment {
	font-size: 2.5vw;
	line-height: 4vw;
	margin-right: 10%;
	margin-left: 10%;
	width: 80%;
	margin-top: 8vw;
}

.course-file-box.bg1 {
	width: 36%;
	margin-right: 10%;
	height: 12vw;
	border-radius: 2vw;
}

.course-file-title.c0 {
	font-size: 1.8vw;
	padding: 1.5vw;
}

button.course-file-but {
	width: 15vw;
	height: 3vw;
	margin-right: 19vw;
}

.course-tags {
	font-size: 2vw;
}

.section-t1 {
	height: 20vh;
	font-size: 5vw;
	line-height: 20vh;
}

.teachersbox {
	padding-right: 5vw;
	padding-left: 5vw;
	padding-top: 5vw;
}

.noteacherbox {
	font-size: 2vw;
}

.teacherbox {
	width: 20vw;
	height: 25vw;
	border-radius: 1.5vw;
}

img.teacherimg {
	width: 15vw;
	height: 15vw;
	margin-right: 2.5vw;
	margin-top: 1.5vw;
}

.teachername {
	margin-top: 1vw;
	font-size: 1.8vw;
}

.teacherpos {
	margin-top: 1vw;
}

.section-s1 {
	height: 20vh;
	font-size: 5vw;
	line-height: 20vh;
}

.section-ac1 {
	height: 20vh;
	font-size: 5vw;
	line-height: 20vh;
}

.section-ac2 {
	padding-top: 3vh;
	padding-bottom: 3vh;
}

.sac2-box {
	width: 90%;
	margin-right: 5%;
}

.sac2-title {
	font-size: 2vw;
	margin-bottom: 3%;
}

.sac2-subtitle {
	font-size: 2vw;
	line-height: 3.5vw;
}

.sac2-box > a > button {
	width: 30vw;
	margin-right: 30vw !important;
	margin-bottom: 1vw;
}

.section-b1 {
	height: 20vh;
	font-size: 5vw;
	line-height: 20vh;
}

.section-b2 {
	min-height: 65vh;
}

.b2-searchhead {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 5%;
	padding-left: 5%;
	height: 2vh;
}

.b2-blogmainbox {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 2%;
	margin-bottom: 10%;
}

.b2-title {
	font-size: 1.8vw;
}

.b2-subtitle {
	font-size: 1.5vw;
	line-height: 2.5vw;
}

.b2-but {
	font-size: 2vw;
	width: 70%;
	margin-right: 15%;
	margin-left: 15%;
	border-radius: 2vw;
	margin-bottom: 2vw;
}

.b3-title.c6 {
	font-size: 3vw;
}

img.b3-img {
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
}

.b3-tags.c6 {
	font-size: 2vw;
}

.b3-body {
	font-size: 2vw;
	line-height: 3vw;
}

.b2-allblogbut {
	width: 30%;
	margin-right: 35%;
	font-size: 2vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	border-radius: 2vw;
}

.section-s2 {
	padding-top: 3vh;
	padding-bottom: 5vh;
}

.ss2-filters {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	height: 7vw;
	border-radius: 3vw;
	margin-bottom: 2vw;
}

.ss2-filter {
	margin-right: 1vw;
	padding-right: 1.5vw;
	padding-left: 1.5vw;
	font-size: 1.7vw;
	height: 2.5vw;
	line-height: 2.5vw;
}

.ss2-box {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	padding: 3rem 2rem;
}

img.ss2-img {
	width: 15%;
	height: 18vw;
}

.ss2-title {
	width: 85%;
	font-size: 2vw;
}

.ss2-subtitle.c0 {
	width: 80%;
	font-size: 1.7vw;
	margin-top: 1vw;
}

button.ss2-but {
	width: 90%;
}

.ss2-n {
	font-size: 2.7vw;
	width: 4vw;
	height: 4vw;
	line-height: 4.5vw;
	margin-right: 0.8vw;
}

.section-a1 {
	height: 20vh;
	font-size: 5vw;
	line-height: 20vh;
}

.sa2-box {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}

.sa2-title.c0 {
	font-size: 2.5vw;
}

.sa2-txt {
	font-size: 2vw;
	line-height: 4vw;
}

.section.section-a2 {
	height: 50vh;
}

.sa4-box {
	width: 90%;
	margin-right: 5%;
}

img.sa4-img {
	margin-top: 9%;
}

.sa4-title {
	font-size: 3vw;
}

.sa4-txt {
	font-size: 2vw;
	line-height: 4vw;
}

.sa3-title {
	font-size: 4vw;
	margin-top: 5%;
	margin-bottom: 10%;
}

.section-c1 {
	height: 20vh;
	font-size: 5vw;
	line-height: 20vh;
}

.sc2-box {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}

.sc2-phone {
	font-size: 2vw;
	margin-right: 1vw;
	line-height: 4vw;
}

span.sc2-mail {
	font-size: 2vw;
	margin-right: 1vw;
	line-height: 4vw;
}

span.sc2-tele {
	font-size: 2vw;
	margin-right: 1vw;
	line-height: 4vw;
}

.sc2-location {
	font-size: 2vw;
	margin-right: 1vw;
	line-height: 4vw;
}

.sc3-box {
	width: 70%;
	margin-right: 15%;
	margin-left: 15%;
}

.sc3-in {
	font-size: 1.5vw;
}

.sc3-txtarea {
	font-size: 1.5vw;
}

.sc3-sub {
	font-size: 2vw;
	height: 5vw;
}

span.sc2-insta {
	font-size: 2vw;
	margin-right: 1vw;
	line-height: 4vw;
}

.login-box {
	width: 70%;
	margin-right: 15%;
	margin-left: 15%;
	border-radius: 3vw;
}

.login-box-title {
	font-size: 4.5vw;
}

.login-box-subtitle {
	font-size: 2.5vw;
	margin-top: 2vw;
	margin-bottom: 10vw;
}

lable.login-box-lable {
	font-size: 2.5vw;
	margin-bottom: 1vw;
}

.login-box-mob {
	font-size: 3vw;
	height: 7vw;
	border-radius: 2vw;
}

.login-box-submob {
	height: 7vw;
	margin-top: 1vw;
	border-radius: 2vw;
	font-size: 2.5vw;
}

.login-box-mobcop {
	font-size: 2.5vw;
	height: 7vw;
	border-radius: 2vw;
}

.login-box-code {
	font-size: 2.5vw;
	height: 7vw;
	border-radius: 2vw;
}

.login-box-sub {
	margin-top: 2vw;
	height: 7vw;
	border-radius: 2vw;
	font-size: 2.5vw;
}

.sidemenu {
	right: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	bottom: unset;
	top: 0;
	height: 14vh;
	padding-top: 5vh;
}

img.sidemenu-img {
	display: none;
}

.sidemenu-name.c6 {
	display: none;
}

.sidemenu-pos {
	display: none;
}

.sidemenu-menu {
	margin-top: 0;
	width: 80%;
}

.sidemenu-item {
	width: 18%;
	border-right: none;
	margin-right: 1%;
	margin-left: 1%;
	height: 9.5vh;
	margin-top: 0.5vh;
	padding: 1vh;
	padding-top: 2.5vh;
	font-size: 1.7vw;
	text-align: center;
	line-height: 2.8vw;
}

.sidemenu-item > i {
	font-size: 2.2vh;
	float: right;
	width: 100%;
	text-align: center;
	margin-bottom: 1vw;
}

.sidemenu-logout {
	left: 0;
	right: unset;
	bottom: unset;
	top: 12.3vh;
	font-size: 1.5vw;
}

.profile-pages {
	right: 0;
	width: 100%;
	top: 12vh;
	padding-top: 4vh;
	padding-right: 3vw;
	padding-left: 3vw;
}

.profile-popup-title {
	font-size: 2vw;
}

.profile-popup-subtitle {
	font-size: 1.7vw;
	margin-bottom: 1vh;
}

.proile-popup-box1 {
	width: 100%;
	margin-top: 0;
}

.profile-popup-box2 {
	width: 100%;
	margin-top: 0;
	margin-right: 2vw;
}

.profile-popup-label {
	font-size: 2.2vw;
	margin-top: 1.5vw;
	margin-bottom: 0.5vw;
}

.profile-popup-input {
	width: 80vw;
	font-size: 2.5vw;
	height: 7vw;
	border-radius: 2vw;
	padding-right: 2vw;
	padding-left: 2vw;
}

.profile-popup-boxx {
	width: 100%;
	margin-top: 1vw;
}

.ppattendbox > span {
	font-size: 2vw;
	line-height: 4vw;
}

.ppattendsel {
	height: 3vw;
}

.profile-detilsbox {
	width: 90%;
	margin-bottom: 30vh;
}

.profile-popup-sub {
	margin-top: 4vw;
	position: absolute;
	font-size: 2.5vw;
	width: 30vw;
	height: 7vw;
	border-radius: 2vw;
}

.profile-popup-sub {
	margin-top: 4vw;
	position: absolute;
	font-size: 2.5vw;
	width: 30vw;
	height: 7vw;
	border-radius: 2vw;
}

.ticket-list-box {
	width: 100%;
	margin: 0;
	margin-top: 2vw;
	height: 18vw;
	border-radius: 2vw;
}

.person-pop-ticket-header {
	height: 4vw;
	font-size: 2vw;
	line-height: 4vw;
	padding-right: 2vw;
}

.person-pop-ticket-title {
	font-size: 1.7vw;
	margin-right: 2vw;
	margin-left: 2vw;
	margin-top: 2vw;
}

.person-pop-ticket-status {
	height: 4vw;
	font-size: 1.8vw;
	line-height: 4vw;
}

.person-pop-ticket-lastedit {
	margin-top: 1vw;
	font-size: 1.5vw;
	padding-left: 2vw;
}

.person-pop-ticket-newbut {
	width: 70%;
	margin-right: 15%;
	margin-top: 4vw;
	margin-bottom: 30vh;
	height: 7vw;
	border-radius: 2vw;
	font-size: 2vw;
}

.ticket-popup-header {
	height: 5vw;
	font-size: 2vw;
	line-height: 5vw;
}

.ticket-popup {
	width: 94%;
	margin-right: 0;
	margin-left: 0;
	height: 120vw;
	margin-top: 2vw;
}

.ticket-popup-exit {
	font-size: 3vw;
	margin-left: 1vw;
	line-height: 5vw;
}

.ticket-side {
	height: 115vw;
	padding: 2vw;
}

img.ticket-side-img {
	margin-top: 2vw;
}

.ticket-side-username {
	font-size: 2.5vw;
	margin-top: 1.5vw;
}

.ticket-side-userpos {
	font-size: 1.8vw;
	margin-top: 0.7vw;
}

.ticket-side-mob {
	height: 5vw;
	width: 80%;
	margin-right: 10%;
	font-size: 2vw;
	line-height: 5vw;
	margin-top: 3vw;
	border-radius: 2vw;
}

lable.ticket-side-status-lable {
	font-size: 2vw;
	margin-bottom: 1.5vw;
}

.ticket-side-status-sel {
	width: 90%;
	font-size: 2vw;
	height: 5vw;
	border-radius: 1vw;
}

.ticket-chat-title {
	font-size: 1.5vw;
	height: 5vw;
	border-radius: 1vw;
}

label.ticket-chat-titlelable {
	font-size: 1.7vw;
	line-height: 5vw;
}

.ticket-chats {
	height: 97vw;
	margin-bottom: 2vw;
}

.ticket-chat-in {
	height: 7vw;
	font-size: 1.6vw;
}

.ticket-chat-sendbut {
	height: 6.5vw;
	font-size: 3.5vw;
	line-height: 3.5vw;
	margin-top: 0.2vw;
}

.ticket-chat-recive {
	font-size: 1.8vw;
	padding: 1vw;
	border-radius: 1vw 1vw 1vw 0;
	margin-top: 0.5vw;
	margin-bottom: 1vw;
}

.ticket-chat-time {
	font-size: 1.2vw;
}

.ticket-chat-send {
	font-size: 1.8vw;
	padding: 1vw;
	border-radius: 1vw 1vw 0 1vw;
	margin-top: 0.5vw;
	margin-bottom: 1vw;
}

.ticket-chat-recive {
	font-size: 1.8vw;
	padding: 1vw;
	border-radius: 1vw 1vw 1vw 0;
	margin-top: 0.5vw;
	margin-bottom: 1vw;
}

.ticket-chat-time {
	font-size: 1.2vw;
}

.ticket-chat-send {
	font-size: 1.8vw;
	padding: 1vw;
	border-radius: 1vw 1vw 0 1vw;
	margin-top: 0.5vw;
	margin-bottom: 1vw;
}

.person-popcer-no {
	font-size: 3vw;
	margin-top: 10vw;
}

.vip-no {
	font-size: 3vw;
	text-align: center;
	width: 100%;
	margin-top: 12vw;
}

.profile-pay-title {
	font-size: 2.5vw;
	margin-top: 3vw;
	margin-bottom: 2vw;
}

table.profile-pay {
	width: 90%;
	margin-right: 5%;
	font-size: 1.5vw;
	line-height: 4vw;
}

.person-popcer-box {
	width: 45vw;
	height: 63.75vw;
}

.person-popcer-name {
	width: 45vw;
	font-size: 1.87vw;
	margin-top: -39.37vw;
}

.vip-box-p {
	width: 80vw;
	height: 16vw;
	border-radius: 2vw;
}

.vip-icon {
	height: 16vw;
	width: 10vw;
	font-size: 5vw;
	line-height: 16vw;
}

.vip-title {
	width: 50vw;
	font-size: 2.5vw;
	margin-top: 3vw;
}

.vip-date {
	width: 50vw;
	font-size: 1.5vw;
	margin-top: 1vw;
}

.vip-acc {
	width: 5vw;
	font-size: 4vw;
	margin-left: 4vw;
}

.btn.vip-page-back {
	width: 30vw;
	height: 6vw;
	font-size: 2.5vw;
	border-radius: 2vw;
	line-height: 5vw;
	margin-bottom: 4vw;
}

.vip-page-title {
	font-size: 2.5vw;
}

img.vip-page-cover {
	width: 50%;
	margin-top: 2vw;
	margin-right: 2vw;
}

.vip-page-note {
	margin-top: 2vw;
	margin-right: 2vw;
	font-size: 2vw;
}

button.btn.vip-page-file {
	width: 30vw;
	height: 6vw;
	font-size: 2.5vw;
	border-radius: 2vw;
	margin-top: 3vw;
}

video.vip-page-video {
	width: 80%;
	margin-top: 3vw;
	margin-right: 2vw;
	margin-bottom: 10vh;
}

.ss2-txtbox {
	width: 70%;
	height: 20vw;
}

.ss2-butbox {
	width: 15%;
}

.f-contact > span {
	font-size: 2vw;
}

.undersubmenu {
	color: black;
	padding-right: 20%;
	font-size: 3vw;
	margin-top: 0.5vw;
}
.login-box {
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    border-radius: 3vw;
}