/*screen resolution width >= 1000px setting*/ 
@media screen and (min-width: 1000px)  {
.skm-pag2-display{ display: none; }
}

/*screen resolution width >=768px for pad portrait setting*/
@media screen and ( min-width: 768px ) and ( max-width: 1000px ) {
body  #wrap {	background-image: none; width: 100%; }
#wrap .center { margin: 0px auto; width: 100%; }
.ly-skm-inside-pagestitle{	width: 100%; height:auto; }
.skm-tit-farm-only{ width: 100%; margin: 35.5% auto 0 auto; position:absolute; text-align: center; }
.skm-titlebtn-box{
	width: 30%;
	margin: 0 auto;
}
.ly-skm-inside-pagestitle img{ max-width:100%; }
.skm-titletop-btn-2-on{
	width:100%; 
    height:100px;
	margin:0 auto 0 auto;	
    float: none;
}
.skm-titletop-btn-2-on img { max-width: 80%; }
.skm-appear{ display: block; }
.skm-display{  display: none; }
.skm-titletop-btn-onle2on{ width:100%; margin:-1px auto 0 auto; }
.ly-skmfarme{ width: 100%; text-align: center; }
.ly-eventlogin-bg, .skm-explanation{ display: none; }
.skm-loginfarm{ width: 100%; margin:  0 auto; }
.skm-logbox{ width: 41%; height: auto; margin: 6% 0% 6% 7% ; padding-bottom: 3%; }
.skm-loginpic1{ width:90%; height:100%; }
.skm-loginpic2{ width:73%; height:100%;}
.skm-login-btn1{ width:100%; height: 151px; background: none; }
.skm-login-btn2{ width:100%; height: 151px; background: none; }
.ly-invoicesLogin-farm {
    height: auto;
    margin: 10px auto;
    width: 90%;
	float:none;
	display: block;
}
.skm-invoices-log {   margin-bottom: 5px;  padding-top: 5px; width: 100%; }
.skm-invlabel {font-size: 14px; width: 30%; }
.skm-inputbox { float: left;  width: 70%; margin-left:0; }
.skm-input-half { width: 40%;}
.skm-explanation-pic { float: left; margin-left: 29%; }
.skm-invo-error { font-size:14px;}
.skm-check {
    float: left;
    margin: 10px 0 0 20.5%;
}
.skm-invo-confirmbtn { margin-bottom:5%; margin-left:29%; }
.skm-invo-error {
    display: inline-block;
    font-size: 13px;
    width: auto;
}
.rd-skm7-red{margin: 3.5% 0 0 0; *float: left; } .rd-skm7-2-red{ font-size:21px; margin: 1% 0 0 0%; width:100%;}
.skm-invo-record{ font-size:21px; margin: 5% 13% 1% 13%; width:74%; }
.skm-invlabel-2 {
    border-top: 1px solid #CCCCCC;
    float: left;
    margin-top: 20px;
    padding: 5% 0 5% 19.5%;
    text-align: left;
    width: 80%;}
.skm-invobtn-error{ float: left; margin-left: 23.5%; font-size: 15px; text-align: left;} 
.ly-skmevn-pprule{
    margin: 10px auto 30px auto;
    width: 100%;}
.skm-rule-title {
    font-size: 19px;
    margin: 0 auto;
    padding: 10px 3px 0 3px;
    width: 95%;
}
.skm-rule-content {
    margin: 0 auto;
    padding: 10px 0;
    width:95%;
}
.ly-carousel-bar{ width: 100%; z-index: 1; background: url(skm-StripedBottom.jpg); margin: -10px auto 0 auto; }

.skm-bar {
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
    width: 100%;
}
.ly-eventhome-bg {
    background: url("skm-eventhome-bg.jpg") repeat scroll 0 0 transparent;
    height: auto;
    left: 0;
    margin:0;
    position: relative;
    width: auto;
    z-index: 1;
}
.ly-skmevn-pprule {
    margin: 0 auto 3% auto;
    width: 96%;
}
.skm-rule-title {
    font-size: 19px;
    margin: 0 auto;
    padding: 10px 3px 0;
    width: 95%;
}
.skm-carousel-arrow-l { height: auto;  width: 5%; }
.skm-carousel-arrow-r{ height: auto; width:5%; }
.skm-carousel-dealfarm {
    border: 3px solid #FFFFFF;
    margin: 3% 1.2%;
    width: 19%;
    height: 15%;
    
}
.ly-eventpage2-farm {
    margin: 0 auto ;
    width: 100%;
}
.jcarousel-skin-skm-bar-fam .jcarousel-container-horizontal {
    padding: 20px 26px;
    width: 90%;
    margin:  0 auto;
}
.jcarousel-skin-skm-bar-fam .jcarousel-clip-horizontal {
    margin: 0 35px;
    width: 90%;
}
.skm:hover .skm-sponsorbox {text-align: left; }
.skm .skm-sponsorbox li a.link, 
.skm .skm-sponsorbox li a:visited, 
.skm .skm-sponsorbox li a:hover, 
.skm .skm-sponsorbox li a:active{ text-align: left; }

}


