@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; border:0;}
body,td,th {
	font-family: Arial, Helvetica, sans-serif, 新細明體, 微軟正黑體;
	font-size: 13px;
	color: #000;
}
body {
	background-color: #FFF; background-image:url('../images/bg_body.png');
}
a:hover{background-position:center;}
a:active{background-position:bottom;}
p{padding:5px; /*line-height: 1em;*/}

#wrapper{width:808px; height:650px; background-color:#FFF0CC; margin:0 auto;}
#header{width:808px; height:172px;}
#content{width:738px; height:275px; background-image:url('../images/bg_content.png'); background-repeat:no-repeat; padding:0 35px;}
#theme{width:808px; height:250px;}


.yanyuencup{position: relative;height: 70px;display: block;top: 120px;left: 650px;right: 5px;width: 140px;background-image: url('../images/btn_brushcup.png');}
.yanyuencup:hover{background-position:bottom;}


.tile02{width:100%; height:20px; background-image:url('../images/tile_02.png'); display:block;}
.tile01{width:100%; height:30px; background-image:url('../images/tile_01.png'); display:block;}

.themepic{
	width:808px; 
	height:200px; 
	display:block;
}

.left{width:350px; height:255px; float:left;}
.right {
    width:355px; height:245px; 
    margin-top: 10px;
    float:right; background-image:url('../images/bg_news.png'); background-repeat:no-repeat; 
}

.input{width:350px; height:65px; margin:15px 0;}

.fieldwrapper{ width:210px; height:25px; margin-top:5px;}
.fieldwrapper .name{float: left; width: 55px; height:28px; background-image:url('../images/title_01.png'); background-repeat:no-repeat; display:block; text-indent:-2000px;}
.fieldwrapper .psw{float: left; width: 55px; height:28px; background-image:url('../images/title_02.png'); background-repeat:no-repeat; display:block; text-indent:-2000px;}
.btn_login{width:53px; height:53px; background-image:url('../images/btn_login.png'); background-position:top; background-repeat:no-repeat; display:block; margin:-55px 5px 0 225px; text-indent:-1000px;}
.btn_forgot{width:53px; height:53px; background-image:url('../images/btn_forgot.png'); background-position:top; background-repeat:no-repeat; display:block; margin:-53px 5px 0 285px; text-indent:-1000px;}

.fieldwrapper .thefield{float: left;}
.fieldwrapper .thefield input{width: 140px; height:18px; margin-bottom:4px;}

.cons{width:335px; height:auto;}
#info_block .ib_left .title, 
.cons .title{width:80px; height:25px; background-image:url('../images/title_03.png'); background-repeat:no-repeat; display:block; text-indent:-2000px;}

/*.news_old{width:355px; height:190px; background-image:url('../images/bg_news.png'); background-repeat:no-repeat; margin:5px 0;}*/
.news{margin:45px 60px 50px 60px; width:235px; height:120px; overflow: auto;}
li{padding:5px; list-style: disc; list-style-position:inside;}

.bottom{width:355px; height:18px; margin:0;}
.bottom a{background-repeat:no-repeat; text-indent: -2000px; float: left; margin:0 2px; display:block;}
.logo{background-image:url('../images/co_logo.png'); display:block; width:55px;background-repeat:no-repeat; background-position: top; text-indent: -2000px; float: left; margin:0 2px;}
.btn_1{width:60px; background-image:url('../images/btn_private.png');}
.btn_2{width:85px; background-image:url('../images/btn_licen.png');}
.btn_3{width:60px; background-image:url('../images/btn_respon.png');}
.btn_4{width:60px; background-image:url('../images/btn_use.png');}

.btn_flow{width:100px; height:55px; background-image:url('../images/btn_flow.png'); text-indent:-2000px; display:block; margin:-100px 20px 0 215px; }
#btn_join_flow {
    width: 100px;
    height:55px;
    background-image: url('../images/btn_flow.png');
    margin: 5px auto;
}


#btns {
    height: 100px;
    text-align: center;
}
#btn_elite_scheme {
    width: 808px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}
#btn_elite_scheme.yr22 {
    background: url('../pages/la/elite2022/btn_promo_beforelogin.png') no-repeat;
}
#btn_summer_sponsored {
    width: 400px;
    height: 60px;
    display: inline-block;
    background: url('../pages/la/summer2021/btn_promo_beforelogin.png') no-repeat;
    cursor: pointer;
}
#btn_elite_scheme:hover,
#btn_summer_sponsored:hover {
    background-position: bottom;
}
.btn_sponsored {
    width: 808px;
    height: 100px;
    cursor: pointer;
}
.btn_sponsored.summer2022 {
    background: url('../pages/la/summer2022/banner_wide.png') no-repeat;
}
.cus-btn {
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer;
}
.cus-btn:hover {
    background-position: center bottom;
}
#info_block {
    width: 350px;
    height: auto;
}
#info_block .ib_left {
    width: 220px;
    float: left;
}
#info_block .ib_right {
    width: 125px;
    float: right;
    text-align: center;
    margin-right: 5px;
}
#btn_sgonline {
    width: 120px;
    height: 50px;
    background-image: url('../images/btn_sgonline_s.png');
    margin: 5px auto;
}
#btn_xyonline {
    width: 120px;
    height: 50px;
    background-image: url('../images/btn_xyonline_s.png');
    margin: 5px auto;
}
#btn_fengshen {
    width: 120px;
    height: 50px;
    background-image: url('../images/btn_fengshen_s.png');
    margin: 5px auto;
}

.con_title {
    font-size: 1em;
    font-weight: bold;
}
.consult .item {
    display: inline-block;
    margin-right: 1em;
}