@charset "utf-8";
/* CSS Document */
body {
	background: #00666E;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #00666E;
	background-image: url("//g.mwsrv.com/sevensapp/images/bg.png");
	background-origin: padding-box;
	background-position: center top;
	background-repeat: repeat-x;
	background-size: auto auto;
	margin: 40px auto 0;
}

#head {
	background: url(//g.mwsrv.com/sevensapp/images/head.png) no-repeat center top;
	width: 980px;
	height: 250px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#content{ background:url(//g.mwsrv.com/sevensapp/images/a.png) repeat-y; width:980px; height:auto; margin:0 auto;}

#top{ background:url(//g.mwsrv.com/sevensapp/images/top.png) no-repeat; width:848px; height:auto; min-height:409px; padding:10px 66px;}

#bottom{ background:url(//g.mwsrv.com/sevensapp/images/bottom.png) no-repeat; width:980px; height:64px; clear:both;}

.red{ color:#D90000;}
.big{ font-size:16px; font-weight:bold;}
.grey{color:#666;}
.blue{color:#0061A8;}

a{outline:none;}

a.logo{ display:block; background:url(//g.mwsrv.com/sevensapp/images/logo.png); width:380px; height:90px; text-indent:-9999px; margin:0 0 0 10px;}

/*����*/
#submenu{ float:left; width:212px; padding:8px 7px; text-align:center;}/*�����*/

h2.title{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 0; width: 213px; height: 68px; text-indent:-9999px;} /*�K�O�U���п��ʸ˸m����*/
h3.routine{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -338px; width: 214px; height: 69px; text-indent:-9999px; }/*�Ҧ���@�ɶ�*/

#submenu ul li{ text-indent:-9999px; padding:5px 0; margin:0 auto;}
#submenu ul li a{ display:block; margin:0 auto;}

ul li.ipad a{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -100px; width: 202px; height: 55px;}
ul li.iphone a{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -155px; width: 202px; height: 55px;}
ul li.index a{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -238px; width: 202px; height: 50px; }
ul li.guide a{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -288px; width: 202px; height: 50px; }
ul li.rule a{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -1095px; width: 202px; height: 50px; }
ul li.forgot a{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -996px; width: 202px; height: 50px; }
ul li.hr{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -454px; width: 194px; height: 3px;}
ul li.ipad a:hover{ background-position: -264px -100px; width: 202px; height: 55px; }
ul li.iphone a:hover{ background-position: -264px -155px; width: 202px; height: 55px; }
ul li.index a:hover{ background-position: -264px -238px; width: 202px; height: 50px; }
ul li.guide a:hover{ background-position: -264px -288px; width: 202px; height: 50px; }
ul li.rule a:hover{ background-position: 0 -1145px; width: 202px; height: 50px; }
ul li.forgot a:hover{ background-position: 0 -1046px; width: 202px; height: 50px; }

#submenu ul li.android a{ background-image: url(//g.mwsrv.com/sevensapp/images/Android_button_on.jpg); height: 54px; width: 202px }
#submenu ul li.android a:hover { background-image: url(//g.mwsrv.com/sevensapp/images/Android_button_over.jpg) }
/*****20130805 add START *****/
ul li.APK a {
	background: url("//g.mwsrv.com/sevensapp/images/Button_APK.png")  no-repeat 0 0;
	height: 20px;
	width: 202px;
	text-indent:0;
	text-decoration:none;
	padding:52px 0 0 0;
}
ul li.APK a .txtAPK {
	font-size: 11px;
	-webkit-transform: scale(0.91);
	color: #F5BBB9;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: -0.02em;
}
ul li.APK a:hover{
	background: url("//g.mwsrv.com/sevensapp/images/Button_APK.png")  no-repeat 0px -81px;
	height: 20px;
	width: 202px;
	text-indent:0;
	text-decoration:none;
	font-size:11px;
	padding:52px 0 0 0;
	color:#ffeaf2;
	 -webkit-text-size-adjust : 100%
}
/*****20130805 add END *****/
#ad{ width:210px; height:135px; margin:0 auto; }
/*����*/

/*�k��*/
#right{float:right; width:602px; padding:8px 10px;}/*�����*/

h2.immediate{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -650px; width: 188px; height: 37px; text-indent:-9999px;} /*���Ӥ]�b�����W��*/
h2.characteristic{ display:block; float:left; background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -737px; width: 105px; height: 36px; text-indent:-9999px; margin-top:10px;} /*�C���S��*/
h2.login{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -823px; width: 146px; height: 36px; text-indent:-9999px; margin-top:10px;} /*���n�J�b��*/
h2.news{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -909px; width: 105px; height: 36px; text-indent:-9999px; margin-top:10px;} /*�̷s����*/
h2.change{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -995px; width: 105px; height: 36px; text-indent:-9999px; margin-top:10px;} /*�̷s����*/
h2.guide{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -1075px; width: 105px; height: 36px; text-indent:-9999px; margin-top:10px;} /*�ϥλ���*/
h2.rule{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -350px; width: 105px; height: 36px; text-indent:-9999px; margin-top:10px;} /*���k�W�h*/
h2.forgot{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) -264px -1160px; width: 105px; height: 36px; text-indent:-9999px; margin-top:10px;} /*�ѰO�b�K*/

.news_title{}

div.area_top{ clear:both; background:url(//g.mwsrv.com/sevensapp/images/area.png) left top; width: 605px; height:15px; }
div.area{ background:url(//g.mwsrv.com/sevensapp/images/area.png) left bottom; width:565px; padding:0 20px 20px 20px; }
div.area_a{ background:url(//g.mwsrv.com/sevensapp/images/news_a.png) repeat-y; width:565px; padding:0 20px 0 20px; overflow:hidden; }
div.area_bottom{ background:url(//g.mwsrv.com/sevensapp/images/news_bottom.png) no-repeat; width: 605px; height:20px; }

div.area p, div.area_a p{text-align:justify; padding:5px;}

#right ul{float:right;}
#right ul li {*float:left;}
#right ul li a{ display:block; text-indent:-9999px;}

div.area table{width:575px; font-size:12px;}
div.area table tr td{ text-align:center;}

ul li.change a{ background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -510px; width: 181px; height: 90px; margin:0 0 0 20px; }
ul li.change a:hover{ background-position: -264px -510px; width: 181px; height: 90px; }

.guide_end{
	overflow:hidden;
	width:350px;
	margin:0 auto;
	}
.guide_end a.ok{
	display:block;
	float:right;
	width:250px;
	height:45px;
	background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -651px;
	}
.guide_end a.ok:hover{ background-position:0 -737px; }
a.back{
	display:block;
	float:left;
	width:90px;
	height:45px;
	background:url(//g.mwsrv.com/sevensapp/images/menu.png) 0 -823px;
	}
.guide_end a.back:hover{ background-position:0 -910px; }
/*�k��*/

ul.step{
	width:565px;
	height:40px;
	background:url(//g.mwsrv.com/sevensapp/images/step.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 0 10px 0;
	padding:0;
	}
ul.step li a{
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:40px;
	}
ul.step li.step1 a{ width:150px; background:url(//g.mwsrv.com/sevensapp/images/step.png) 0px -40px no-repeat; }
ul.step li.step2 a{ width:130px; background:url(//g.mwsrv.com/sevensapp/images/step.png) -150px -40px no-repeat; }
ul.step li.step3 a{ width:155px; background:url(//g.mwsrv.com/sevensapp/images/step.png) -280px -40px no-repeat; }
ul.step li.step4 a{ width:130px; background:url(//g.mwsrv.com/sevensapp/images/step.png) -435px -40px no-repeat; }

ul.step li.step1 a:hover, li.step1 a:active{ background-position:0px -80px; }
ul.step li.step2 a:hover, li.step2 a:active{ background-position:-150px -80px; }
ul.step li.step3 a:hover, li.step3 a:active{ background-position:-280px -80px; }
ul.step li.step4 a:hover, li.step4 a:active{ background-position:-435px -80px; }


ul.rule{
	width:565px;
	height:40px;
	background:url(//g.mwsrv.com/sevensapp/images/rule.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 0 10px 0;
	padding:0;
	}
ul.rule li a{
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:40px;
	}
ul.rule li.step1 a{ width:120px; background:url(//g.mwsrv.com/sevensapp/images/rule.png) -5px -40px no-repeat; }
ul.rule li.step2 a{ width:180px; background:url(//g.mwsrv.com/sevensapp/images/rule.png) -125px -40px no-repeat; }
ul.rule li.step3 a{ width:155px; background:url(//g.mwsrv.com/sevensapp/images/rule.png) -300px -40px no-repeat; }
ul.rule li.step4 a{ width:110px; background:url(//g.mwsrv.com/sevensapp/images/rule.png) -450px -40px no-repeat; }

ul.rule li.step1 a:hover, li.step1 a:active{ background-position:-5px -80px; }
ul.rule li.step2 a:hover, li.step2 a:active{ background-position:-125px -80px; }
ul.rule li.step3 a:hover, li.step3 a:active{ background-position:-300px -80px; }
ul.rule li.step4 a:hover, li.step4 a:active{ background-position:-450px -80px; }


/* �U����btn */
ul.icon{
	clear:both;
	width:565px;
	}
ul.icon li{
	float:left;
	width:125px;
	height:80px;
	background:url(//g.mwsrv.com/sevensapp/images/icon.png);
	padding:0 10px 5px 0;
	background-repeat:no-repeat;
	}
ul.icon li.icon_1{ background-position: 0 0;}
ul.icon li.icon_2{ background-position: 0 -90px;}
ul.icon li.icon_3{ background-position: 0 -180px;}
ul.icon li.icon_4{ background-position: 0 -270px;}
ul.icon li.icon_5{ background-position: 0 -360px;}
ul.icon li.icon_6{ background-position: 0 -450px;}
ul.icon li.icon_7{ background-position: 0 -540px;}
ul.icon li.icon_8{ background-position: 0 -630px;}
ul.icon li.icon_9{ background-position: 0 -720px;}
ul.icon li a{
	display:block;
	width:125px;
	height:80px;
	background:none;
	padding:0 10px 5px 0;
	}
ul.icon li a:hover{ background:url(//g.mwsrv.com/sevensapp/images/icon.png) 0 -810px no-repeat; width: 125px; height: 80px; }

/* ���k�W�h */
ol.Ro {
	padding:0 0 0 25px;
	list-style-type: decimal;
}
ol.Ro li {margin:0 0 5px 0;}
ul.DRO {
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	list-style-type: square;
}
ul.DRO li {margin:0 0 5px 0;}
.Bonus {
	border:1px solid #2baaa5;
	border-right:none;
	border-bottom:none;
	margin: 5px 0 0 0;
}
.Bonus tr th {
	background-color:#2baaa5;
	color:#ffffff;
	padding:3px 5px;
	vertical-align:middle;
}
.Bonus tr td {
	border-bottom:1px solid #2baaa5;
	border-right:1px solid #2baaa5;
	color:#333333;
	padding:3px 5px;
}
.DRO li ul {
	margin:5px;
	list-style-type:lower-roman;
	padding:0 0 0 10px;
}
.BRIGHT {border-right:1px solid #1d9a95;}