/*screen device resolution width = 481px-767px for mobile landscape setting*/
@media screen and (min-width: 481px) and (max-width: 767px) {
body #wrap { background-image:none; width: 100% }
#wrap .center { margin: 0 auto; width: 100%; }
.ly-skm-inside-pagestitle{	width: 100%; height:auto; }
.skm-tit-farm-only{ width: 100%; margin: 33% auto 0 auto; position:absolute; text-align: center; }

.skm-titlebtn-box{
	margin: 1% auto 0 auto;
	width: 24%;
}
.skm-titletop-btn-2-on{
	width:80%; height:100px;
	margin:0 auto 0 auto;	float: none;
}
.skm-titletop-btn-2-on img { max-width: 80%; }

.skm-appear, .skm-mid { display: block;}
.skm-display, .skm-display-smll  {  display: none; }

.skm-titletop-btn-onle2on{
	width:100%; 	
    margin:-1px auto 0 auto;	
    float: left; 
}
.ly-skmfarme{ width: 100%; }
.ly-eventlogin-bg, .skm-explanation{ display: none; }
.skm-loginfarm{ width: 100%; margin:  0 auto;}

.skm-logbox{ width: 41%; height: auto; margin: 6% 0% 6% 7% ; padding-bottom: 3%; }
.skm-loginpic1{ width:90%; height:100%; }
.skm-loginpic2{ width:73%; height:100%; }
.skm-login-btn1{ width:100%; height: 151px; background: none; }
.skm-login-btn2{ width:100%; height: 151px; background: none; }

.ly-invoicesLogin-farm {
    height: auto;
    margin: 10px auto;
    width: 90%;
    display:  block;
}
.skm-invoices-log { margin-bottom: 5px; padding-top: 5px; width: 100%; }
.skm-invlabel {
    float: left;
    font-size: 13px;
    margin: 1% auto;
    padding-top: 5px;
    width: 100%;
	text-align:left;
}
.skm-inputbox { float: left;  width: 100%; margin-left:0; }
.skm-input-half { width: 100%; padding:0; margin-bottom:5px; }
.skm-invo-error { font-size:13px; margin-bottom:8px; display:inline-block; width:100%; }
.rd-skm7-2-red{ font-size:21px; }
.skm-invo-record{ font-size:21px; }
.skm-explanation-pic { float: left; margin-left: 0; }
.skm-invlabel-2 { width: 100%; font-size:13px; }
.skm-invlabel-2 { padding: 10px 0 0 0; width:100%; }
.skm-check { float: left; margin: 10px 0 0 0;}
.skm-loginlabel { font-size: 13px; padding: 6px 0 0 7px; width: 94%; }
.skm-invo-confirmbtn {margin: 5% 0 0 28%; }
.skm-invobtn-error{ text-align:center; }
.skm-invobtn-error{ float: left; margin: 0; font-size: 15px; text-align: left; }

.ly-skmevn-pprule{
    margin: 10px auto 30px auto;
    width: 100%;}
.skm-rule-title {
    font-size: 19px;
    margin: 0 auto;
    padding: 10px 3px 0 3px;
    width: 95%;
}
.skm-rule-content {
    margin: 0 auto;
    padding: 10px 0;
    width:95%;
}
.ly-carousel-bar{ width: 100%; z-index: 1; background: url(skm-StripedBottom.jpg); margin: -10px auto 0 auto; }

.skm-bar {
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
    width: auto;
}
.ly-eventhome-bg {
    background: url("skm-eventhome-bg.jpg") repeat scroll 0 0 transparent;
    height: auto;
    left: 0;
    margin:0;
    position: relative;
    width: auto;
    z-index: 1;
}
.ly-skmevn-pprule {
    margin: 0 auto 3% auto;
    width: 96%;
}
.skm-rule-title {
    font-size: 19px;
    margin: 0 auto;
    padding: 10px 3px 0;
    width: 95%;
}
.skm-carousel-arrow-l { height: auto;  width: 5%; margin-top: 10%; }
.skm-carousel-arrow-r{ height: auto; width:5%; margin-top: 10%; }
.skm-carousel-dealfarm {
    border: 3px solid #FFFFFF;
    margin: 3% 0.5%;
    width: 20%;
    height: auto;
}
.ly-eventpage2-farm {
    margin: 0 auto ;
    width: 100%;
}  
.skm .skm-sponsorbox-life { top: 108px; }
.skm .skm-sponsorbox-otersml { top: 87px; }

.skm:hover .skm-sponsorbox {text-align: left; }

.skm .skm-sponsorbox li a.link, 
.skm .skm-sponsorbox li a:visited, 
.skm .skm-sponsorbox li a:hover, 
.skm .skm-sponsorbox li a:active{ text-align: left; }

.jcarousel-skin-skm-bar-fam .jcarousel-item-horizontal {
    margin-left: 27px;
    margin-right: 27px;
}

}

