html {height:100%;}
body {height:100%; margin:0px; text-align:center;}
body, td, input, select, textarea{
	font-size: 9pt;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	color: #333;
}
body.bg {background:url(images/background.jpg) #2172CE left top repeat-x;}
body.popbg {background:#ECF9FF;}

a {color:#323232; text-decoration: none;}
a:hover {color:#CC3300;}

.clear {clear:both; *display:inline;}

img {border:0px;}

/*** main area ***/
.full {
	width:100%;
	height:100%;
}
.mbody {}

/*** footer ***/
.mfoot {width:100%; min-height:114px; _height:114px; background:#FFFFFF;}
.mfoot ul.block {width:1001px; margin:0 auto; padding:0px; list-style:none;}
.mfoot ul.block li {float:left; text-align:left;}
.mfoot ul.block li.copyright {width:509px; line-height:26px; color:#0D3191; margin-top:33px;}
.mfoot ul.block li.copyright span {margin:0 4px 0 4px;}
.mfoot ul.block li.copyright a {color:#0D3191;}
.mfoot ul.block li.copyright a:hover {text-decoration:underline;}
.mfoot ul.block li.fb {width:174px; min-height:99px; _height:99px; background:url(images/icon_fbgood.jpg) left top no-repeat; margin-top:8px;}
.mfoot ul.block li.fb .txt {width:79px; height:15px; background:url(images/txt_fb_fans.jpg) left top no-repeat; margin-top:32px; margin-left:59px;}
.mfoot ul.block li.fb .like {margin-left:59px;}
.mfoot ul.block li.qrcode1 {width:162px; margin-top:20px;}
.mfoot ul.block li.qrcode2 {width:145px; margin-top:20px;}

.pinkbd {border-top:6px #E5007E solid;}


/*** home ***/
ul.home {
	width:1001px;
	height:100%;

*height:auto; 		margin:0 auto;
	text-align:left;
	padding:0px;
	list-style:none;
}
ul.home li.menu {
	float:left;
	width:199px;
	height:100%;
	background:#0C308E;
}
ul.home li.menu .logo {width:199px; height:163px;}
ul.home li.menu ul.list {margin:0px; padding:0px; padding-top:16px; list-style:none;}
ul.home li.menu ul.list li {margin-top:10px; text-align:right;}
ul.home li.menu .tomove {margin-top:53px; text-align:center;}
ul.home li.data {float:left; width:802px;}
ul.home li.data .lang {height:26px; text-align:right;}
ul.home li.data .lang img {margin:8px 6px 0 0;}
ul.home li.data .video {width:802px; min-height:367px;}
ul.home li.data .fst {width:368px; height:100px;}
ul.home li.data ul.box {margin:10px 0 0 55px; padding:10px; border:1px solid #5484C2; background:#1A5BAD; list-style:none;}
ul.home li.data ul.box li.tpromotion {float:left; width:505px; min-height:138px; _height:138px;}
ul.home li.data ul.box li.tpromotion .pic {float:left; width:207px; height:130px; margin-right:15px;}
ul.home li.data ul.box li.tpromotion .list {float:left; width:282px;}
ul.home li.data ul.box li.tpromotion .list .more {float:left; margin:14px 0 0 19px; width:51px; height:16px;}
ul.home li.data ul.box li.tpromotion .list .tit {float:left; margin:7px 0 0 14px; width:141px; height:25px; background:url(images/promotion_t.jpg) left top no-repeat;}
ul.home li.data ul.box li.tpromotion .list ul {margin:10px 0 0 0; padding:0px; list-style:none;}
ul.home li.data ul.box li.tpromotion .list ul li {line-height:18px; padding:5px 0 5px 0; color:#FFFFFF;}
ul.home li.data ul.box li.tpromotion .list ul li span.time {float:left; width:84px; color:#85A4D2; font-weight:bold; font-size:9pt; font-family:Helvetica;}
ul.home li.data ul.box li.tpromotion .list ul li span.txt {float:left; width:194px;}
ul.home li.data ul.box li.tpromotion .list ul li a {color:#FFFFFF;}
ul.home li.data ul.box li.tpromotion .list ul li a:hover {color:#E5AE5C; text-decoration:underline;}
ul.home li.data ul.box li.hr {float:left; width:3px; height:131px; margin-top:6px; background:url(images/icon_hr.jpg) left top repeat-y;}
ul.home li.data ul.box li.tmem {float:left; width:217px; min-height:138px; _height:138px;}
ul.home li.data ul.box li.tmem .more {float:left; margin:14px 0 0 9px; width:51px; height:16px;}
ul.home li.data ul.box li.tmem .tit {float:left; margin:7px 0 0 6px; width:141px; height:25px; background:url(images/member_t.jpg) left top no-repeat;}
ul.home li.data ul.box li.tmem ul {margin:10px 0 0 65px; padding:0px; list-style:none;}
ul.home li.data ul.box li.tmem ul li {line-height:18px; padding:5px 0 5px 0; color:#FFFFFF;}
ul.home li.data ul.box li.tmem ul li a {color:#FFFFFF;}
ul.home li.data ul.box li.tmem ul li a:hover {color:#E5AE5C; text-decoration:underline;}

/*** inside_page - block ***/
ul.inside {width:997px; margin:0 auto; text-align:left; padding:0px; list-style:none;}
ul.inside li.menu {
	float:left;
	width:199px;
	min-height:665px;
	padding-bottom:240px;
	background:url(images/menu_end.jpg) #0C308E left bottom no-repeat;
	position:relative;
}
ul.inside li.menu .logo {width:199px; height:163px;}
ul.inside li.menu ul.list {margin:0px; padding:0px; padding-top:16px; list-style:none;}
ul.inside li.menu ul.list li {margin-top:10px; text-align:right;}
ul.inside li.menu .tomove {position:absolute; left:10px; bottom:210px; text-align:center;}
ul.inside li.data {float:left; width:798px; background:#ECF9FF;}
ul.inside li.data .head1 {float:left; width:231px; height:203px; background:url(images/store_head1.jpg) left top no-repeat;}
ul.inside li.data .head2 {float:left; width:567px; height:203px;}
ul.inside li.data .head2 .flash {width:567px; height:158px;}
ul.inside li.data .head2 ul.button {width:473px; height:45px; margin:0px; padding:0px; list-style:none; background:url(images/store_music_bg.jpg) left top repeat-x;}
ul.inside li.data .head2 ul.button li {float:left; margin:0 12px 0 8px;}
ul.inside li.data .keyboard {
	width:798px;
	height:200px;
	position:relative;
	background-image: url(images/inside_end_keyboard.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.inside li.data .keyboard .toTOP {
	position:absolute;
	left:449px;
	top:18px;
	width: 290px;
	height: 49px;
}
ul.inside li.data .menuhd1 {float:left; width:400px; height:168px; background:url(images/menu_head1.jpg) left top no-repeat;}
ul.inside li.data .menuhd2 {float:left; width:398px; height:168px; background:url(images/menu_head2_190201.jpg) left top no-repeat;}
ul.inside li.data .mem_hd1 {float:left; width:318px; height:203px; background:url(images/mem_head1.jpg) left top no-repeat;}
ul.inside li.data .mem_hd2 {float:left; width:480px; height:203px; background:url(images/mem_head2.jpg) left top no-repeat;}
ul.inside li.data .mem_hd3 {float:left; width:318px; height:190px; background:url(images/mem_head3.jpg) left top no-repeat;}
ul.inside li.data .mem_hd4 {float:left; width:480px; height:190px; background:url(images/mem_head4.jpg) left top no-repeat;}
ul.inside li.data .eventhd1 {float:left; width:400px; height:256px; background:url(images/event_head1.jpg) left top no-repeat;}
ul.inside li.data .eventhd2 {float:left; width:398px; height:256px; background:url(images/event_head2.jpg) left top no-repeat;}
ul.inside li.data .contacthd1 {float:left; width:400px; height:224px; background:url(images/contact_head1.jpg) left top no-repeat;}
ul.inside li.data .contacthd2 {float:left; width:398px; height:224px; background:url(images/contact_head2.jpg) left top no-repeat;}
ul.inside li.data .promotionhd1 {float:left; width:400px; height:188px; background:url(images/promotion_head1.jpg) left top no-repeat;}
ul.inside li.data .promotionhd2 {float:left; width:398px; height:188px; background:url(images/promotion_head2.jpg) left top no-repeat;}



/*** store ***/
.storebg {background:url(images/store_bg2.jpg) center top repeat-x;}
.store_pic {background:url(images/store_bg.jpg) center top no-repeat;}
.store {width:637px; min-height:596px; margin-left:72px; margin-top:11px;}
.nomargin {min-height:1px !important; margin-left:5px !important; margin-top:0px !important; padding-top:5px; text-align:left;}

.store .category {margin-bottom:40px;}
.store .category .loc {float:left; width:99px;}
.store .category ul.list {float:left; width:532px; margin:0px; padding:0px; list-style:none;}
.store .category ul.list li.line {height:1px; background:#C8D5DB; overflow:hidden; margin:7px 0 7px 0;}
.store .category ul.list li.line2 {height:1px; background:#C8D5DB; overflow:hidden; margin:4px 0 7px 0;}
.store .category ul.list li.info {}
.store .category ul.list li.info ul {margin:0px; padding:0px; list-style:none;}
.store .category ul.list li.info ul li.name {float:left; width:140px; margin-right:6px; line-height:22px; color:#9F7E4B; font-weight:bold;}
.store .category ul.list li.info ul li.name span {display:block; padding-left:15px; background:url(images/icon_arrball.jpg) no-repeat; background-position:0px 4px;}
.store .category ul.list li.info ul li.name a {color:#9F7E4B;}
.store .category ul.list li.info ul li.addr {float:left; width:234px; margin-right:6px; line-height:22px; color:#454547;}
.store .category ul.list li.info ul li.tel {float:left; width:142px; line-height:22px; color:#44474C;}
.store .category ul.list li.info ul li.msg {float:left; width:380px; margin-right:6px; line-height:22px; color:#E50079;}

.store .location {padding-top:18px;}
.store .location .line {position:relative; width:100%; height:15px; background:url(images/line_15.jpg) left top repeat-x; margin-bottom:10px;}
.store .location .line .loc {position:absolute; width:92px; height:51px; left:0px; top:-18px;}
.store .location .b18 {margin-bottom:18px !important;}
.store .location .toTOP {padding:10px 15px 0 0; text-align:right;}
.store .location .detail {margin-bottom:9px;}
.store .location .detail .info {float:left; width:231px;}
.store .location .detail .info .name {
	line-height:18px;
	margin-top:2px;
	font-size:10pt;
	padding-left:23px;
	color:#A27B42;
	font-weight:bold;
	background:url(images/icon_arrball.jpg) no-repeat;
	background-position:3px 3px;
}
.store .location .detail .info .d {
	width:189px;
	margin-left:10px;
	line-height:18px;
	color:#1A2225;
	margin-top:5px;
}
.store .location .detail .info .r {
	line-height:18px;
	margin-left:10px;
	color:#4A494F;
	font-size:8pt;
	margin-top:9px;
	margin-bottom:9px;
}
.store .location .detail .info .t {
	width:188px;
	padding-left:9px;
	line-height:20px;
	margin-left:10px;
	color:#192124;
	background:url(images/icon_ddot.gif) no-repeat;
	background-position:left 8px;
}
.store .location .detail .info .map {
	width:189px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:6px;
}
.store .location .detail .info .print {padding-left:25px; margin-top:3px;}

.store .location .detail .content {float:left; width:401px;}
.store .location .detail .content .ns {float:left; width:290px; line-height:18px; color:#E8007E;}
.store .location .detail .content .num {float:right; height:25px;}
.store .location .detail .content .num span {float:left; display:block; padding:0 5px 0 5px; margin:0 5px 0 5px; height:17px; line-height:17px; font-size:8pt; color:#FFFFFF; background:#0984CA; cursor:pointer;}

.store .location .detail .content .pic {clear:both; position:relative; width:401px; height:278px; text-align:center; overflow:hidden;}
.store .location .detail .content .pic .p {position:absolute; width:401px; height:278px; left:0px; top:0px; text-align:center;}
.store .location .detail .content .intro {padding-left:24px; margin-top:5px; line-height:20px; color:#212123; background:url(images/icon_tup.gif) no-repeat; background-position:6px 6px;}

/*** menu ***/
.foodbg {background:url(images/menu_bg2.jpg) center top repeat-x;}
.food_pic {background:url(images/menu_bg.jpg) center top no-repeat;}

.food {width:660px; min-height:640px; _height:640px; margin-left:61px;}
.food ul.link {margin:3px 0 0 8px; padding:0px; list-style:none;}
.food ul.link li.hr {float:left; width:3px; height:29px; background:url(images/menu_hr.jpg) left top no-repeat; overflow:hidden;}
.food ul.link li.m {float:left; margin:0 7px 0 7px; height:29px;}

.food .title {height:30px; margin-left:7px; border-bottom:1px solid #D9D9D7;}
.food .info {margin-top:8px; position:relative;}
.food .info .move {position:absolute; right:1px; top:52px;}
.food .info .prev {position:absolute; width:44px; height:88px; left:0px; top:263px; background:url(images/to_prev.png) left top no-repeat; cursor:pointer; z-index:6;}
.food .info .next {position:absolute; width:44px; height:88px; right:0px; top:264px; background:url(images/to_next.png) left top no-repeat;	cursor:pointer;	z-index:6;}

.food .info .set {min-height:511px; _height:511px;}
.food .info .set .name {line-height:22px; width:552px; color:#1A6AB3; padding-left:7px; font-weight:bold; font-size:11pt;}
.food .info .set .name span {height:22px; line-height:22px; padding-left:40px; margin-right:2px; background:url(images/new01.gif) left top no-repeat;}
.food .info .set .desc {line-height:22px; width:552px; min-height:44px; padding-left:7px; color:#33414E; margin-top:3px;}
.food .info .set .pic {width:657px; height:441px; margin-top:5px; border:1px solid #DCDCDA;}

.food .info .note {margin-top:9px; line-height:18px; color:#91908E;}
.food .lng {margin-top:8px; height:44px; background:url(images/menu_lnbg.jpg) left top repeat-x; overflow:hidden;}
.food .lng .s {float:left; width:35px; height:44px; background:url(images/menu_lns.jpg) left top no-repeat;}
.food .lng .print {float:left; width:70px; height:29px; margin:10px 0 0 27px;}
.food .lng .en {float:left; width:70px; height:29px; margin:10px 0 0 26px;}
.food .lng .jp {float:left; width:63px; height:29px; margin:10px 0 0 26px;}



/*** member ***/
.membg {background:url(images/menu_bg2.jpg) center top repeat-x;}
.mem_pic {background:url(images/mem_bg.jpg) center top no-repeat;}

.memhome {width:600px; min-height:640px; _height:640px; margin-left:113px;}
.memhome ul.data {padding:0px; margin:0px; margin-top:3px; list-style:none;}
.memhome ul.data li.box {margin-bottom:15px;}
.memhome ul.data li.box .tit {float:left; width:104px;}
.memhome ul.data li.box .info {float:left; width:466px; padding-top:13px;}
.memhome ul.data li.box .info ul.ub {padding:0px; margin:0px; height:25px; list-style:none; background:url(images/mem_ubg.jpg) left top repeat-x;}
.memhome ul.data li.box .info ul.ub li {float:left;}
.memhome ul.data li.box .info ul.ub li.u1 {margin-left:8px;}
.memhome ul.data li.box .info ul.ub li.u2 {margin-left:89px;}
.memhome ul.data li.box .info ul.ub li.u3 {margin-left:10px;}
.memhome ul.data li.box .info ul.ub li.u4 {margin-left:34px;}
.memhome ul.data li.box .info ul.ub li.u5 {margin-left:34px;}
.memhome ul.data li.box .info ul.ub li.u6 {margin-left:34px;}
.memhome ul.data li.box .info .note {clear:both; width:322px; color:#0D3187; letter-spacing:1px; line-height:22px; margin-top:17px; margin-left:9px;}
.memhome ul.data li.box .info .note a {color:#0D3187; text-decoration:underline;}

/*** join member ***/
.join {margin:9px 0 0 119px; width:600px;}


/*** event ***/
.eventbg {background:url(images/event_bg2.jpg) center top repeat-x;}
.event_pic {background:url(images/event_bg.jpg) center top no-repeat;}

.event {width:680px; min-height:600px; _height:600px; margin-left:40px; margin-top:21px;}
.event .album {width:660px; border:0px;}
.event .album td.size {width:33.3%; padding:5px;}
.event .album td.size .box {position:relative; cursor:pointer;}
.event .album td.size .box .target {position:relative; text-align:center;}
.event .album td.size .cc {border:0px; margin:0 auto;}
.event .album td.size .cc .t1 {width:16px; height:14px; background:url(images/gabd_t1.jpg) left top no-repeat;}
.event .album td.size .cc .t1 div {width:16px; height:14px; overflow:hidden;}
.event .album td.size .cc .t2 {height:14px; background:url(images/gabd_t2.jpg) left top repeat-x;}
.event .album td.size .cc .t2 div {width:15px; height:14px; overflow:hidden;}
.event .album td.size .cc .t3 {width:15px; height:14px; background:url(images/gabd_t3.jpg) left top no-repeat;}
.event .album td.size .cc .t3 div {width:15px; height:14px; overflow:hidden;}
.event .album td.size .cc .f1 {width:16px; height:14px; background:url(images/gabd_f1.jpg) left top no-repeat;}
.event .album td.size .cc .f1 div {width:16px; height:14px; overflow:hidden;}
.event .album td.size .cc .f2 {height:14px; background:url(images/gabd_f2.jpg) left top repeat-x;}
.event .album td.size .cc .f2 div {width:15px; height:14px; overflow:hidden;}
.event .album td.size .cc .f3 {width:15px; height:14px; background:url(images/gabd_f3.jpg) left top no-repeat;}
.event .album td.size .cc .f3 div {width:15px; height:14px; overflow:hidden;}
.event .album td.size .cc .m1 {width:16px; background:url(images/gabd_m1.jpg) left top repeat-y;}
.event .album td.size .cc .m1 div {width:16px; height:26px; overflow:hidden;}
.event .album td.size .cc .m2 {width:15px; background:url(images/gabd_m2.jpg) left top repeat-y;}
.event .album td.size .cc .m2 div {width:15px; height:26px; overflow:hidden;}
.event .album td.size .cc .data img {display:block;}
.event .album td.size .title {width:164px; min-height:25px; _height:25px; line-height:22px; margin:0 auto; margin-top:6px; text-align:center; background:url(images/gall_music_bg.jpg) left bottom no-repeat;}
.event .album td.size .title span {display:block; padding:0 4px 0 4px; font-size:14px; color:#100D5E;}

.evepop {position:absolute; width:508px; min-height:538px; _height:538px; text-align:center; left:-10000px; top:-1000px; display:none; z-index:999; border:5px solid #B8B8B8; background:url(images/evepop_bg.jpg) #FFFFFF left top repeat-x; 
-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
}
.evepop .close {position:absolute; width:36px; height:36px; right:21px; top:-2px; z-index:500;}
.evepop .list {width:480px; height:360px; margin:0 auto; margin-top:19px; text-align:center; padding:0px;}
.evepop .list img {border:  0px;}
.evepop .name {width:470px; height:35px; margin:0 auto; margin-top:2px; text-align:left; background:url(images/evepop_mubg.jpg) left top repeat-x;}
.evepop .name label {display:block; height:35px; line-height:18px; color:#E4007F; font-size:15px; padding-left:29px; padding-top:11px; background:url(images/evepop_sg.jpg) left top no-repeat;}
.evepop .desc {width:432px; line-height:20px; color:#464646; font-size:9pt; margin-left:50px; text-align:left;}

/*** FULL Screen ***/
#FullScreen {position:absolute; width:0px; height:px; left:-10000px; top:-1000px; background:#000000; z-index:998;
filter:alpa(opacity=50);   /* old IE */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80,FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); /*supported by current IE*/
-moz-opacity:0.5;          /* Moz + FF */
opacity:0.5;               /* 支持新版瀏覽器 */
}



/*** contact ***/
.contactbg {background:url(images/contact_bg2.jpg) center top repeat-x;}
.contact_pic {background:url(images/contact_bg.jpg) center top no-repeat;}

.contact {width:372px; min-height:600px; _height:600px; margin-left:213px; margin-top:5px;}
.contact div {line-height:22px; font-size:14px; color:#11326E;}
.contact div a {color:#11326E;}
.contact div a:hover {color:#11326E; text-decoration:underline;}


/*** promotion ***/
.promotionbg {background:url(images/promotion_bg2.jpg) center top repeat-x;}
.promotion_pic {background:url(images/promotion_bg.jpg) center top no-repeat;}

.promotion {min-height:600px; _height:600px;}
.promotion ul.music {width:689px; height:32px; margin:0px; padding:0px; list-style:none; background:url(images/porm_btbg.jpg) left top repeat-x;}
.promotion ul.music li {float:left; height:32px; margin-left:26px;}
.promotion ul.music li.lf {width:185px; height:32px; margin-left:0px; background:url(images/porm_btl.jpg) left top no-repeat;}
.promotion ul.music li.clear {float:none; clear:both;}

.promotion .area {
	width:585px;
	margin-left:96px;
}
.promotion .area .act {border:8px solid #C6C6C6; position:relative; background:#0B308E;}
.promotion .area .act .title {
	position:absolute;
	width:233px;
	height:58px;
	left:-35px;
	top:-22px;
	background:url(images/prom_act_tit.png) left top no-repeat;
}
.promotion .area .act .title label {display:block; padding:15px 32px 0 45px; color:#FFFFFF; font-size:14px; }
.promotion .area .side {
	float:left;
	margin-top:49px;
	width:270px;
	font-size: 14px;
}
.promotion .area .side .subject {width:242px; margin:7px 0 0 19px; line-height:28px; font-size:19px; color:#2FA4DC;}
.promotion .area .side .note {width:242px; margin-left:19px; line-height:20px; font-size:9pt; color:#3E4040;}
.promotion .area .sp {float:left; width:39px; height:228px; margin-top:49px;}
.promotion .area .bbox {
	width:550px;
	height:228px;
	margin-top:40px;
	margin-left: 20px;
}
.promotion .area .sbox {width:263px; height:228px;}

.promotion .cooperation {
	background:#FFFFFF;
	padding:3px;
	min-height:300px;
	_height:300px;
	margin-top:25px;
}
.promotion .cooperation .tit {width:161px; height:43px; background:url(images/cooperation.jpg) left top no-repeat;}
.promotion .cooperation table {
	border:0px;
}
.promotion .cooperation table th {height:22px; text-align:center; font-weight:bold; color:#256B8E; font-size:9pt; border-top:2px solid #1999D8; border-bottom:1px solid #C5EAFA; background:#EDF8FE;}
.promotion .cooperation table tr.bg0 {background:#FFFFFF;}
.promotion .cooperation table tr.bg1 {background:#F4F4F4;}
.promotion .cooperation table td {
	padding:14px;
	line-height:18px;
	border-bottom:1px solid #DADADA;
}
.promotion .cooperation .card {margin:4px 0 0px 257px; padding-left:52px; height:38px; line-height:38px; color:#666666; font-size:9pt; background:url(images/twtour_card.jpg) left top no-repeat;}











/*** space height ***/
.mh3 {height:3px; overflow:hidden;}
.mh5 {height:5px; overflow:hidden;}
.mh10 {height:10px; overflow:hidden;}
.mh12 {height:12px; overflow:hidden;}
.mh15 {height:15px; overflow:hidden;}
.mh20 {height:20px; overflow:hidden;}

/*** line style ***/
.lineType1 {height:1px; background:#DAD8D9; overflow:hidden;}
.14b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.red {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e5007f;
}