@charset "utf-8";
/* CSS Document */
body #wrap {
	/*background-image:url(skm-BG.jpg);*/
	background-repeat: no-repeat;
	background-position: center 141px;
	margin: -1px 0px 0px 0px;
}
img { max-width: 100%; height: auto; }

input { font-family:"微軟正黑體";}
#wrap .center { margin: 0px auto; width: 100%; }
.ly-skmfarme{ display: block; height: auto; margin: 0 auto; width: 100%;}
.skm-pag2-display{display: none;}
.ly-skm-inside-pagestitle{
	width: 960px;
	/*height: 454px;*/
	margin: -1px auto 0  auto;

}


.skm-appear { display: block;}
.skm-display-big {  display: none;}

.skm-areamenu-bar { width: 960px; z-index: 2; height: auto; position: relative; left: 0; margin: 25px auto 10px auto;}
.skm-bar { width: 960px; margin: 0 auto; padding: 10px 0;  overflow: hidden; }
.skm-areamenu-bar a:link { text-decoration: none; color: #FFF; }
.skm-areamenu-bar a:visited { text-decoration: none; color: #FFF; }
.skm-areamenu-bar a:hover { text-decoration: none; color: #FFF; /*background: #000;*/}
.skm-areamenu-bar a:active { text-decoration: none; color: #FFF; }
.skm-tn-a1-farm{ width: 16%; float:left; margin: 0 3px 11px 3px; }
.skm-tnfarm{ width: 48%; float:left; margin: 0 8px 0 10px;}
.skm-areamenu-btn{ width: 100%; float:left; background: #24231d; color:#FFF; text-align:center; padding: 15px 0; font-size:19px; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.skm-areamenu-btn:hover {background: #d00000; padding: 15px 0; margin-top: 0; }
.skm-areamenu-btn.st-arcbg { background:#d00000; }
.skm-areamenu-btn-on{ width: 100%; float:left; background-color: #d00000; color:#FFF; text-align:center; padding: 15px 0; font-size:19px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.skm-areamenu-btn-on:hover {background: #00000; padding: 15px 0; margin-top: 0; }

.ly-skmarea-deal { width:960px; margin: 0px auto 0px auto; z-index: 3; position:relative; }
.skm-area-deal { width:955px; margin: 40px auto 0px auto;border-bottom: solid 1px #CCC; }
.skm-area-dealblock { width:955px; margin: 0 auto 20px auto;}
.skm-area-dealleft {
	width: 140px; height: 17px; text-align: right; font-family: "微軟正黑體"; font-size: 17px; color: #000; line-height: 17px;
	padding: 5px 15px 5px 0; float: left; border-left: 5px solid #d00000; margin-top: 8px; overflow: hidden;}
.skm-area-dealright{ width: 790px; float: left; border-left: 1px solid #999; padding-top: 10px; margin-bottom: 15px; }
.skm-deal { width: 243px; margin: 0 0 10px 20px; float: left; }
.skm-deal a:link { text-decoration: none; color: #FFF; }
.skm-deal a:visited { text-decoration: none; color: #FFF; }
.skm-deal a:hover{ width: 243px; margin: 0 0 10px 27px; float: left; }
.skm-deal a:active { text-decoration: none; color: #FFF; }

.skm-dealpic{ background-color: #FC6 ; margin-bottom: 5px;  padding: 0; border: 1px solid #cdcdcd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.st-skmdealtext{ font-family: "微軟正黑體" ; color: #333; font-size: 15px ; text-align: center; overflow: hidden; height: 26px; }
.skm-deal-btn-fm{ width: auto; float: right; margin-top: 10px;}
.skm-deal-btn-fm a:hover { text-decoration: none; color: #FFF; background: #000;}
.st-skmmore{ float: right; margin: 0 1px 0 20px; text-align: center; background: #333; border: 0; font-size: 13px; padding: 3px 21px; color: #FFF; border-radius: 2px; }
.st-skmmore:hover{ background:#000; }

.skm-Homedealfarm { width: 290px; height: 260px;  margin: 15px 12px; float: left; border:1px solid #cdcdcd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.skm-Homedealpic { pcosition: relative;  height: 162px; width: 290px; }
.skm-Homedealtext{ background:#000;  bottom: 0; z-index: 2; width:274px; opacity: 0.85;  
    filter: alpha(opacity=85); padding: 6px 8px; margin-left:0px; }
.skm-Homedealtext.st-cbg { background: #262626;}
/*.skm-Homedealtext:hover { background:#000; opacity: 0.98; filter: alpha(opacity=95);}*/
.skm-hodeal-title { font-size: 17px; color: #FFF; height:25px; overflow: hidden;}
.skm-smallttxt { font-size: 15px; color:#F60; height: 23px; overflow: hidden; border-bottom: #666 dashed 1px; margin-bottom:4px; }
.skm-btnfarm {height: auto;} 
.skm-btnfarm a:hover{ color:#FFF; text-decoration: none;}
.skm-pric { float: left; font-size: 21px; color:#FFF; } 
.skm-buybtn { width: 78px; float: right; color: #FFF; font-size: 16px; background: #D00000; text-align:center; margin-top:2px; line-height:23px; border:0; border-radius: 2px; }

.skm-qrmessagefarm{ width: 938px; z-index: 1; height: auto; position: relative; left: 0; background: #f3f3e9; margin: -22px auto 0 auto; 
    border:#CCC 1px solid; border-top: 5px #D00000  solid; box-shadow: 0px 1px 3px #CCC; }
.skm-qrmessage { width: 585px; margin: 0 auto; position: relative; padding: 50px 0 80px 0; z-index:10; }
.skm-qrmes-text { width: 415px; font-size:25px; float:left; }
.skm-qrmes-smltext { width: 460px; font-size:15px; float:left;}
.ly-skmMgdeal { width:960px; margin: 20px auto 0px auto; z-index: 3; position:relative; }
.skm-cpcafarm { width: 210px; float: left; margin: 10px 15px 15px 15px; position:relative; text-align: center; overflow: hidden; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);} 
.skm-cpcafarm > a > img { max-width: 210px; height: 141px; margin-top: 35px; }
.skm-cpcadealname{ width: 200px; height:25px; position: absolute; top: 0; left: 0; background: #000; color: #FFF; text-align:center; padding: 5px;opacity: 0.78; filter: alpha(opacity=78); overflow: hidden; }
.skm-cpcadealname.st-cbg{ background: #262626;}
.skm-textinfo { width:200px;  background:#FFF; padding:10px 5px; text-align:center;text-decoration: none; color:#FFF;}
.skm-ptext {color: #333; font-size: 15px; text-align: center; line-height: 20px; margin-bottom:10px; }
.st-skmcpcacol-btn { color:#FFF ; width: 150px; padding: 3px 10px; background: #d00000; border: 0; border-radius: 2px;}
.st-skmcpcacol-btn:hover{ color:#FFF; opacity: 0.85; filter: alpha(opacity=85);}
.st-skmcpcacol-favoritetoo-btn{ color:#FFF ; width: 150px; padding: 3px 10px; background: #999999; border: 0; border-radius: 2px;}
.skm-qr { width:109px; height:113px; background:url(qrcode.png) no-repeat; float:left; margin-top:-64px; margin-bottom:20px; background: url(qrcode.png);}

.ly-skm-hometitle{	width: 960px;height: 453px; margin: 0 auto; }
.skm-wechat { width:238px; height: 48px; position: relative; float: left; margin: -100px 0 0 0; left:235px; }
.skm-fb { width:260px; float:right; margin: -83px 237px 0 0;  display: block; position: relative;}
.skm-fbpop{ width:80px; height:24px; float: right; }
.skm-fb-farm{ float: right; height: 30px; margin: 0 0 0 5px; width: 160px; }

.ly-carousel-bar { width: 100%; z-index: 1; height: auto; position: relative; left: 0; margin: 0 auto; background: url(skm-StripedBottom.jpg); }

.ly-eventhome-bg { width: 100%; z-index: 1; height: auto; position: relative; left: 0; margin: 0 auto; background: url(skm-eventhome-bg.jpg); }
.ly-eventhome-farm { width:960px; height:355px; margin:0 auto 0 auto; padding-top:10px; }
.skm-eventhome-bn1 { width:303px; height:300px; float:left; margin: 25px 5px; background: url(skm-eventhome-bn1.png) }
.skm-eventhome-bn1:hover { width:303px; height:300px; float:left; margin: 10px 5px; background: url(skm-eventhome-bn1.png) }
.skm-eventhome-bn2 { width:303px; height:300px; float:left; margin: 25px 5px; background: url(skm-eventhome-bn2.png) }
.skm-eventhome-bn2:hover { width:303px; height:300px; float:left; margin: 10px 5px; background: url(skm-eventhome-bn2.png) }
.skm-eventhome-bn3 { width:303px; height:300px; float:left; margin: 25px 5px; background: url(skm-eventhome-bn3.png) }
.skm-eventhome-bn3:hover { width:303px; height:300px; float:left; margin: 10px 5px; background: url(skm-eventhome-bn3.png) }

.ly-eventpage2-farm{width:960px; height:auto; margin: 0 auto; padding:10px 0 0 0 ;}
.ly-eventlogin-bg{ width: 100%; z-index: 1; height: 100px; position: relative; left: 0; margin: 0 auto; background: #b30101; border-bottom: 3px solid #7f0000;}
.skm-explanation{ width: 960px; height: 236px; background: url(skm-login-Explanation.png); margin: 0 auto; }
.skm-loginfarm {  width:960px; height:auto; margin: 0 auto; }
.skm-logbox { width: 410px; height: 283px; float: left; margin: 30px 33px 65px 33px ; background: #ffffff; }
.skm-loginpic1 { width:360px; height: 69px; text-align: center; margin: 20px auto 10px auto;}
.skm-loginpic2 { width:360px; height: 69px; text-align: center; margin: 20px auto 10px auto;}
.skm-login-btn { width:411px; height: 151px;}
.ly-invoicesLogin-farm{ width: 960px; height: auto;  margin-top:15px; margin: 0 auto; }
.skm-invo { text-align: center; width: 100%; }
.skm-invoices-log{ width:100%; margin-bottom: 5px; padding-top: 5px; float:left;}
.skm-invlabel {float: left;  padding-top: 5px;  text-align: right;  width: 300px;}
.skm-invlabel-2{float: left;  padding: 15px 0 10px 204px;  text-align: left;  width: 756px; margin-top:20px; border-top:1px solid #CCC; }
.skm-inputbox { width:65%; float: left; margin-left: 15px;}
.skm-input-half {
	border-radius: 3px 3px 3px 3px;
    color: #555555; display: inline-block;
    font-size: 12px; height: 20px; line-height: 20px; margin: 0 20px 10px 0;
    padding: 3px 5px; vertical-align: middle; float:left; width: 51%;}
.skm-invo-error{
	color: #BF0000; 
	float:left; 
	line-height:27px;
	*float:left; 
}
.skm-invobtn-error { margin:10px 0 0 228px; *float:left; *width: 500px; } 
.skm-invologinerror { float:none; margin: 15px auto; font-size:21px;text-align:center; }
.skm-invo-record {  margin: 15px auto; font-size:21px; text-align:center; color: #000000; line-height:31px; width: 100%;}
.skm-explanation-pic { float: left; margin-left:315px; margin-bottom: 6px; }
.skm-invo-confirmbtn {
	width:168px;height:68px;
	margin:10px 10px 40px 308px;float: left;
	background-image: url(skm-invobtn.png);background-position: -205px -9px;
}
.skm-invo-confirmbtn:hover {	background-position: -397px -9px; }
.skm-invo-loginbtn {
	width:130px;height:52px;
	margin:0 auto; display: inline-block;
	background-image: url(skm-invobtn.png); background-position: -211px -83px;
}
.skm-invo-loginbtn:hover {background-position: -429px -83px; }
.skm-invo-memberbtn {
	width:160px; height:53px;
	margin:0 auto;  display: inline-block;
	background-image: url(skm-invobtn.png);	background-position: -212px -146px;
}
.skm-invo-memberbtn:hover {background-position: -430px -146px; }
.skm-invo-backbtn {
	width:318px; height:64px;
	margin:10px auto ; display:  inline-block;
	background-image: url(skm-invobtn.png);	background-position: -127px -234px;
}
.skm-invo-backbtn:hover {background-position: -451px -234px; }
.skm-tit-farm-only{ width: 960px; margin: 346px auto 0 auto; position:absolute; }
.skm-titlebtn-box{
	width:550px;
	height: 100px;
	margin:0 auto;
}
.skm-titletop-btn1{
	width:164px; height:63px;
	margin:30px 12px 0 15px;	float: left;
	background-image: url(skm-invobtn.png);	background-position: -14px -13px; }
.skm-titletop-btn1:hover{
	width:182px; height:100px;
	float: left;
	background: url(skm-TitleBtn1.gif) no-repeat; margin: -1px 6px 0 3px; }
.skm-titletop-btn1-on{
	width:164px; height:63px;
	margin:30px 12px 0 15px;	float: left;}
.skm-titletop-btn2{
	width:164px; height:63px;
	margin:30px 8px 0 0;	float: left;
	background-image: url(skm-invobtn.png);	background-position: -14px -88px; }
.skm-titletop-btn2:hover{
	width:182px; height:100px;
	float: left;
	background: url(skm-TitleBtn2.gif) no-repeat; margin: -1px 3px 0 -13px; }
.skm-titletop-btn-2-on{
	width:182px; height:100px;
	margin:-1px 3px 0 -13px;	float: left;
	/*background: url(skm-TitleBtn2.gif) no-repeat;*/}
.skm-titletop-btn-onle2on{
	width:182px; height:100px;
	margin:-1px 8px 0 178px;	float: left;
	/*background: url(skm-TitleBtn2.gif) no-repeat;*/ }
.skm-titletop-btn3{
	width:164px; height:63px;
	margin:30px 0 0 3px;	float: left;
	background-image: url(skm-invobtn.png);	background-position: -14px -163px; }
.skm-titletop-btn3:hover{
	width:182px; height:100px;
	float: left;
	background: url(skm-TitleBtn3.gif) no-repeat; margin: -1px  0 0 -5px; }
.skm-titletop-btn-3-on{
	width:182px; height:100px;
	margin:-1px 0 0 -8px;	float: left;
	background: url(skm-TitleBtn3.gif) no-repeat;}

.skm-titletop-btn5{
	width:164px; height:63px;
	margin:30px 0 0 3px;	float: left;
	background-image: url(skm-invobtn.png);	background-position: -14px -462px; }
.skm-titletop-btn5:hover{
	width:182px; height:100px;
	float: left;
	background: url(skm-TitleBtn5.gif) no-repeat; margin: -1px  0 0 -5px; }



.skm-loginlabel{float: left; padding: 5px 0 0 10px; text-align: left;  width: 424px; font-size: 13px; }
.skm-check{margin: 10px 0 0 205px; float: left;}

.skm-outside-ad{ width: 100px; height: 100px; position: absolute;  background:#fff; margin: 39px auto 0 975px; }
.skm-ad-fixed{	position:fixed;	margin-top:-560px;}

.ly-skm-sponsors{ width: 960px; height: 100px; margin: 10px auto 0px auto;}

.ly-skmevn-pprule {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    margin: 10px auto 30px auto;
    width: 960px;
}
.skm-rule-title{ 
	border-bottom: 1px solid #666666;
    font-size: 24px;
    margin: 0 auto;
    padding-top: 10px;
    width: 900px; 
}
.skm-rule-content{margin: 0 auto;
    padding: 10px 0;
    width: 900px; 
}

.ly-skm-tab{ 
	padding: 0 0 50px 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: -20px;
}
.ly-skm-ctegory-title{
	border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-size: 36px;
    margin-bottom: 5px;
    width: 100%;
 }
.skm-ct-p{
    color: #333333;
    font-size: 17px;
    margin: -6px 0 5px 0;
}
.skm-mgtop{margin-top: -10px;}

.skm .skm-sponsorbox { 
	opacity: 0;
	position: absolute; 
	bottom:  0;
	z-index: 9999;
	-webkit-transition: opacity linear 0.2s;
	-moz-transition: opacity linear 0.2s;
	-ms-transition: opacity linear 0.2s;
	-o-transition: opacity linear 0.2s;
	transition: opacity linear 0.2s;
	filter: 'alpha(opacity=0)';  
    *filter: alpha(opacity=0);
    filter: alpha(opacity=0)\9;
}

.skm .skm-sponsorbox-life { top: 108px; }
.skm .skm-sponsorbox-otersml { top: 87px; }

.skm:hover .skm-sponsorbox { 
	width: 171px; 
	height: 97px; 
	display: block; 
	background: #000; 
	opacity: 0.85; filter: alpha(opacity=85);
	padding: 7px; 
    filter: 'alpha(opacity=85)';  
    *filter: alpha(opacity=85);
}

.skm .skm-sponsorbox li a.link,
.skm .skm-sponsorbox li a:visited,
.skm .skm-sponsorbox li a:hover,
.skm .skm-sponsorbox li a:active { margin: 0 0; text-decoration: none; padding: 0; text-align: left; }
.skm .skm-sponsorbox li a.skm-spo-title{
	font-size: 17px; color: #fff600; line-height: 24px; text-align: left; overflow: hidden;
}
.skm .skm-sponsorbox li a.skm-spo-text {
	font-size: 14px; color: #fff; text-align: left; overflow: hidden;
}
.skm .skm-sponsorbox li a.skm-spo-pric {
	font-size: 13px; color: #fff; text-align: left; margin: -2px 0 2px 0; padding-top: -3px;
}





/* jQ CSS*/
.jcarousel-skin-skm-bar-fam .jcarousel-container {
}

.jcarousel-skin-skm-bar-fam .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-skm-bar-fam .jcarousel-container-horizontal {
    width: 880px;    
    padding: 20px 40px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-skm-bar-fam .jcarousel-clip-horizontal {
    width:  837px;
    margin: 0 29px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-item {
    width: 185px;
    height: 173px;
}

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

.jcarousel-skin-skm-bar-fam .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-skm-bar-fam .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-skm-bar-fam .jcarousel-next-horizontal {
    position: absolute;
    top: 75px;
    right: 5px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-skm-bar-fam .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-skm-bar-fam .jcarousel-next-horizontal:hover,
.jcarousel-skin-skm-bar-fam .jcarousel-next-horizontal:focus {
    background-position: -46px -2px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-next-horizontal:active {
    background-position: -46px 0;
}

.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-horizontal,
.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-horizontal {
    position: absolute;
    top: 75px;
    left: 5px;
    width: 45px;
    height: 48px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0; 
}

.jcarousel-skin-jcarousel-skin-skm-bar-fam .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-skm-bar-fam .jcarousel-prev-horizontal:focus {
    background-position: -46px -2px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-horizontal:active {
    background-position: -46px ;
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-skm-bar-fam .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-skm-bar-fam .jcarousel-next-vertical:hover,
.jcarousel-skin-skm-bar-fam .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-vertical,
.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-skm-bar-fam .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-vertical:hover,
.jcarousel-skin-skm-bar-fam .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-vertical,
.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-skm-bar-fam .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* JQ CSS*/