#debug
{
	color: #ff0000;
	left: 0;
	position: fixed;
	top: 0;
}

html, body
{
	-webkit-text-size-adjust: none;
	font-size: 12px;
	color: #4b4b4b;
}

body,
input,
textarea
{
	font-family: Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "LiHei Pro", "新細明體", PMingLiU, sans-serif;
}

body
{
	display: none;
}

body.mobile,
body.ipad,
body.desktop
{
	display: block;
}

.block
{
	display: block;
}

.hide
{
	display: none;
}

.placeholder
{
	color:#aaa;
}

input
{
	outline: 0;
}

.valignMid	{
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

/************************* LOADING ****************************/
.loading		{ background-color: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; }
.loading.ready	{ filter: alpha(opacity=90); opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.loading img	{ height: 325px; left: 50%; margin: -163px 0 0 -200px; position: relative; top: 50%; width: 400px; }

/************************* COMMON ****************************/

sup {
	font-size: 0.83em;
	vertical-align: super;
	line-height: 0;
}

.mobile img {
	width: 100%;
	display: block;
}

.wrapper	{ width: 100%; }


.desktop .mainArea	{ width: 956px; padding: 0 50px; margin: 0 auto; }
.desktop .headerContainer {
	padding: 17px 0 15px;
	background: url(../images/img_headerBG.jpg) repeat-x bottom;
	border-bottom: 1px solid #033399;
}
.desktop .header {
	width: 945px;
	padding: 0 40px 0 65px;
	text-align: right;
	margin: 0 auto;
}

.header .lang a {
	color: #444;
}
.header .lang a:hover {
	color: #444;
	text-decoration: underline;
}
.desktop .logo {
	float: left;
	width: 82px;
	height: 68px;
	background: url(../images/img_logo.png) no-repeat;
}
.desktop a.btn_share {
	float: right;
	position: relative;
	display: block;
	width: 96px;
	height: 34px;
	margin-top: 15px;
	background: url(../images/btn_share.png) no-repeat left top;
}
.desktop .btn_share:hover {
	background-position: bottom;
}

.mobile .headerContainer {
	padding: 14px 9px;
	background: url(../images/img_headerBG.jpg) repeat-x bottom;
	background-size: auto 100%;
	border-bottom: 1px solid #033399;
}
.mobile .header {
	width: 100%;
	text-align: right;
}
.mobile .header p.lang {
	display: none;
}
.mobile .logo {
	float: left;
	width: 43px;
	height: 35px;
	background: url(../images/img_logo.png) no-repeat;
	background-size: 100%;
}
.mobile .btn_share {
	height: 27px;
}
.mobile a.mobile_lang {
	float: right;
	display: inline-block;
	width: 75px;
	height: 27px;
	margin-left: 7px;
}
.mobile .en a.mobile_lang.eng, .mobile .tc a.mobile_lang.chi {
	display: none;
}
.mobile a.mobile_lang.eng {
	background: url(../images/btn_lang.png) no-repeat top;
	background-size: 100% auto;
}
.mobile a.mobile_lang.chi {
	background: url(../images/btn_lang.png) no-repeat bottom;
	background-size: 100% auto;
}
.mobile a.btn_share {
	float: right;
	display: inline-block;
	width: 75px;
	height: 27px;
	background: url(../images/btn_share.png) no-repeat left top;
	background-size: 100% auto;
}

.point {
	list-style: disc;
	margin-left: 18px;
}
.point li span {
	color: #f9ec66;
}


/*  MainOffer  */
.desktop .leadin {
	font-size: 14px;
	padding-top: 20px;
	line-height: 1.3em;
}
.desktop .leadin span {
	color: #1158b4;
	font-weight: bold;
}
.desktop .mobileLeadin {
	display: none;
}
.desktop .mainOffer {
	padding-top: 20px;
}
.desktop .bannerArea {
	width: 956px;
	height: 240px;
	background: url(../images/img_banner.jpg) no-repeat;
	position: relative;
}
.desktop .bannerArea .text {
	position: absolute;
	top: 8px;
	left: 538px;
	width: 360px;
	font-size: 25px;
/*	font-weight: bold;*/
	color: #fff;
	line-height: 1.3em;
}
.desktop .bannerArea .text sup {
	font-size: 12px;
}
.desktop .bannerArea .text .smallText {
	margin-top: 8px;
	font-size: 15px;
	padding: 10px 0 5px;
	line-height: 1.2em;
	border-top: 1px solid #fff;
}
.desktop .bannerArea .text .remark {
	position: absolute;
	bottom: -15px;
	*bottom: -15px;
	width: 350px;
	height: 20px;
	line-height: 0;
}

.mobile .leadin {
	font-size: 14px;
	padding-top: 20px;
	margin: 0 10px;
	line-height: 1.3em;
}
.mobile .leadin span {
	color: #1158b4;
	font-weight: bold;
}
.mobile .mobileLeadin {
	color: #00ae95;
/*	color: #1259b5;*/
	border-top: 1px solid #a5a5a5;
	padding: 10px 25px;
	text-align: center;
	line-height: 1.4em;
}
.mobile .bannerArea {
	width: 100%;
	position: relative;
}
.mobile .bannerArea .text {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.3em;
	padding: 20px 14px;
}
.mobile .bannerArea .text sup {
	font-size: 12px;
}
.mobile .bannerArea .text .smallText {
	margin-top: 10px;
	font-size: 12px;
	padding-top: 10px;
	line-height: 1.5em;
	border-top: 1px solid #fff;
}
.mobile .bannerArea .text .smallText2 {
	font-size: 12px;
	line-height: 1.5em;
}
.mobile .bannerArea .text .remark {
	display: none;
}



/*  mainOffer  */
.desktop .mainOffer .offerDetails {
	padding-top: 25px;
	width: 956px;
/*	height: 406px;*/
	background: url(../images/img_offerDetails_bg.jpg) no-repeat bottom;
}
.desktop .mainOffer .offerDetails .textTure {
	background: url(../images/img_mainOffer_texture.png) no-repeat right bottom;
	padding-bottom: 20px;
}
.desktop .offerModu {
	display: inline-block;
	width: 340px;
	padding: 0 30px;
	height: 636px;
}
.desktop .offer1_box {
	margin-left: 58px;
	background: url(../images/img_offer1_box.png) no-repeat;
}
.desktop .offer2_box {
	margin-left: 40px;
	background: url(../images/img_offer2_box.png) no-repeat;
}
.desktop .offerModu .head {
	height: 143px;
	margin-bottom: 40px;
}
.desktop .offerModu .head span.title {
	display: inline-block;
	font-weight: bold;
    color: #fff;
    font-size: 16px;
    width: 110px;
    padding-left: 20px;
	vertical-align: middle;
}

.mobile .offerModu {
    display: block;
    width: 100%;
}
.mobile .offerModu .head {
	padding: 15px 0;
	color: #fff;
	text-align: center;
	font-size: 16px;
}


.desktop .mainOffer .offerDetails li {
	float: left;
	width: 305px;
	margin: 0 0px 20px 35px;
}
.desktop .mainOffer .offerDetails li span {
	display: inline-block;
	width: 66px;
	color: #015aaa;
}
.desktop .mainOffer .offerDetails li span img {
	width: 100%;
	display: inline-block;
}
.desktop .mainOffer .offerDetails li span.txt {
	display: inline-block;
	width: 220px;
	padding-top: 3px;
	margin-left: 15px;
	line-height: 1.3em;
	vertical-align: top;
/*	font-weight: bold;*/
}
/*
.mainOffer .offerDetails li.q01 {
	color: #0e56b3;
}
.mainOffer .offerDetails li.q02 {
	color: #f67400;
}
.mainOffer .offerDetails li.q03 {
	color: #0092ed;
}
.mainOffer .offerDetails li.q04 {
	color: #ea7368;
}
.mainOffer .offerDetails li.q05 {
	color: #4a8fcd;
}
.mainOffer .offerDetails li.q06 {
	color: #00a18b;
}
*/

/*
.desktop .mainOffer .offerDetails li.q01,
.desktop .mainOffer .offerDetails li.q04 {
	margin-left: 40px;
}
*/
.desktop .mainOffer .offerDetails .features_box {
	width: 820px;
	height: 65px;
	margin: 0 auto 0;
	*margin: 25px auto 0;
	padding: 15px 30px;
	background: url(../images/img_features_boxBG.png) no-repeat;
}
.desktop .mainOffer .offerDetails .features_box table {
	margin: 0 auto;
}
.desktop .mainOffer .offerDetails .features_box table td:first-child {
	padding-right: 20px;
}
.desktop .mainOffer .offerDetails .features_box table td {
	color: #4c4c4c;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
}
.desktop .mainOffer .offerDetails .features_box table td span.hightLight {
	color: #00ae95;
/*	color: #f68500;*/
}

.mobile .mainOffer .offerDetails {
/*	padding: 20px 11px 14px;*/
	padding: 0;
	background-color: #f4f4f4;
}
.mobile .mainOffer .offerDetails .textTure {
	background: url(../images/img_mainOffer_texture.png) no-repeat right bottom;
	background-size: 70%;
	padding-bottom: 20px;
}
.mobile .mainOffer .offerDetails li {
	margin: 12px auto;
	width: 90%;
}
.mobile .mainOffer .offerDetails li p {
	display: inline;
	width: 78%;
	float: right;
	line-height: 1.3em;
	font-weight: bold;
}
.mobile .mainOffer .offerDetails li span {
	display: inline-block;
	width: 20%;
	vertical-align: middle;
	color: #015aaa;
}
.mobile .mainOffer .offerDetails li span img {
	width: 100%;
	display: inline-block;
}
.mobile .mainOffer .offerDetails li span.txt {
	display: inline-block;
	width: 74%;
	padding-top: 3px;
	margin-left: 6%;
	line-height: 1.3em;
	font-weight: bold;
}
.mobile .mainOffer .offerDetails .features_box {
	padding: 15px 17px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #eaeaea;

}
.mobile .mainOffer .offerDetails .features_box table td:first-child {
	padding-right: 15px;
	width: 40px;
}
.mobile .mainOffer .offerDetails .features_box table td {
	color: #4c4c4c;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
}
.mobile .mainOffer .offerDetails .features_box table td span.hightLight {
/*	color: #f68500;*/
	color: #00ae95;
}




/*  TNC  */
.desktop .tncContainer {
	margin-top: 20px;
}
.desktop .tncInnerGroup {
	padding-bottom: 20px;
}
.tncTitle a {
	color: #4e4e4e;
}
.desktop .tncTitle a span {
	display: inline-block;
	height: 30px;
	width: 30px;
	padding-right: 10px;
	background: url(../images/iconToggle.png) no-repeat left top;
	vertical-align: middle;
}
.tncTitle a.opened span {
	background-position: left bottom;
}
.mobile .tncTitle a.opened span {
	background-position: left bottom;
}

.desktop .tncContent {
	display: none;
	padding: 5px 0;
}
.tncContent ul.decimal li {
	margin-left: 25px;
	padding: 5px 0;
	list-style: decimal;
}
.tncContent ul.decimal li table {
	margin-top: 10px;
}
.tncContent ul.decimal li table td {
	padding: 5px;
	border: 1px solid #4e4e4e;
}
.footer {
	margin: 0 auto;
	text-align: right;
	padding: 20px 0;
	border-top: 1px solid #c4c4c4;
	font-size: 12px;
	color: #555;
}
.footer a {
	display: inline-block;
	color: #0e56b3;
	margin: 0 6px;
}


.mobile .tncTitle a {
	color: #4e4e4e;
	display: block;
	padding: 5px 0;
	-webkit-background: linear-gradient(#fff, #ebebeb);
	-o-background: linear-gradient(#fff, #ebebeb);
	-moz-background: linear-gradient(#fff, #ebebeb);
	background: linear-gradient(#fff, #ebebeb);
	/*  IE  */
	background-color: #ebebeb\0;
	*background-color: #ebebeb;
	_background-color: #ebebeb;

}
.mobile .tncTitle a span {
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-right: 10px;
	background: url(../images/iconToggle.png) no-repeat left top;
	background-size: 100% auto;
	vertical-align: middle;
}
.mobile .tncInnerGroup {
	border-top: 1px solid #c3c3c3;
}
.mobile .tncContent {
	display: none;
	padding: 5px 10px;
}
.mobile .footer {
	padding: 20px 10px;
}

/*  btn style  */

.btnRow {
	width: auto;
	text-align: center;
	margin: 20px auto 0;
}
.desktop a.btnStyle {
	display: inline-block;
/*	margin: 0 10px;*/
}

.mobile .btnStyle {
	position: relative;
	display: block;
	padding: 10px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin: 8px 14px;
	font-weight: bold;
}
.mobile .btnStyle span {
	position: absolute;
	width: 6px;
	height: 10px;
	top: 50%;
	margin-top: -5px;
	right: 20px;
	background: url(../images/img_btn_arrow_m2x.png) no-repeat;
	background-size: 100%;
}


.mobile a.show_features {
	position: relative;
	display: block;
	color: #fff;
	padding: 11px 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.mobile .show_features span {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 19px;
	height: 10px;
	margin-top: -5px;
	background: url(../images/img_hide_show_arrow.png) no-repeat bottom;
	background-size: 100% auto;
}
.mobile .show_features.opened span {
	background: url(../images/img_hide_show_arrow.png) no-repeat top;
	background-size: 100% auto;
}

.mobile .mainOffer .text, .mobile .mainOffer .head, .mobile .mainOffer a.show_features {
	-webkit-background: linear-gradient(#3576c0, #0e56b3);
	-o-background: linear-gradient(#3576c0, #0e56b3);
	-moz-background: linear-gradient(#3576c0, #0e56b3);
	background: linear-gradient(#3576c0, #0e56b3);
	/*  IE  */
	background-color: #0e56b3\0;
	*background-color: #0e56b3;
	_background-color: #0e56b3;
}
.mobile .mainOffer .btnStyle {
	-webkit-background: linear-gradient(#5babf4, #4787c2);
	-o-background: linear-gradient(#5babf4, #4787c2);
	-moz-background: linear-gradient(#5babf4, #4787c2);
	background: linear-gradient(#5babf4, #4787c2);
	/*  IE  */
	background-color: #5097d9\0;
	*background-color: #5097d9;
	_background-color: #5097d9;
}
.mobile .mainOffer .btnStyle.details {
	-webkit-background: linear-gradient(#7f7f7f, #5f5f5f);
	-o-background: linear-gradient(#7f7f7f, #5f5f5f);
	-moz-background: linear-gradient(#7f7f7f, #5f5f5f);
	background: linear-gradient(#7f7f7f, #5f5f5f);
	/*  IE  */
	background-color: #6d6d6d\0;
	*background-color: #6d6d6d;
	_background-color: #6d6d6d;
}

.mobile .otherSession.left .banner .text, 
.mobile .otherSession.left .btnStyle, .mobile .otherSession.left a.show_features {
	-webkit-background: linear-gradient(#f69c00, #f69100);
	-o-background: linear-gradient(#f69c00, #f69100);
	-moz-background: linear-gradient(#f69c00, #f69100);
	background: linear-gradient(#f69c00, #f69100);
	/*  IE  */
	background-color: #f69100\0;
	*background-color: #f69100;
	_background-color: #f69100;
}
.mobile .otherSession.right .banner .text, 
.mobile .otherSession.right .btnStyle, .mobile .otherSession.right a.show_features, .mobile .otherSession.right .expand {
	-webkit-background: linear-gradient(#00b4ed, #0091ed);
	-o-background: linear-gradient(#00b4ed, #0091ed);
	-moz-background: linear-gradient(#00b4ed, #0091ed);
	background: linear-gradient(#00b4ed, #0091ed);
	/*  IE  */
	background-color: #0091ed\0;
	*background-color: #0091ed;
	_background-color: #0091ed;
}

/*
.mobile .btnStyle.details {
	background: #9d9d9d !important;
}
*/

.desktop .mEle {
	display: none !important;
}
.mobile .dEle {
	display: none !important;
}