/*screen device resolution width <= 320px for mobile portrait setting*/
@media screen and (max-width: 480px) {
body #wrap { background-image:none; width: 100%; }
#wrap .center { margin: 0 auto; width: 100%; }
.ly-skm-inside-pagestitle{	width: 100%;height:auto; }
.skm-tit-farm-only{ width: 100%;  margin: 88px auto 0 auto; position:absolute; text-align: center; top:10px; }

.skm-titlebtn-box{
	margin: 5% auto 0 auto;
	width: 19%;
	height: auto;
}

.skm-titletop-btn-2-on{
	width:80; 
    height:100px;
	margin:0 auto 0 auto;	
    float: none;
}
.skm-titletop-btn-2-on img { max-width: 100%; }
 

.skm-appear, .skm-apper-smll { display: block; }
.skm-display, .skm-display-smll{  display: none; }

.skm-titletop-btn-onle2on{
	width:100%; 
    height: auto; 
    margin:-1px auto 0 auto;	
    float: left; 
}
.ly-skmfarme{ width: 100%; }
.ly-eventlogin-bg, .skm-explanation{ display: none; }
.skm-loginfarm{ width: 100%; margin:  0 auto; }

.skm-logbox{ width: 87%; height: auto; margin: 6% 0% 6% 6% ; padding-bottom: 3%; }
.skm-loginpic1{ width:90%; height:100%; margin:8% auto 1%; }
.skm-loginpic2{ width:73%; height:100%; margin:8% auto 1%; }
.skm-login-btn1{ width:100%; height: 151px; background: none; }
.skm-login-btn2{ width:100%; height: 151px; background: none; }
.ly-invoicesLogin-farm {
    height: auto;
    margin: 20% auto;
    width: 95%;
	display:  block;
}
.skm-invoices-log { margin-bottom: 5px;  padding-top: 5px; width: 100%; }
.skm-invlabel {
    float: left;
    font-size: 16px;
    margin: 1% auto;
    padding-top: 5px;
    width: 100%;
	text-align:left;
}
.rd-skm7-2-red {
    font-size: 21px;
}
.skm-inputbox { float: left;  width: 100%; margin-left:0; }
.skm-input-half { width: 100%; padding:0; margin-bottom:5px; }
.skm-invo-error { margin-bottom:8px; display:inline-block; width:100%; }
.skm-explanation-pic { float: left; margin-left: 0; }
.skm-invlabel-2 { width: 100%; font-size:13px; }
.skm-invlabel-2 { padding: 10px 0 0 0; width:100%; }
.skm-check { float: left; margin: 10px 0 0 0; }
.skm-loginlabel { font-size: 13px; padding: 6px 0 0 7px; width: 89%; }
.skm-invo-confirmbtn { float: none; display: block; margin: 10px auto; }
.skm-invobtn-error{ text-align:center; }
.skm-invo-loginbtn { margin: 0 auto; display: inline-block; }
.skm-invo-memberbtn { margin: 0 auto; display: inline-block; }
.skm-invo-backbtn { margin: 5% 0 10% 0; }
.skm-invobtn-error{ float: left; margin: 0; font-size: 15px; text-align: left; } 

.ly-skmevn-pprule{
    margin: 10px auto 30px auto;
    width: 100%;
}
.skm-rule-title {
    font-size: 19px;
    margin: 0 auto;
    padding: 10px 3px 0 3px;
    width: 95%;
}
.skm-rule-content {
    margin: 0 auto;
    padding: 10px 0;
    width:95%;
}
.ly-carousel-bar{ width: 100%; z-index: 1; background: url(skm-StripedBottom.jpg); margin: 0 auto 0 auto; }

.skm-bar {
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
    width: auto;
}
.ly-eventhome-bg {
    background: url("skm-eventhome-bg.jpg") repeat scroll 0 0 transparent;
    height: auto;
    left: 0;
    margin:0;
    position: relative;
    width: auto;
    z-index: 1;
}
.ly-skmevn-pprule {
    margin: 0 auto 3% auto;
    width: 96%;
    font-size: 14px;
}
.skm-rule-title {
    font-size: 17px;
    margin: 0 auto;
    padding: 10px 3px 0;
    width: 95%;
}
.skm-carousel-arrow-l { height: auto; width: 5%; margin-top: 10%; }
.skm-carousel-arrow-r { height: auto; width: 5%; margin-top: 10%; }
.skm-carousel-dealfarm {
    border: 3px solid #FFFFFF;
    margin: 3% 0.9%;
    width: 19%;
    height: auto;
}
.ly-eventpage2-farm {
    margin: 0 auto ;
    width: 90%;
    text-align: center;;
}
.jcarousel-skin-skm-bar-fam .jcarousel-container-horizontal {
    padding: 20px 26px;
    width: 80%;
    margin:  0 auto;
}

.jcarousel-skin-skm-bar-fam .jcarousel-clip-horizontal {
    margin: 0 26px;
    width: 80%;
}

.jcarousel-skin-skm-bar-fam .jcarousel-item-horizontal {
    margin-left: 12px;
    margin-right: 20px;
}
.skm:hover .skm-sponsorbox { text-align: left; }

.skm .skm-sponsorbox li a.link, 
.skm .skm-sponsorbox li a:visited, 
.skm .skm-sponsorbox li a:hover, 
.skm .skm-sponsorbox li a:active{ text-align: left; }

.skm-invo-record{ font-size:19px; }

}