@media screen and (max-width: 1680px){
	.ysg_cenbox {
	    width: 1200px;
	}
	.ysg_logright {
	    width: 730px;
	}
	.ysg_logleft {
	    width: calc(100% - 730px);
	}
	.ysg_loglcendl {
	    width: 368px;
	}
	.ysg_loglcenzc {
	    width: 368px;
	}
	.ysg_inpitm {
	    margin-top: 20px;
	}
	.ysg_dllist {
	    margin-top: 20px;
	}
	.ysg_inpitm input {
	    line-height: 42px;
	    height: 42px;
	}
	.ysg_yzmbtn {
	    font-size: 16px;
	    width: 148px;
	    line-height: 46px;
	}
	.ysg_inpitm {
	    margin-top: 15px;
	}	
	.ysg_dlcenbtn {
	    font-size: 16px;
	    line-height: 46px;
	    padding-left: 78px;
	    padding-right: 78px;
	}
}
@media screen and (max-width: 1440px){
	.ysg_logleft {
	    width: calc(100% - 660px);
	}
	.ysg_logright {
	    width: 660px;
	}
	.ysg_footrbtit {
	    font-size: 26px;
	}
	.ysg_cenbox {
	    width: 1100px;
	}
	.ysg_opdbtn {
	    font-size: 16px;
	    padding-left: 36px;
	    padding-right: 36px;
		line-height: 48px;
	    border-radius: 10px;
	}
	.ysg_opdbtn a{
		padding-left: 36px;
		padding-right: 36px;
	    line-height: 48px;
	}
	.ysg_footrp {
	    font-size: 16px;
	    margin-top: 6px;
	}
	.ysg_footr {
	    padding-bottom: 72px;
	    padding-top: 72px;
	}
	.ysg_footr {
	    margin-top: 65px;
	}
	.header {
	    padding: 2rem 0;
	}
	.ysg_back {
	    padding-top: 35px;
	}
	.ysg_inpitm input {
	    line-height: 38px;
	    height: 38px;
	}
	.ysg_yzmbtn {
	    width: 140px;
	    line-height: 42px;
	}
	.ysg_dlcenbtn {
	    line-height: 42px;
	}
	.ysg_dlbtn {
	    margin-top: 25px;
	}
	.ysg_tuiop {
	    margin-top: 20px;
	}
	.ysg_title {
	    font-size: 22px;
	}
	.ysg_inpitm input {
	    line-height: 32px;
	    height: 32px;
	    padding-top: 15px;
	}
	.ysg_yzmbtn {
	    width: 126px;
	    line-height: 36px;
	    font-size: 14px;
	}
	.ysg_loglcenzc .ysg_inplist {
	    margin-top: 10px;
	}
	.ysg_dlbtn {
	    margin-top: 15px;
	}
	.ysg_tuiop {
	    margin-top: 15px;
	}
	.atvin.ysg_ininpbtn .ysg_inlzm {
    	top: -1px;
	}
	
}
@media screen and (max-width: 1360px){
	.ysg_cenbox {
	    width: 1036px;
	}
	.ysg_logleft {
	    width: calc(100% - 580px);
	}
	.ysg_logright {
	    width: 580px;
	}

	.ysg_viodebox{
		width: 800px !important;
		max-width: calc(100% - 40px);
		max-height: calc(100% - 60px);
		overflow: hidden;
	}
}
@media screen and (max-width: 1200px){
	.ysg_padding {
	    width: 960px;
	}
	.ysg_navname{
		display: none !important;
	}
	.ysg_herdactivity{
		display: none;
	}
	

}
@media screen and (max-width: 1100px){
	.ysg_padding {
	    width: 720px;
	}
	.ysg_back_pt1nrfl {
	    width: 50%;
	    margin-bottom: 28px;
	}
	.ysg_back_pt1nr {
	    margin: 40px -14px 40px;
	}
	.ysg_back_pt2attu {
	    width: 328px;
	}
	.ysg_back_pt2at2 {
	    width: 142px;
	}
	.ysg_back_pt2at1 {
	    width: 372px;
	}
	.ysg_backcenbox{
	    width: 748px;
	}
	.ysg_back_pt2bot {
	    padding: 40px 40px;
	}
	.ysg_back_pt2nt{
		overflow-x: auto;
	}
	.ysg_back_pt2top1 {
	    width: 372px;
	}
	.ysg_back_pt2top2 {
	    width: 142px;
	}
	.ysg_back_pt2top3 {
	    width: 132px;
	}
	.ysg_loglcendl {
	    width: 330px;
	}
	.ysg_logleft {
	    width: calc(100% - 510px);
	}
	.ysg_cenbox {
	    width: 900px;
	}
	.ysg_logright {
	    width: 510px;
	}	
	.ysg_inpitm input {
	    line-height: 32px;
	    height: 32px;
	}
	.ysg_ininpbtn input {
	    padding-top: 8px;
	}
	.ysg_dlcenbtn {
	    line-height: 32px;
	    padding-left: 68px;
    	padding-right: 68px;
	}
	.ysg_tuiop {
	    margin-top: 10px;
	}
	.ysg_dllist {
	    margin-top: 10px;
	}
	.ysg_yzmbtn {
	    width: 116px;
	    line-height: 32px;
	    font-size: 14px;
	}

	/* 10.27 */
	.ysg_packagelist{
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		overflow: auto;
	}

	.ysg_packaitm{
		min-width: 230px;
	}
	.ysg_back_pt2top,
	.ysg_back_pt2at {
		display: flex;
		flex-wrap: nowrap;
	}
	.ysg_back_pt2top>div,
	.ysg_back_pt2at>div{
		float: none;
	}
	.ysg_backcenbox{
		width: 975px;
	}
	/* 1100e */
}
@media screen and (max-width: 990px){
	.ysg_padding {
	    width: 540px;
	}
	.ysg_footrbleft{
		width: 100%;
	}
	.ysg_footrbright {
	    width: 100%;
	    float: left;
	    margin-top: 10px;
	}
	.ysg_footrbtit {
	    font-size: 18px;
	}
	.ysg_footrp {
	    font-size: 14px;
	    margin-top: 0px;
	}
	.ysg_opdbtn {
	    font-size: 14px;
	    padding-left: 20px;
	    padding-right: 20px;
	    line-height: 38px;
	}
	.ysg_opdbtn a{
		padding-left: 20px;
		padding-right: 20px;
		line-height: 38px;
	}
	.ysg_footr {
	    padding-bottom: 42px;
	    padding-top: 42px;
	}
	.ysg_footr {
	    margin-top: 46px;
	}
	.ysg_packaitm {
	    width: calc(50% - 14px);
	    margin-bottom: 15px;
	}
	
	.ysg_ss_bd{
		overflow-x: auto;
		overflow-y: hidden;
	}

	.ysg_ss_listbox{
		width: 690px;
	}


}
@media screen and (max-width: 950px){
	.ysg_logright{
		display: none;
	}
	.ysg_cenbox {
	    width: 520px;
	    height: calc(100vh - 80px);
	    position: relative;
	    overflow: auto;
	}
	.ysg_loglcendl{
		position: relative;
	    top: 0;
	    transform: translate(-50%, 0px);
	}
	.ysg_logleft{
		position: initial;
    	height: auto;
    	width: 100%;
	}
	.ysg_cenbox {
	    padding-top: 30px;
	    padding-bottom: 36px;
	}
	.ysg_inplist {
	    margin-top: 25px;
	}
	.ysg_cenbox {
	    min-height: 446px;
	}
	.ysg_dlerm {
	    margin: 25px auto 0;
	}
	.ysg_jdsjsp1 {
	    margin-top: 25px;
	}
	.ysg_loglcen {
	    position: relative;
	    left: 50%;
	    top: 0;
	    transform: translate(-50%,0%);
	}
	.ysg_cenboxn {
	    overflow: auto;
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.ysg_cenbox {
	    left: 50%;
	    top: 0;
	    transform: translate(-50%,0);
	}
	.ysg_sxmdlbox{
		top: 50%;
    	transform: translate(-50%,-50%);
	}
	.ysg_loglcenzc {
    	width: 100%;
	}
	.ysg_loglcendl {
    	width: 100%;
	}

	/* 768e */
	.ysg_anrdftsx {
		margin-left: 10px;
	}
}	
@media screen and (max-width: 767px){
	.ysg_back_pt1nrfl{
		width: 50%;
	}
	.ysg_padding {
	    width: calc(100vw - 46px);
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.ysg_leftnav {
	    width: 46px;
	}
	.ysg_leftnavitbox img {
	    width: 16px;
	}
	.ysg_leftnavitbox {
	    padding: 8px;
	    height: 32px;
	}
	.ysg_leftnavitm {
	    margin-bottom: 8px;
	}
	.ysg_setitm img {
	    width: 20px;
	}
	.ysg_setitm a {
	    padding: 6px;
	}
	.ysg_setitm {
	    margin-bottom: 8px;
	}
	main.animated {
	    min-height: calc(100vh - 80px);
	    width: calc(100vw - 46px);
	}
	.ysg_footr {
	    width: calc(100vw - 46px);
	}
	.ysg_herdactivity{
		display: none;
	}
	.ysg_back_pt1wz span {
	    font-size: 12px;
	    line-height: 18px;
	}
	.ysg_back_pt1wz p {
	    font-size: 24px;
	    line-height: 32px;
	}
	.ysg_back_pt1nrb {
	    padding: 12px;
	}
	.ysg_back_pt1ico {
	    width: 32px;
	    left: 20px;
	}
	.ysg_back_pt1nr {
	    margin: 18px 0px 18px;
	}
	.ysg_back_pt1nrfl {
	    padding: 0 6px;
	}
	.ysg_back_pt1wz {
	    padding-left: 12px;
	}
	.ysg_back_pt1nrfl {
	    margin-bottom: 20px;
	}
	.ysg_back_h2fl {
	    font-size: 18px;
	    line-height: 36px;
	}
	.ysg_back_h2fr {
	    padding: 0 18px;
	    line-height: 36px;
	    font-size: 14px;
	    border-radius: 10px;
	}
	.ysg_back_h2 {
    	margin-bottom: 26px;
	}	
	.ysg_back_pt2top {
	    padding: 12px 20px;
	}
	.ysg_back_pt2bot {
	    padding: 28px 20px;
	}
	.ysg_back_pt2at {
    	margin-bottom: 32px;
	}
	.ysg_back_pt2btn {
	    cursor: pointer;
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	    font-size: 24px;
	    margin: 32px auto 0;
	}
	.ysg_back_pt2nr {
	    padding-bottom: 36px;
	}
	body {
	    padding-top: 72px;
	}
	.pt-5, .py-5 {
	    padding-top: 2rem !important;
	}
	.ysg_footr {
	    margin-top: 28px;
	}
	main.animated {
	    min-height: calc(100vh - 278px);
	}
	.ysg_logo {
	    width: 28px;
	    margin: 8px auto 0;
	}
	.ysg_back_h1 {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 8px;
	}
	.ysg_rightname {
	    width: 36px;
	    line-height: 36px;
	    font-size: 20px;
	}
	.ysg_leftnavlist {
	    margin-top: 32px;
	}
	.ysg_rightherd {
	    margin-right: 20px;
	}
	.ysg_herdbox {
	    width: calc(100vw - 46px);
	    left: 46px;
	}
	.ysg_leftherd {
	    margin-top: 10px;
	}
	.ysg_herdbox {
	    height: 54px;
	}
	.ysg_sitetie {
	    font-size: 14px;
	    line-height: 18px;
	}
	.ysg_sitename {
	    font-size: 12px;
	    line-height: 18px;
	}
	.ysg_sitebox {
	    height: 18px;
	}
	.ysg_back {
	    padding-top: 8px;
	}
	.ysg_userbox {
	    top: 50px;
	}
	.ysg_packaitm {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.ysg_tjimgbox.ysg_back_pt1ico {
	    top: 9px;
	}
	.ysg_back_pt2tlefl {
	    font-size: 14px;
	    line-height: 24px;
	    padding-bottom: 12px;
	    margin-top: 6px;
	}
	.ysg_back_pt2tlefl .dropdown .text-secondary svg {
	    top: 5px;
	}
	.ysg_back_pt2tlefr {
	    margin-left: 28px;
	}
	.ysg_back_pt2tlefr {
	    padding: 0 10px;
	    line-height: 34px;
	    font-size: 12px;
	}
	.ysg_back_pt2tlefl .dropdown .text-secondary svg {
	    right: -12px;
	}
	.ysg_back_pt2tlefr {
    	margin-left: 22px;
	}
	.ysg_anrdftsx{
		margin-left: 10px;
	}
	.ysg_cenbox {
	    width: calc(100% - 40px);
	}
	.ysg_loglcenzc {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.ysg_loglcendl {
    	padding-left: 15px;
	    padding-right: 15px;
	}
	.ysg_btptit {
	    margin-top: 15px;
	}
	.ysg_dlsybox{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.ysg_zfwcsvgioc{
		width: 136px;
	}
	.ysg_ywcgmh{
		font-size: 24px;
	}


	/* 10.26 */
	.ysg_herdbox{
		padding-right: 10px;
	}
	.ysg_leftherd{
		padding-top: 14px;
		margin: 0;
		max-width: calc(100% - 175px);
		padding-right: 10px;
	}
	.ysg_rightherd{
		margin: 0;
		width: 175px;
	}

	.ysg_rughrtnboixz {
		margin-left: 6px;
	}

	.ysg_yhmlrftr{
		clear: left;
		margin-left: 0;
		margin-top: 2px;
	}

	.ysg_rughrtnbtit{
		font-size: 16px;
	}
	.ysg_herdbox{
		height: 64px;
	}
	
	.ysg_sitetie {
		width: calc(100% - 22px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.ysg_sitelist{
		z-index: 10;
	}
	:root{
		font-size: 14px;
	}
	#campaign .d-flex.flex-column.flex-md-row.align-items-md-center{
		flex-flow: row !important;
		align-items: center;
	}
	#campaign .d-flex.flex-column.flex-md-row.align-items-md-center .dropdown  .dropdown-menu{
		left: 40px !important;
		top: 5px !important;
	}
	.nav-link {
		display: block;
		padding: .5rem .6rem;
	}

	.ysg_back_pt2top1, .ysg_back_pt2top2, .ysg_back_pt2top3{
		font-size: 16px;
		font-weight: bold;
	}

	.table-custom tbody tr td{
		white-space: nowrap;
	}

	.ysg_stytopfl span{
		font-size: 16px;
		padding-bottom: 10px;
	}
	.ysg_stytopfl p{
		margin-right: 30px;
	}

	.ysg_itmtsn{
		width: 33.333333%;
		text-align: center;
		bottom: auto;
	}

	.ysg_itmts1{
		left: 0;
	}
	.ysg_itmts2{
		left: 47%;
	}
	.ysg_itmts3{
		left: 66.666666%;
	}

	.ysg_itmtsn{
		font-size: 12px;
		line-height: 20px;
	}

	.ysg_stytopb{
		margin-bottom: 30px;
	}
	.ysg_stybot{
		overflow: auto;
	}
	.ysg_stybotfl {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}	
	.ysg_stybotflb{
		padding-left: 20px;
		padding-right: 20px;
	}
	.ysg_stybotga{
		margin-right: 10px;
	}

	.ysg_cenbox1.altumcode-informational-wrapper.ysg_boxxxtj{
		max-width: calc(100vw - 60px) !important;
		left: 50% !important;
	}

	.notification-create-preview-normal{
		bottom: 5px;
	}

	.ysg_box{
		left: 50% !important;
	}

	.ysg_fixedbar.ysg_d1{
		width: calc(100% - 45px) !important;
		left: auto !important;
		right: 0 !important;
	}

	#notification-create .ysg_footr{
		padding-bottom: 150px;
	}

	.ysg_stybotu{
		max-width: 100%;
	}


	.ysg_ntyuiocm,
	.ysg_lisdvtbioc .form_sub,
	.ysg_lisdvtbioc .form_dynamic_sub{
		width: 30px;
		height: 30px;
		margin-bottom: 6px;
		margin-right: 12px;
	}
	

	.ysg_stytanb{
		max-width: calc(100% - 60px);
		margin-left: 24px;
		padding: 40px 20px 20px;
	}

	.ysg_stytaninp{
		margin-bottom: 25px;
	}

	.modal{
		z-index: 99999;
	}

	.ysg_tblistbox{
		padding: 36px 20px 15px;
	}

	.ysg_tbtblist tr{
		width: 33.333333%;
	}

	.ysg_tbtblist td{
		max-width: 100%;
	}

	div.dataTables_wrapper div.dataTables_length {
		margin-bottom: 10px;
	}

	.ysg_tlgxzadlist::after{
		content: "";
		display: block;
		clear: both;
	}

	.ysg_tbtblist td{
		width: 70px;
	}
	.ysg_tbtblist .ysg_tbkclitm{
		height: 70px;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination{
		justify-content: center;
	}

	.ysg_iftnmopcz{
		width: calc(100vw - 45px) !important;
		height: calc(100vh - 60px) !important;
	}

	#results_wrapper .row:first-child .col-md-6,
	#dynamic_results_wrapper .row:first-child .col-md-6{
		width: auto !important;
	}

	#results_paginate .pagination,
	#dynamic_results_paginate .pagination{
		justify-content: center;
	}

	.ysg_nmjidt .ysg_tbtblist .ysg_tbkclitm img{
		max-width: 100%;
	}

	.ysg_box.ysg_a6{
		margin-left: 0 !important;
	}

	.ysg_herdbox{
		z-index: 1002;
	}

	main.animated{
		position: relative;
		z-index: 1001;
	}

	.ysg_back_pt2tle{
		padding-bottom: 10px;
	}
	.ysg_back_pt2tlefl+.ysg_back_pt2tlefr{
		clear: left;
	}
	.ysg_back_pt2tlefr{
		float: left;
		margin-left: 0;
		margin-right: 15px;
	}

	.ysg_back_pt2tlefl {
		margin-bottom: 15px;
	}

	.ysg_back{
		padding-top: 18px;
	}
	.ysg_back_h1{
		margin-bottom: 10px;
	}
	.ysg_back_btn1{
		margin-bottom: 10px;
	}
	.ysg_back_pt1nr{
		margin-top: 23px;
	}
	
	.ysg_detailist{
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
	}

	.ysg_detaitm{
		min-width: 316px;
	}

	.ysg_e8_bot>div{
		padding: 0 !important;
	}
	.ysg_aside1.ysg_aside_e5{
		right: 0;
	}
	h2, .h2,
	.ysg_back_h1 {
		font-size: 22px;
	}
	h3, .h3,
	.ysg_stytle p,
	.ysg_back_h2fl{
		font-size: 18px;
	}
	
	.ysg_sitename{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.tab-content{
		padding: 18px 16px;
	}
	.ysg_mycjboxbk {
		margin: 0 -16px 30px !important;
		padding: 0 16px 30px;
		border-bottom: 1px dashed #dfe4ec;
	}
	.ysg_mycjboxbk_sec {
		padding: 18px 16px 15px;
		border: 1px dotted #dfe4ec;
		border-radius: 5px;
	}
	.form-group{
		margin-bottom: .5em;
	}
}