@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*
body {min-height: 100%; _height:100%; }
html { min-height: 100%; _height:100%;}
*/

/* ===================== 文字設定 =====================*/


		/*-------------------- 黑色 ----------------*/

	/*-------------------- 黑色 ----------------*/

.unreleased{display: none;visibility: hidden;}
.unreleased{display: none !important;visibility: hidden !important;}


select {
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
border: 1px solid;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
/*border-radius: 5px;*/
-webkit-writing-mode: horizontal-tb;
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}



h1 {
	color:#464b4e;
	font-size:30px;
	font-family: 'Open Sans',arial, sans-serif;
	}

h1.loginbox {
	color:#464b4e;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	padding-top:20px;
	}
h1.actitle {
	color:#464b4e;
	font-size:30px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}

h1.blogtitle {
	color:#464b4e;
	font-size:24px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	padding-bottom:20px;
	}


h2 {
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

h2.ctleft {
	color:#464b4e;
	font-size:24px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	padding-bottom:20px;
	}

h2.upstep4 {
	color:#464b4e;
	font-size:16px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	padding-left:50px;
	}

h2.supctype {										/* 1121  */
	color:#464b4e;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	}

h2.lightboxtitle {
	color:#464b4e;
	font-size:20px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:50px;
	}

h2.lightboxtitle img{
	width: 195px;
}
.createlightboxs .clighttops h2.lightboxtitle{font-family: "Microsoft JhengHei",Arial;}
h2.upstep {
	color: #464b4e;
    font-size: 16px;
    font-family: 'Open Sans',arial, sans-serif;
    line-height: 1.8;
    padding-bottom: 10px;
    max-width: 147px;
    display: block;
    overflow: hidden;
    word-wrap: break-word;
    max-height: 75px;
	}

h2.accpicname {
	color:#464b4e;
	font-size:16px;
	font-family: 'Open Sans',arial, sans-serif;
	padding:10px 0 5px 0;
	max-width: 250px;
	max-height: 30px;
	overflow: hidden;
	}


h2.upsteptitle {
	color:#464b4e;
	font-size:26px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	padding-bottom:10px;
	}

h2.fblack {
	color:#464b4e;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-align:center;
	padding-bottom:20px;
	}

h2.uptitle {
	color:#464b4e;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	padding-bottom:8px;
	}

h5 {
	clear: both;
    font-size: 14px;
    color: #464b4e;
    font-family: 'Open Sans',arial, sans-serif;
    line-height: 1.2;
    font-weight: normal;
}

h5.wordcent {
	display:block;
	width:950px;
	font-size: 15px;
	color: #464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	font-weight:normal;
	padding:20px 0 15px 40px;
	text-align: justify
}

h5.wordcent02 {
	display:block;
	width:930px;
	font-size: 15px;
	color: #464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	font-weight:normal;
	padding:10px 0 15px 55px;
	text-align: justify;
}

ol.copyrightList {
	padding-left: 90px;
	width: 850px;
	margin: 20px 0 45px 0;
	list-style-type: decimal;
}

ol.copyrightList li{
	font-family: 'Open Sans',arial, sans-serif;
	font-size: 15px;
	color: #464b4e;
	line-height: 1.8;
	margin: 5px auto;
}

ul.conectInfo {
	display: block;
	width: 350px;
	float: right;
	margin: 30px 0 ;
}

ul.conectInfo li {
	padding-left: 50px;
	font-size: 15px;
	line-height: 2;
	color: #464b4e;
	font-family: 'Open Sans',arial, sans-serif;
}

ul.conectInfo li a {
	text-decoration: none;
	color: #464b4e;
	font-size: 15px;
}

ul.conectInfo li a:hover {
	color: #05b2d2;
}

p.fddtype {
	color:#464b4e;
	float:right;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	}

p.fdblacktype {
	color:#464b4e;
	float:right;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:1.8;
	}

p.fdttype {
	color:#464b4e;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	}

p.ctype01{
	color:#464b4e;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	padding-left:30px;
	line-height:1.8;
	}

p.ctype02 {
	color:#464b4e;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

p.ccenttype {
	display:block;
	width:480px;
	height:250px;
	color:#464b4e;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	text-align: justify;
	}

p.ccenttype02 {
	display:block;
	width:230px;
	height:50px;
	padding-bottom:15px;
	color:#464b4e;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

p.ccenttype03 {
	display:block;
	width:230px;
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

p.acdtype {
	display:block;
	width:500px;
	padding-top:20px;
	color:#464b4e;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

p.blogdaytype {
	float:right;
	padding:35px 300px 0 0;
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

p.blogdaylist {
	padding-bottom:30px;
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}
p.blacktypeL14 {										/* 1121 */
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

.blacktype20 {
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

.blacktype15 {
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

.blacktype15b {
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}
.blacktype15now {										/* 1121 */
	padding-left:5px;
	color:#464b4e;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	border:1px solid #ececec;

	}
.blacktype13 {
	color:#464b4e;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	margin-bottom: 5px;
	}

	/*-------------------- 白色 ----------------*/

h3 {
	color:#fff;
	font-size:30px;
	font-family: 'Open Sans',arial, sans-serif;
	}

h3.atitle {
	color:#fff;
	font-size:26px;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:30px;
	}

h3.blogfco {
	display:block;
	height:20px;
	line-height:20px;
	color:#fff;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	text-align: center;
	}

h5.fbboxtype {
	font-size: 19px;
	color: #fff;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.2;
	font-weight:normal;
	padding:10px 0 10px 0;
}

h6.plistitle {
	display:block;
	width:110px;
	height:22px;
	background-color:#05b2d2;
	color:#fff;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:22px;
	text-align: center;
	}


h6.plistitle02 {
	display:block;
	width:110px;
	height:22px;
	background-color:#30daac;
	color:#fff;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:22px;
	text-align: center;
	}


p.fbtyc {
	color:#fff;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

p.fbtc {				/*--- 0327 -----*/
	padding-top:20px;
	display:block;
	width:450px;
	height:200px;
	color:#fff;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}


p.spotcamtype {															/* 1122 */
	color:#fff;
	font-size:11px;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	}

p.filmtype {															/* 1122 */
	color:#fff;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:22px;
	}


p.acttype {
	display:block;
	width:500px;
	padding-top:20px;
	color:#fff;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}



	/*-------------------- 藍色 ----------------*/

h1.cblue {
	color:#05b2d2;
	font-size:30px;
	font-family: 'Open Sans',arial, sans-serif;
	padding:20px 0 15px 0;
	line-height:30px;
	}

h1.fblue {
	color:#05b2d2;
	font-size:30px;
	font-family: 'Open Sans',arial, sans-serif;
	padding:20px 0 15px 0;
	text-align:center;
	}

h1.pressblue {
	color:#05b2d2;
	font-size:28px;
	font-family: 'Open Sans',arial, sans-serif;
	padding:285px 0 15px 28px;
	line-height:1.6;
	}

h1.accblue {
	color:#05b2d2;
	font-size:24px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

h2.acdblue {
	padding:15px 0 10px 0;
	color:#05b2d2;
	font-size:28px;
	font-family: 'Open Sans',arial, sans-serif;
	}

h4 {
	font-size:18px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	padding:10px 15px 20px 0;
	font-weight:normal;
	}
h1.mytitleblue {					/* 1122 */
	color:#05b2d2;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

p.ctypeblue{
	color:#05b2d2;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

.bluetype15 {
	color:#05b2d2;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}


	/*-------------------- 灰色 ----------------*/

h1.suptitype {										/* --------  1121  */
	color:#707171;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:80px;
	}

p.pressday {
	display:block;
	width:380px;
	padding:10px 0 20px 10px;
	color:#666;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}

p.suplistype {										/* --------  1121  */
	color:#666;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	padding-left:25px;
	}

p.upmodename {
	color:#666;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}

p.codename {
	display:block;
	float:left;
	width:90px;
	height:45px;
	color:#666;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:45px;
	}
p.forgot {													/* 1125 */
	font-size:15px;
	color:#a9acac;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

p.forgotsign {													/* 1125 */
	font-size:15px;
	color:#a9acac;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	float:right;
	padding-top:76px;
	}

.line {
	border-bottom:1px solid #ececec;
	}

.line_right {
	border-right:1px solid #ececec;
	}
.bluetype15bold {											/* 1125 */
	color:#05b2d2;
	font-size:14px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

/* ===================== BTN =====================*/

.btn-orange{
	font-family:Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:22px;
	color:#f48b38;
	line-height:1;
	display: inline-block;
    padding: 15px 15px 12px 15px;
    margin-top: 20px;
    border: 1px solid #f48b38;
    /*border-bottom: 5px solid #ec5e19;
    -moz-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    color: #fff;
    line-height: 22px;
    */
   /* --強制字母大寫
   text-transform: uppercase;
   */
    /*text-shadow: 1px 1px 1px rgba(0,0,0,.3);*/
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
}

.btn-orange:hover{
    /*border-bottom: 5px solid #f1aa72;*/
	text-decoration:none;
	color:#FFF;
	background:#f48b38;
	}
.btn-orangesB{font-size:15px; margin-top: 0px;}


.btn-oranges{
	cursor:pointer;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:13px;
	color:#f48b38;
	display: inline-block;
    padding: 6px 8px 6px 8px;
    margin-top: 5px;
    border: 1px solid #f48b38;
    /*-moz-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);*/
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
}
.btn-oranges:hover{
	text-decoration:none;
	color:#FFF;
	background:#f48b38;
	}


.btn-blue{
	background-color: #FFF;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:13px;
	color:#05b2d2;
	display: inline-block;
    padding: 6px 8px 6px 8px;
    margin-top: 5px;
    border: 1px solid #05b2d2;
    background-color: #FFF;
    /*
    -moz-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow:
        0 25px 35px 0 rgba(255,255,255,.15) inset,
        0 1px 5px 0 rgba(0,0,0,.2);
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    */
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
}

.btn-blue:hover{
    /*border-bottom: 5px solid #7fd7f3;*/
	text-decoration:none;
	color:#FFF;
	background:#05b2d2;
	text-decoration:none;
	}


.btn-green{															/* 1125 */
	clear:both;
	font-weight:bold;
	font-size:13px;
	display: inline-block;
    padding: 6px 8px 6px 8px;
    margin-top: 5px;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
    border: 1px solid #63c6ae;
    color: #63c6ae;
}

.btn-green:hover{
	text-decoration:none;
	color:#FFF;
    background: #63c6ae;
}
.btn-oranges1 {
	margin-top: 0;
	color: #fff;
	border: 1px solid #fff;
}
.btn-oranges1:hover {
	border: 1px solid #f48b38;
}
.btn-sgreen{															/* 1125 */
	clear:both;
	font-weight:bold;
	width:400px;
	height:25px;
	font-size:15px;
	display: inline-block;
    padding: 6px 8px;
    line-height: 25px;
    margin-top: 5px;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
    border: 1px solid #63c6ae !important;
    background-color: white;
    color: #63c6ae;
    text-align: center;
}

.btn-sgreen:hover{
	text-decoration:none;
	color:#FFF;
    background: #63c6ae;
}
.btn-lrsgreen{															/* 1125 */
	clear:both;
	font-weight:bold;
	width:185px;
	height:25px;
	font-size:15px;
	display: inline-block;
    padding: 6px 8px;
    line-height: 25px;
    margin-top: 5px;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    background-color: white;
	text-decoration:none;
    border: 1px solid #63c6ae !important;
    color: #63c6ae;
    text-align: center;
}
.btn-lrsgreen:hover{
	text-decoration:none;
	color:#FFF;
    background: #63c6ae;
}
.btn-sgreen330{															/* 1125 */
	clear:both;
	font-weight:bold;
	width:316px;
	height:25px;
	font-size:15px;
	display: inline-block;
    padding: 6px 8px;
    line-height: 25px;
    margin-top: 5px;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
	background-color: white;
    border: 1px solid #63c6ae !important;
    color: #63c6ae;
    text-align: center;
}
.btn-sgreen330:hover{
	text-decoration:none;
	color:#FFF;
    background: #63c6ae;
}
.btn-orangesB{font-size:15px; margin-top: 0px;}
/* ===================== link =====================*/

a.black15 {
	font-size: 15px;
	color: #464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}


div.black:hover { }

div.black15login {														/* 1125 */
	font-size: 15px;
	color: #464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration:none;
	}





a.sblue15 {										/*	1121 --------------*/
	font-size: 15px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration:none;
	padding-left:15px;
	padding-top:20px;
	}


a.sblue15:hover {
	text-decoration:underline;
	}

a.blue13 {
	font-size: 13px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration:none;
	}


a.blue13:hover {
	text-decoration:underline;				  /*--------------	1121  */
	}
.formlabel{font-size: 14px;display: block;margin: 4px 0;}
.black15login{font-size: 14px;}
a.blue15 {
	font-size: 14px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration:none;
	}


a.blue15:hover {
	text-decoration:underline;
	}

a.blue20 {
	font-size: 20px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration:none;
	}


a.blue20:hover {
	text-decoration:underline;
	}


a.presscentype {
	display:block;
	width:380px;
	padding:10px 0 0 10px;
	color:#464b4e;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	text-decoration:none;
	}

a.presscentype:hover {
	color:#05b2d2;
	}
a.black13film {											/* 1122 */
	padding:20px 0 20px 0;
	font-size: 13px;
	color: #464b4e;
	font-family: "Microsoft JhengHei",Arial;
	line-height:1.8;
	text-decoration:none;
	}


a.black13film:hover { 									/* 1122 */
	text-decoration:underline;
}

a.black13my {											/* 1122 */
	padding-top:150px;
	font-size: 13px;
	color: #464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration:none;
	}


a.black13my:hover { 									/* 1122 */
	text-decoration:underline;
}

a.black15my {											/* 1122 */
	padding-top:150px;
	font-size: 15px;
	color: #464b4e;
	font-family: "Microsoft JhengHei",Arial;
	font-weight: bold;
	line-height:1.8;
	text-decoration:none;
	}


a.black15my:hover { 									/* 1122 */
	text-decoration:underline;
}


a.spotcamblue15 { 									    /* 1122 */
	font-size: 15px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:40px;
	text-decoration:none;
	}


a.spotcamblue15:hover { 								/* 1122 */
	text-decoration:underline;
	}

.wrap {
    width: 1050px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
/* ===================== head (版型01) =====================*/

#topb {
	width:100%;
	height:80px;
	overflow:visible;
	/*-------- 透明度
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	*/
	border-top:5px solid #05b2d2;
	top:0;
	position:fixed;
	background-color: #fff;
	_position:absolute;
	z-index:999;
    _top:expression(documentElement.scrollTop);
	-moz-box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.4);
	-webkit-box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.4);
	box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.4);
	}

#topb .mbox {
	width:1050px;
	height:80px;
	margin:0 auto;
	position:relative;
	}

	/*-------------------- menu (Left) ----------------*/

#topb .mbox .item.toplogo {
	display:block;
	float:left;
	text-indent:-9999px;
	padding-top:5px;
	border-left:1px solid #eeefef;
	border-right:1px solid #eeefef;
}
#topb .mbox .item.toplogo a{
	width:195px;
	height:75px;
	background-image:url(/images/index/indexlogo.jpg);
	background-size: contain;
	padding-top: 0;
}
#topb .mbox .item > a{
	display: block;
	padding-top: 6px;
	text-decoration: none;
}
#topb .mbox .item.topnav {
	font-family: 'Open Sans',arial, sans-serif;
	font-size: 16px;
	float: left;
	width: 120px;
	height: 80px;
	border-right: 1px solid #eeefef;
	text-align:center;
	line-height:75px;
}
#topb .mbox .item.topnav.active >a, #topb .mbox .item.topnav:hover >a{
  background: #05b2d2;
  color: #fff;
}
#topb .mbox .item.topnav > a{
	color: #afafaf;
}
#topb .mbox .item.topnav > a:hover {
	color:#FFFFFF;
	background-color: #05b2d2;
}
#topb .mbox .item.topnavon {
	font-family: 'Open Sans',arial, sans-serif;
	font-size: 16px;
	float: left;
	width: 120px;
	height: 75px;
	border-right: 1px solid #eeefef;
	text-align:center;
	line-height:75px;
	}

#topb .mbox .item.topnavon > a{
	color: #05b2d2;
}
#topb .mbox .item:hover > .submenu, #topb .mbox .item .subitem:hover > .submenu{
    display: block;
    z-index: 50;
}
.submenu{
	display: none;
    background: #05b2d2;
    color: #fff;
    height: 39px;
    box-shadow: 2px 2px 2px -1px rgba(20%,20%,40%,0.4) inset;
    position: fixed;
    width: 100%;
    z-index: 50;
    left:0;
    top:85px;
    letter-spacing: -8px;
}
.submenu .subitem{
  width: 50%;
  display: inline-block;
  vertical-align: top;
  box-shadow: 0px 2px 2px -1px rgba(20%,20%,40%,0.4) inset;
  font-size: 14px;
}
.submenu a{
	display: block;
	line-height: 39px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	letter-spacing: normal;
	box-shadow: 0px 2px 2px -1px rgba(20%,20%,40%,0.4) inset;
}
.submenu .subitem:hover >a{
  background: #76d9ec;
  color: #fff;
}
.submenu .submenu{
	top:124px;
}
.submenu .submenu a{
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
}
.submenu .submenu a:hover{
  background: #76d9ec;
  color: #fff;
}
.submenu.pageon {
  display: block;
  z-index: 30;
}
.pageon a.active, .pageon a.active:hover{
    background: url(/images/tw/home/submenu_o.png);
    height: 50px;
    background-position: center -2px;
}


	/*-------------------- menu (Right_藍底) ----------------*/

#topb .mbox .rtopbox {
	float:right;
	width:260px;
	height:80px;
	}

#topb .mbox .rtopbox #rtop01 {
	width:240px;
	height:35px;
	background-color:#05b2d2;
	position:relative;
	}

#topb .mbox .rtopbox #rtop01 ul.RT{
	height:35px;
	position:absolute;
	top:7px;
	right:0px;
	margin:0 auto;
	}
#topb .mbox .rtopbox #rtop01 ul.RT li{
	float:left;
	background-image:url(/images/index/line.jpg);
	background-repeat:repeat-y;
	background-position:right top;
	}

#topb .mbox .rtopbox #rtop01 ul.RT li.AA{
	background-image:none;
	}

#topb .mbox .rtopbox #rtop01 ul.RT li a{
	float:left;
	display:block;
	font-size:13px;
	color:#fff;
	font-family: 'Open Sans',arial, sans-serif;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;
	padding:0 10px;
	}

#topb .mbox .rtopbox #rtop01 ul.RT li a:hover{
	font-family: 'Open Sans',arial, sans-serif;
	}

	/*-------------------- menu (Right_商店) ----------------*/

#topb .mbox .rtopbox #rtop02 {            /* ----- 0401 -----*/
	float:left;
	width:260px;
	height:26px;
	margin-top:10px;
	}

#topb .mbox .rtopbox #rtop02 a.storeicon {           /* ----- 0401 -----*/
	display:block;
	width:81px;
	height:26px;
	background-image:url(/images/index/btn_store.png);
	text-indent:-9999px;
	float:left;
	}

#topb .mbox .rtopbox #rtop02 a.storeicon:hover {     /* ----- 0401 -----*/
	background-image:url(/images/index/btn_store_o.png);
}

#topb .mbox .rtopbox #rtop02 a.addicon {     /* ----- 0401 -----*/
	display:block;
	width:136px;
	height:26px;
	background-image:url(/images/index/btn_add.png);
	text-indent:-9999px;
	float:left;
	margin:0 30px 0 5px;
	}

#topb .mbox .rtopbox #rtop02 a.addicon:hover {      /* ----- 0401 -----*/
	background-image:url(/images/index/btn_add_o.png);
}

	/*-------------------- menu (Right_商店) ----------------*/

/*#topb .mbox .rtopbox #rtop02 {
	float:right;
	width:81px;
	height:26px;
	padding:10px 32px 9px 137px;
	}

#topb .mbox .rtopbox #rtop02 a.storeicon {
	display:block;
	width:81px;
	height:26px;
	background-image:url(/images/index/btn_store.png);
	text-indent:-9999px;
	}

#topb .mbox .rtopbox #rtop02 a.storeicon:hover {
	background-image:url(/images/index/btn_store_o.png);
}
*/
	/*-------------------- menu (Right_社群) ----------------*/

#topb .mbox ul.LT{
	position: absolute;
	top: 5px;
	right: 270px;
	}
#topb .mbox ul.LT li{
	background-image:none;
	float:left;
	}
#topb .mbox ul.LT li a{
	display:block;
	width:35px;
	height:30px;
	}
#topb .mbox ul.LT li.icon_bl a{       /* 1203 */
	background-position:0px 0px;
	background-image:url(../images/index/blog.png);
	}
#topb .mbox ul.LT li.icon_fb a{
	background-position:0px 0px;
	background-image:url(../images/index/btn_fb.png);
	}
#topb .mbox ul.LT li.icon_tw a{
	background-position:0px 0px;
	background-image:url(../images/index/btn_tw.png);
	}
#topb .mbox ul.LT li.icon_youtube a{
	background-position:0px 0px;
	background-image:url(../images/index/btn_youtube.png);
	}
#topb .mbox ul.LT li.icon_bl a:hover{      /* 1203 */
	background-position:0px -30px;
	background-image:url(../images/index/blog.png);
	}
#topb .mbox ul.LT li.icon_fb a:hover{
	background-position:-35px -30px;
	background-image:url(../images/index/btn_fb.png);
	}
#topb .mbox ul.LT li.icon_tw a:hover{
	background-position:-70px -30px;
	background-image:url(../images/index/btn_tw.png);
	}
#topb .mbox ul.LT li.icon_youtube a:hover{
	background-position:-105px -30px;
	background-image:url(../images/index/btn_youtube.png);
}


/* ===================== index(首頁)  banner (內容) =====================*/

#bannerbox {
	width:1050px;
	height:800px;
	margin:0 auto;
	position:relative;
	}

#bannerbox #bannertype {
	position:absolute;
	top:250px;
	right:0;
	width: 540px;
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", DFKai-SB, sans-serif;
	font-size:58px;
	color:#fff;
	line-height:1.2;
	}
#bannerbox #bannerimg {    /*---- 0327 -----*/
	position:absolute;
	top:385px;
	right:100px;
	}
/* ===================== index(首頁) cent(內容) =====================*/

#centbig01 {
	width:100%;
	height:530px;
	background-image:url(/images/index/c01bg.jpg);
	background-repeat:repeat-x;
	}

#centbig01 #c01box {
	margin:0 auto;
	width:1050px;
	text-align:center;
	position:relative;
	}

.c01img {
	padding-top:70px;}


	/* --------------------- app_BTN ----------------------*/

#centbig01 #c01box ul {
	position:absolute;
	top:190px;
	right:400px;
	}

#centbig01 #c01box li {
	float:left;
	}

#centbig01 #c01box li a{
	display:block;
	width:132px;
	height:42px;
}

#centbig01 #c01box li.google a{
	background-position:0px 0px;
	background-image:url(/images/index/btn_google.jpg);
}

#centbig01 #c01box li.apple a{
	background-position:-132px 0px;
	background-image:url(/images/index/btn_apple.jpg);
	}

#centbig01 #c01box li.google a:hover{background-position:0px -42px;}
#centbig01 #c01box li.apple a:hover{background-position:-132px -42px}




#centbig02 {
	width:100%;
	height:500px;
	background-color:#ececec;
	}

#centbig02 #c02box {
	padding-top:50px;
	margin:0 auto;
	width:1050px;
	text-align:center;
	}



#centbig03 {
	width:100%;
	height:446px;
	background-color:#fff;
	}

#centbig03 #c03box {
	margin:0 auto;
	width:1050px;
	}

#centbig03 #c03box #c03leftbox {
	padding-top:70px;
	float:left;
	width:450px;
	}

#centbig03 #c03box img {
	float:right;
	}

/* ===================== index(首頁) footer(版型1) =====================*/

#footerbig {
	clear:both;
	width:100%;
	height:245px;
	background-color:#ececec;
	}
#footerbig #flinebox01 {
	margin:0 auto;
	width:1050px;
	height:200px;
	border-bottom:1px solid #a4a4a4;
	}

#footerbig #flinebox01 #fr01 {
	padding-top: 20px;
	width: 400px;
	height:45px;
	margin-left: -25px;
	}

#footerbig #flinebox01 #fr02 {
	float:right;
	width:400px;
	height:25px;
	top: -80px;
	position: relative;
}

#footerbig #flinebox01 #fr01 ul {

}

#footerbig #flinebox01 #fr01 ul li {
	float: left;
	width: 120px;
	padding: 3px 0;
	white-space: nowrap;
	position: relative;
}

#footerbig #flinebox01 #fr01 ul li.fline:after {
	position: absolute;
	width: 1px;
	height: 42px;
	content: '';
	right:0;
	top:-8px;
	background-color: #a4a4a4;
}


#footerbig #flinebox01 #fr01 ul li.firItem{
	width: 110px;
}

#footerbig #flinebox01 #fr01 ul li.secItem{
	padding-left: 10px;
	width: 155px;

}
a.frtop {
	color:#464b4e;
	float:left;
	display:block;
	font-size:12px;
	height:20px;
	line-height:20px;
	padding-left: 30px;
	text-decoration:none;
	}

a.frtop:hover {
	color:#05b2d2;
	}

#footerbig #flinebox01 #fr02 p {
	font-size: 13px;
	margin-bottom: 7px;
	text-align: right;
}

#footerbig #flinebox01 #fr02 table {
	float: right;
}

#footerbig #flinebox01 #ftIcon {
	margin-top: 105px;
}

#footerbig #flinebox01 #ftIcon img {
	height: 50px;
	margin: 3px;
	float: right;
}
#footerbig #flinebox01 .LT{
    background-image: none;
    float: right;
    width: 140px;
}

#footerbig #flinebox01 ul.LT{
	position: absolute;
	top: 70px;
	right: 0px;
	}
#footerbig #flinebox01 ul.LT li{
	background-image:none;
	float:left;
	}
#footerbig #flinebox01 ul.LT li a{
	display:block;
	width:35px;
	height:30px;
	}
#footerbig #flinebox01 ul.LT li.icon_bl a{       /* 1203 */
	background-position:0px 0px;
	background-image:url(../images/index/blog.png);
	}
#footerbig #flinebox01 ul.LT li.icon_fb a{
	background-position:0px 0px;
	background-image:url(../images/index/btn_fb.png);
	}
#footerbig #flinebox01 ul.LT li.icon_tw a{
	background-position:0px 0px;
	background-image:url(../images/index/btn_tw.png);
	}
#footerbig #flinebox01 ul.LT li.icon_youtube a{
	background-position:0px 0px;
	background-image:url(../images/index/btn_youtube.png);
	}
#footerbig #flinebox01 ul.LT li.icon_bl a:hover{      /* 1203 */
	background-position:0px -30px;
	background-image:url(../images/index/blog.png);
	}
#footerbig #flinebox01 ul.LT li.icon_fb a:hover{
	background-position:-35px -30px;
	background-image:url(../images/index/btn_fb.png);
	}
#footerbig #flinebox01 ul.LT li.icon_tw a:hover{
	background-position:-70px -30px;
	background-image:url(../images/index/btn_tw.png);
	}
#footerbig #flinebox01 ul.LT li.icon_youtube a:hover{
	background-position:-105px -30px;
	background-image:url(../images/index/btn_youtube.png);
}





#footerbig #flinebox02 {
	padding:10px 10px 0 0;
	margin:0 auto;
	width:1050px;
	height:30px;
	}


/* ===================== Upgrade footer(版型2) =====================*/

#footerbigup {
	clear: both;
    width: 100%;
    height: 60px;
    background-color: #ececec;

	}

#footerbigup #flinebox02 {
	margin: 0 auto;
    width: 1050px;
    height: 60px;
	}

#footerbigup #flinebox02 #fr02 {
	float:right;
	height:45px;
	}
#footerbigup #flinebox02 a.frtop{
    color: #464b4e;
    float: left;
    display: block;
    font-size: 12px;
    font-family: 'Open Sans',arial, sans-serif;
    border-right: 1px solid #464b4e;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    padding: 0 8px;
    text-decoration: none;
}
#footerbigup #flinebox02 a.frtop02 {
    color: #464b4e;
    float: left;
    display: block;
    font-size: 12px;
    font-family: 'Open Sans',arial, sans-serif;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    padding: 0 10px;
    text-decoration: none;
}

#footerbigup #flinebox02 a.frtop:hover, #footerbigup #flinebox02 a.frtop02:hover{
    color: #05b2d2;
}


/* ===================== Blog head (版型02) =====================*/

#topblog {
	width:100%;
	height:50px;
	background-color:#05b2d2;
	}

#topblog #blogbg {
	clear:both;
	width:1050px;
	margin:0 auto;
	}

#topblog #blogbg img {
	float:left;
	}

#topblog #blogbg #blogrightbox{
	position:relative;
	width:400px;
	height:50px;
	float:right;
	}


	/*-------------------- Blog menu (Right_社群) ----------------*/

#topblog #blogbg #blogrightbox ul.bicon01 {
	position: absolute;
	top: 10px;
	right: 120px;
	}
#topblog #blogbg #blogrightbox ul.bicon01 li {
	background-image:none;
	float:left;
	}
#topblog #blogbg #blogrightbox ul.bicon01 li a{
	display:block;
	width:60px;
	height:30px;
	}
#topblog #blogbg #blogrightbox ul.bicon01 li.home a{
	background-position:0px 0px;
	background-image:url(/images/blog/icon_home.png);
	}
#topblog #blogbg #blogrightbox ul.bicon01 li.blog a{
	background-position:0px 0px;
	background-image:url(/images/blog/icon_blog.png);
	}
#topblog #blogbg #blogrightbox ul.bicon01 li.home a:hover{
	background-position:0px -30px;
	background-image:url(/images/blog/icon_home.png);
	}
#topblog #blogbg #blogrightbox ul.bicon01 li.blog a:hover{
	background-position:-60px -30px;
	background-image:url(/images/blog/icon_blog.png);
	}


#topblog #blogbg #blogrightbox ul.bicon02 {
	position: absolute;
	top: 10px;
	right: 15px;
	}
#topblog #blogbg #blogrightbox ul.bicon02 li {
	background-image:none;
	float:left;
	}
#topblog #blogbg #blogrightbox ul.bicon02 li a{
	display:block;
	width:35px;
	height:30px;
	}
#topblog #blogbg #blogrightbox ul.bicon02 li.fb a{
	background-position:0px 0px;
	background-image:url(/images/blog/bfb_icon.png);
	}
#topblog #blogbg #blogrightbox ul.bicon02 li.tw a{
	background-position:0px 0px;
	background-image:url(/images/blog/btw_icon.png);
	}
#topblog #blogbg #blogrightbox ul.bicon02 li.yu a{
	background-position:0px 0px;
	background-image:url(/images/blog/byoutube_icon.png);
	}
#topblog #blogbg #blogrightbox ul.bicon02 li.fb a:hover{
	background-position:0px -30px;
	background-image:url(/images/blog/bfb_icon.png);
	}
#topblog #blogbg #blogrightbox ul.bicon02 li.tw a:hover{
	background-position:-35px -30px;
	background-image:url(/images/blog/btw_icon.png);
	}
#topblog #blogbg #blogrightbox ul.bicon02 li.yu a:hover{
	background-position:-70px -30px;
	background-image:url(/images/blog/byoutube_icon.png);
	}



/* ===================== Blog cent (版型02) =====================*/

#centblog {
	width:100%;
	}

#centblog #centblogbg {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	}

#centblog #centblogbg #cblogtypebox {
	padding:50px 50px 40px;
	float:left;
	width:950px;
	/*height:280px;*/
	border-bottom:1px solid #ececec;
	}

#centblog #centblogbg #cblogtypebox #blogctbox {
	clear:both;
	margin-top:50px;
	width:950px;
	}

#centblog #centblogbg #cblogtypebox02 {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	padding:50px 50px 20px 50px;
	float:left;
	width:950px;
	height:280px;
	border-bottom:1px solid #ececec;
	}

#centblog #centblogbg #cblogtypebox02 #blogdetbox02 {
	clear:both;
	margin:25px 0 25px 0;
	width:950px;
	}
#centblog #centblogbg #cblogtypebox02 .ctype02{font-family: 'Open Sans',arial, sans-serif;line-height: 1.8em;}
/* ===================== Blog footer (版型02) =====================*/

#footerblog {
	clear:both;
	width:100%;
	height:50px;
	background-color:#05b2d2;
	}

#footerblog #fblogbg {
	width:1050px;
	margin:0 auto;
	padding: 15px 0;
	}


/* ===================== Cloud cent =====================*/

#cloudbox  {
	width:100%;
	}

#cloudbox .ccbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	}

#cloudbox .ccbox.hbox h1{
	padding-top: 40px;
}

#cloudbox .ccbox #cctlb{
	width:500px;
	padding:15px 20px 20px 0;
	float:left;
	}

#cloudbox .ccbox #cctlb img {
	display:block;
	float:left;
	padding-right:20px;
	}

#cloudbox .ccbox #cctlb ul.dolls {
	margin-left:100px;
	}

#cloudbox .ccbox #cctlb ul.dolls li {
	background-image:url(/images/paper/blue_s.png);
	background-repeat:no-repeat;
	background-position:5px 12px;
	padding:5px 0 0 20px;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:20px;
	}

#cloudbox .ccbox #cctrb{
	width:490px;
	padding:15px 0 20px 30px;
	float:left;
	border-left:1px solid #ececec;
	}

#cloudbox .ccbox #cctrb ul.cdays{
	text-align: center;
}
#cloudbox .ccbox #cctrb ul.cdays li span.align{
	display: inline-block;
	text-align: left;
}

#cloudbox .ccbox #cctrb ul.cdays li.threeday {
	float:left;
	display:block;
	width:120px;
	height:75px;
	background-image:url(/images/cloud/3day_icon.png);
	background-position:30px 12px;
	background-repeat:no-repeat;
	padding-top:75px;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}

#cloudbox .ccbox #cctrb ul.cdays li.seveday {
	float:left;
	display:block;
	width:120px;
	height:75px;
	background-image:url(/images/cloud/7day_icon.png);
	background-position:30px 12px;
	background-repeat:no-repeat;
	padding-top:75px;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	margin-left:30px;
	}

#cloudbox .ccbox #cctrb ul.cdays li.thirtyday {
	float:left;
	display:block;
	width:120px;
	height:75px;
	background-image:url(/images/cloud/30day_icon.png);
	background-position:30px 12px;
	background-repeat:no-repeat;
	padding-top:75px;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	margin-left:30px;
	}

#cloudbox .ccbox #cctrb ul.dolls {
	clear:both;
	}

#cloudbox .ccbox #cctrb ul.dolls li {
	background-image:url(/images/paper/blue_s.png);
	background-repeat:no-repeat;
	background-position:5px 12px;
	padding:5px 0 0 15px;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:20px;
	}

#cloudbox .ccbox .cccbox {
	float:left;
	width:240px;
	height:325px;
	padding:10px 20px 0 0;
	}


	/* --------------------- cloud02 ----------------------*/

#cloudbox #cloudbox02  {
	clear:both;
	width:100%;
	height:500px;
	background-image:url(../images/cloud/cloudbg02.jpg);
	background-repeat:repeat-x;
	}

#cloudbox #cloudbox02 #ccbox02 {
	clear:both;
	width:1050px;
	margin:0 auto;
	height:436px;
	background-image:url(../images/cloud/cc02_bg.jpg);
	background-repeat:no-repeat;
	padding-top:100px;
	}

/* ===================== Feature banner =====================*/

#bannerpic  {
	width:100%;
	height:650px;
	background-color:#999;
	}

#bannerpic.FBB {
	width:100%;
	height:650px;
	background-color:#999;

	}

#bannerpic #fbannerbox {
	width:1050px;
	height:380px;
	margin:0 auto;
	position:relative;
	}

#bannerpic #fbannerbox #fbannertype {
	width:500px;
	height:200px;
	padding-top:350px;
	}

#bannerpic #fbannerbox #fbannertypefe {  /*----   0327 -----*/
	width:450px;
	height:200px;
	padding-top:120px;
	float:right;
	}
#bannerpic.FBB #fbannerbox #fbannertypefe{padding-top:430px;float: left;margin-left: 280px;}

#bannerpic #fbannerbox #fbannerimg {  /*----   0327 -----*/
	position:absolute;
	top:250px;
	right:130px;
	}
#bannerpic.FBB #fbannerbox #fbannerimg {top:220px;left: 0;}
#bannerpic2  {
	width:100%;
	height:650px;
	background-color:#999;
	margin-bottom: 5px;
	}

#bannerpic2 #fbannerbox {
	width:1050px;
	height:380px;
	margin:0 auto;
	position:relative;
	}

#bannerpic2 #fbannerbox #fbannertype {
	width:500px;
	height:200px;
	padding-top:350px;
	}
#bannerpic2.BB2 #fbannerbox #fbannertype{padding-top:400px;float:right;width: 444px;}
#bannerpic2 #fbannerbox #fbannertypefe {  /*----   0327 -----*/
	width:450px;
	height:200px;
	padding-top:120px;
	float:right;
	}


#bannerpic2 #fbannerbox #fbannerimg {  /*----   0327 -----*/
	position:absolute;
	top:250px;
	right:130px;
	}

#bannerpic2 #fbannerbox #fbannertype h3{
	/*color:#05b2d2;*/
	color: #333;
	}
#bannerpic2 #fbannerbox #fbannertype p{
	/*color:#05b2d2;*/
	color: #333;
	}
#bannerpic2.BB2 #fbannerbox #fbannertype h3{
	color:#333;
	}
#bannerpic2.BB2 #fbannerbox #fbannertype p{
	color:#333;
	}

/* ===================== Feature cent =====================*/

#fcentbox  {
	width:100%;
	height:792px;
	}

#fcentbox #fcbgbox {
	width:1050px;
	height:792px;
	margin:0 auto;
	background-image:url(../images/feature/f_cent.jpg);
	background-repeat:no-repeat;
	position:relative;
	}

	/* --------------------- feature01 ----------------------*/

#fcentbox #fcbgbox .f01{
	position: absolute;
	left: 190px;
	top: 44px;
	width: 200px;
	}


	/* --------------------- feature02 ----------------------*/

#fcentbox #fcbgbox .f02{
	position: absolute;
	left: 510px;
	top: 44px;
	width: 180px;
	}


	/* --------------------- feature03 ----------------------*/

#fcentbox #fcbgbox .f03{
	position: absolute;
	left: 820px;
	top: 44px;
	width: 200px;
	}


	/* --------------------- feature04 ----------------------*/

#fcentbox #fcbgbox .f04{
	position: absolute;
	left: 292px;
	top: 225px;
	width: 250px;
	}


	/* --------------------- feature05 ----------------------*/

#fcentbox #fcbgbox .f05{
	position: absolute;
	left: 675px;
	top: 225px;
	width: 300px;
	}


	/* --------------------- feature06 ----------------------*/

#fcentbox #fcbgbox .f06{
	position: absolute;
	left: 190px;
	top: 431px;
	width: 250px;
	}



	/* --------------------- feature07 ----------------------*/

#fcentbox #fcbgbox .f07{
	position: absolute;
	left: 510px;
	top: 431px;
	width: 180px;
	}


	/* --------------------- feature08 ----------------------*/

#fcentbox #fcbgbox .f08{
	position: absolute;
	left: 820px;
	top: 431px;
	width: 200px;
	}


	/* --------------------- feature09 ----------------------*/

#fcentbox #fcbgbox .f09{
	position: absolute;
	left: 292px;
	top: 645px;
	width: 300px;
	}


	/* --------------------- feature10 ----------------------*/

#fcentbox #fcbgbox .f10{
	position: absolute;
	left: 675px;
	top: 645px;
	width: 300px;
	}

/* ===================== Feature cent(藍色) =====================*/

#fdbbox {
	width:100%;
	height:487px;
	background-image:url(../images/feature/fdblue_bg.jpg);
	background-repeat:repeat-x;
	background-color:#05b2d2;
	}

#fdbbox #bbox01 {
	width:1000px;
	height:87px;
	margin:0 auto;
	}
#fdbbox #bbox01 .produtab{list-style: none;display:block;float: right;width: 100%;}
#fdbbox #bbox01 .produtab li{float: left;margin-left: 5px;display: block;}
#fdbbox #bbox01 .produtab li a{display: block;width: 182px;height: 52px;}
#fdbbox #bbox01 .produtab li a.produtab1{background: url(../images/feature/fd_btn1.jpg) 0 0 no-repeat;}
#fdbbox #bbox01 .produtab li a.produtab2{background: url(../images/feature/fd_btn2.jpg) 0 0 no-repeat;}
#fdbbox #bbox01 .produtab li a:hover,#fdbbox #bbox01 .produtab li a.active{background-position: 0 -52px;}
#fdbbox #bbox02 {
	width:1050px;
	height:400px;
	margin:0 auto;
	}

#fdbbox #bbox02 #cbox {
	display:block;
	float:left;
	width:340px;
	height:390px;
	margin:10px 0 0 30px;
	}

#fdbbox #bbox02 #cbox02 {
	display:block;
	float:left;
	width:350px;
	height:250px;
	margin:10px 0 0 30px;
	}

#fdbbox #bbox02 #cbox03 {
	display:block;
	float:left;
	width:250px;
	height:250px;
	margin:10px 0 0 40px;
	}

#fdbbox #bbox02 #cbox02 ul {
	margin-left:10px;
	list-style-image:url(/images/feature/line_w.jpg);
	}
#fdbbox #bbox02 #cbox02 li {
	font-size:14px;
	width:330px;
	color:#fff;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.2;
	padding-bottom:10px;
	}


/* ===================== Feature cent(最下方) =====================*/

#fdwbox {
	width:100%;
	height: 450px;
	}

#fdwbox #dwbox {
	width:1050px;
	height: 450px;
	margin:0 auto;
	background-image:url(/images/feature/box_img.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	}

#fdwbox #dwbox #dwb01 {
	float:left;
	width:420px;
	height:220px;
	padding:30px 50px 0 30px;
	margin-top:30px;
	}

#fdwbox #dwbox #dwb02 {
	float:left;
	width:455px;
	height:220px;
	padding:30px 15px 0 30px;
	border-left:1px solid #ececec;
	margin-top:30px;
	}

#fdwbox #dwbox #dwb02 .fblack{
	padding-left: 10px;
	padding-right: 10px;
}
#fdwbox #dwbox #dwb03 {
	width:180px;
	clear:both;
	margin-left:420px;
	padding-top:40px;
	padding-bottom: 30px;
	}


/* ===================== About menu =====================*/

#amenu {
	width:100%;
	height:125px;
	background-color:#cfcdcd;
	}

#amenu #amenubg {
	width:1050px;
	height:125px;
	margin:0 auto;
	}

#amenu #amenubg #ambox01 {
	padding-top:90px;
	float:left;
	width:405px;
	height:35px;
	background-color:#05b2d2;
	}

#amenu #amenubg #ambox02 {
	padding-top:90px;
	padding-right:20px;
	float:right;
	width:625px;
	height:35px;
	}

#amenu #amenubg #ambox02 ul.RT{

	}
#amenu #amenubg #ambox02 ul.RT li{
	float:right;
	}
#amenu #amenubg #ambox02 ul.RT li.AA{
	background-image:none;
	}
#amenu #amenubg #ambox02 ul.RT li a{
	display:block;
	padding:0 10px;
	font-size:13px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	letter-spacing:1px;
	text-decoration:none;
	line-height:35px;
	}
#amenu #amenubg #ambox02 ul.RT li a:hover{
	color:#05b2d2;
	}



/* ===================== About cent =====================*/
#acbox {
	width:100%;
	}

#acbox #about_c {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	-webkit-box-shadow:0px 2px 3px rgba(200, 200, 200, 0.5);
	-moz-box-shadow:0px 2px 3px rgba(200, 200, 200, 0.5);
	box-shadow:0px 2px 3px rgba(200, 200, 200, 0.5);
	}

	/* --------------------- about cent(左邊照片) ----------------------*/

#acbox #about_c #box_L{
	float:left;
	width:325px;
	height:180px;
	background-image:url(/images/paper/about_img.jpg);
	background-repeat:no-repeat;
	padding:280px 80px 0 0;
	}


	/* --------------------- about cent(右邊上方) ----------------------*/

#acbox #about_c #box_R {
	width:645px;
	float:right;
	margin-left: -1px;
}

#acbox #about_c #box_R .top{
	display:block;
	width:600px;
	height:237px;
	background-color:#30daac;
	padding:30px 0 0 45px;
	}


	/* --------------------- about cent(右邊下方) ----------------------*/

#acbox #about_c #box_R .down{
	display:block;
	width:645px;
	padding:0 0 45px 45px;
	}



/* ===================== Contact + privacy policy + Terms + press cent =====================*/

#contactbox {
	width:100%;
	margin-top: 30px;
	margin-bottom: 30px;
	}

#contactbox #contact_c {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	-webkit-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	-moz-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);

	}

	/* --------------------- contactt cent(下方) ----------------------*/

#contactbox #contact_c img {
	float:left;
	}


		/* 左邊 */
#contactbox #contact_c .cl{
	float:left;
	clear:both;
	width: 290px;
	height: auto;
	padding:30px 30px 15px 40px;
	}

#contactbox #contact_c .cl img{
	float:left;
	padding-top:4px;
	}


 		/* 中間 */
#contactbox #contact_c .cc{
	float:left;
	height:100px;
	width: 320px;
	padding:30px 0 15px 30px;
	}

#contactbox #contact_c .cc a {
	color:#05b2d2;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	padding-right:5px;
	text-decoration:none;
	}

#contactbox #contact_c .cc a:hover {
	text-decoration:underline;
	}

		/* 右邊 */
#contactbox #contact_c .cr{
	float:left;
	height:100px;
	width: 290px;
	padding:30px 0 15px 40px;
	}

#contactbox #contact_c .cr a {
	color:#05b2d2;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	padding-right:5px;
	text-decoration:none;
	}

#contactbox #contact_c .cr a:hover {
	text-decoration:underline;
	}

	/* --------------------- privacy policy cent ----------------------*/

#contactbox #contact_c ul.dollbig {
	margin-left:15px;
	}

#contactbox #contact_c ul.dollbig li {
	background-image:url(/images/paper/blue_b.png);
	background-repeat:no-repeat;
	background-position:5px 18px;
	padding:15px 0 0 25px;
	font-size:15px;
	width: 950px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	}

#contactbox #contact_c ul.dolls {
	margin-left:35px;
	}

#contactbox #contact_c ul.dolls li {
	background-image:url(/images/paper/blue_s.png);
	background-repeat:no-repeat;
	background-position:5px 7px;
	padding-left:20px;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:20px;
	}


	/* --------------------- Press cent ----------------------*/

#contactbox #pressbox {
	padding:20px 20px 20px 20px;
	font-family:"Microsoft JhengHei";
	font-size: 14px;
	}

#contactbox #pressbox::after {
	clear: both;
	display: block;
	content: '';
	height: 0;
	}
#contactbox #pressbox #plbox {
	float:left;
	width:180px;
	display:table;
	min-height: 100%;
	height:100%;
	padding-right:30px;
	}

#contactbox #pressbox #plbox02 {
	float:left;
	width:170px;
	display:table;
	min-height: 100%;
	height:100%;
	padding-left:10px;
	}

#contactbox #pressbox #plbox ul{
	width:180px;
	}

#contactbox #pressbox #plbox li{
	float:left;
	}

#contactbox #pressbox #plbox li.blue{
	font-size:15px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration: none;
	padding-left:140px;
	}

#contactbox #pressbox #plbox li a{
	font-size:15px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration: none;
	padding-left:140px;
	}

#contactbox #pressbox #plbox li a:hover{
	color:#05b2d2;
	}

#contactbox #pressbox #prbox {
	float:left;
	width:800px;
	display:table;
	min-height: 100%;
	height:100%;
	}

#contactbox #pressbox #prbox .prccb {
	width:400px;
	float:left;
	}


	/* --------------------- Press cent changepage ----------------------*/
#contactbox #pressbox #prbox .page {
	position:relative;
	clear:both;
	height:80px;
	text-align: right;
	width: 100%;
	}

#contactbox #pressbox #prbox .page ul {
	position: relative;
	margin: 25px auto;
	display: inline-block;
	}

#contactbox #pressbox #prbox .page li {
	float: left;
	text-align: center;
	line-height:30px;
	}
#contactbox #pressbox #prbox .page li:last-child a{border-right: 1px solid #05b2d2;}
#contactbox #pressbox #prbox .page li a{
	display: block;
	color: #444;
	font-size: 14px;
	font-family: 'Open Sans',arial, sans-serif;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border: 1px solid #05b2d2;
	border-right: 0;
}

#contactbox #pressbox #prbox .page li.blue a{
	font-family: 'Open Sans',arial, sans-serif;
	display: block;
	background-color: #05b2d2;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	}



#contactbox #pressbox #prbox .page li.left a{font-family: cursive;color: #05b2d2;font-size: 16px;}
#contactbox #pressbox #prbox .page li.right a{font-family: cursive;color: #05b2d2;font-size: 16px;}
#contactbox #pressbox #prbox .page li a:hover{background-color:#05b2d2;color: #FFF;}


/* ===================== Upgrade cent =====================*/


#upgradebox {
	width:100%;
	padding-top: 115px;
	}

#upgradebox #upcentbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	-webkit-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	-moz-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	}

	/* --------------------- Checkbox ----------------------*/

input[type="checkbox"] {
    /*display:none;*/
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px 0 0;
    vertical-align:middle;
    background:url(/images/upgrade/chb.jpg) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(/images/upgrade/chb.jpg) -20px top no-repeat;
}

	/* --------------------- Upgrade Step01 ----------------------*/

#upgradebox #upcentbox #step01 {
	width:990px;
	height:95px;
	background-image:url(/images/upgrade/step01.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0 auto;
	padding-top:20px;
	position:relative;
	}

#upgradebox #upcentbox #step01 #steptitle {
	position: absolute;
	left: 135px;
	top: 45px;
	}


	/* --------------------- Upgrade Step02 ----------------------*/

#upgradebox #upcentbox #step02 {
	width:990px;
	height:95px;
	background-image:url(/images/upgrade/step02.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0 auto;
	padding-top:20px;
	position:relative;
	}

#upgradebox #upcentbox #step02 #steptitle {
	position: absolute;
	left: 240px;
	top: 45px;
	}


	/* --------------------- Upgrade Step03 ----------------------*/

#upgradebox #upcentbox #step03 {
	width:990px;
	height:95px;
	background-image:url(/images/upgrade/step03.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0 auto;
	padding-top:20px;
	position:relative;
	}

#upgradebox #upcentbox #step03 #steptitle {
	position: absolute;
	left: 350px;
	top: 45px;
	}


	/* --------------------- Upgrade Step04 ----------------------*/

#upgradebox #upcentbox #step04 {
	width:990px;
	height:95px;
	background-image:url(/images/upgrade/step04.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0 auto;
	padding-top:20px;
	position:relative;
	}

#upgradebox #upcentbox #step04 #steptitle {
	position: absolute;
	left: 460px;
	top: 45px;
	}

#mas .UCBbox .UCBR{
	width:180px;
	height:150px;
	float:left;
	text-align:center;
	}

#upgradebox #upcentbox ul {
	padding-left:22px;
	clear:both;
	list-style-image:url(/images/upgrade/up_line_grey.jpg);
}

#upgradebox #upcentbox li {
	padding-top:10px;
	font-size: 12px;
	color: #464b4e;
	/**font-family: 'Open Sans',arial, sans-serif;**/
	line-height:1.4;
	}


#upgradebox #upcentbox .stepboxcent {
	clear:both;
	width:850px;
	margin:0 auto;
	padding:0 70px 0 70px;
	}
#upgradebox #upcentbox .stepboxcent img{							/*  1121  */
	float:left;
	}


	/* --------------------- Upgrade mas ----------------------*/

#mas {
	width: 100%;
	height: auto;
	}

#mas .UCBbox {
	width:850px;
	display:block;
	padding:10px 0 10px 0;
	border-bottom:1px solid #ececec;
	}

	/*=========================================*/

#mas .UCBbox .UCBL{
	width:260px;
	height:150px;
	float:left;
	}

#mas .UCBbox .UCBL img {
	float:left;
	}

	/*=========================================*/

#mas .UCBbox .UCBC{
	width:410px;
	float:left;
	position: relative;
	}

#mas .UCBbox .UCBC .UCBC02 {
	width:300px;
	height:50px;
	float:left;
	position: relative;
	}

#mas .UCBbox .UCBC ul {
	padding-left:15px;
	margin-bottom:6px;
	clear:both;
	list-style-image:url(/images/upgrade/up_line.jpg);
}

#mas .UCBbox .UCBC ul.upstep {
	padding-left:12px !important;
	margin-bottom:6px !important;
	clear:both !important;
	list-style-image:url(../../images/upgrade/up_line.jpg) !important;
}

#mas .UCBbox .UCBC li {
	padding-top:5px;
	font-size: 15px;
	color: #444;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}


/* ===================== Account cent =====================*/


#accountbox {
	width:100%;
	}

#accountbox #accentbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	-webkit-box-shadow:0px 5px 15px rgba(200, 200, 200, 0.5);
	-moz-box-shadow:0px 5px 15px rgba(200, 200, 200, 0.5);
	box-shadow:0px 5px 15px rgba(200, 200, 200, 0.5);
	padding-top:80px;
	}
#accountbox #accentbox #box_L {
	display:block;
	width: 530px;
	float: left;
	margin:45px 0 45px 50px;
	border-right:1px solid #ececec;
	}

#accountbox #accentbox #box_L #box_c {
	display: block;
	width: 510px;
	float: left;
	border-bottom:1px solid #ececec;
	}

#accountbox #accentbox #box_L #box_c .table {
	clear:both;
	width:500px;
	}

#accountbox #accentbox #box_L #box_n {
	display: block;
	width: 500px;
	float: left;
	}

#accountbox #accentbox #box_L #box_n .table {
	clear:both;
	width:500px;
	}



/* --------------------- box_R --------------------*/

#accountbox #accentbox #box_R {
	display:block;
	width:405px;
	float:right;
	margin:45px 43px 45px 0;
	}

#accountbox #accentbox #box_R #box_c {
	display: block;
	width: 360px;
	float: left;
	border-bottom:1px solid #ececec;
	margin-bottom:15px;
	padding-left:40px;
	}

#accountbox #accentbox #box_R #box_c2 {
	display: block;
	width: 300px;
	line-height:20px;
	padding-left:50px;
	float:left;
	text-align:center;
	margin-top:15px;
	font-size:14px;
	color:#444;
	font-family:amblebold;
	font-weight:400;
	}

#accountbox #accentbox #box_R #box_c .imgdiv{
	margin-right:10px;
	float: left;
	margin-top: 15px;
	width: 130px;
	height: 160px;
	}
#accountbox #accentbox #box_R #box_c ul {}

#accountbox #accentbox #box_R #box_c ul li {
	background-image:none;
	float:left;
	color:#464b4e;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	display:block;
	width:180px;
	height:45px;
	line-height:45px;

	}
#accountbox #accentbox #box_R #box_c ul li.one {
	background-repeat:no-repeat;
	background-image:url(/images/account/icon_one.png);
	background-position:right top;
	}

#accountbox #accentbox #box_R #box_c ul li.live {
	background-repeat:no-repeat;
	background-image:url(/images/account/icon_live.png);
	background-position:right top;
	}
#accountbox #accentbox #box_R #box_c ul li.dayth {
	background-repeat:no-repeat;
	background-image:url(/images/account/icon_3.png);
	background-position:right top;
	}
#accountbox #accentbox #box_R #box_c ul li.dayen {
	background-repeat:no-repeat;
	background-image:url(/images/account/icon_7.png);
	background-position:right top;
	}
#accountbox #accentbox #box_R #box_c ul li.daytht {
	background-repeat:no-repeat;
	background-image:url(/images/account/icon_30.png);
	background-position:right top;
	}
#accountbox #accentbox #box_R #box_c ul li.daysd {
	background-repeat:no-repeat;
	background-image:url(/images/account/tag.png);
	background-position:right center;
	width: 193px;
	}
#accountbox #accentbox #box_R #box_c ul li.day180 {
	background-repeat:no-repeat;
	background-image:url(/images/account/tag.png);
	background-position:right center;
	width: 193px;

	}
#accountbox #accentbox #box_R #box_c ul li.day365 {
	background-repeat:no-repeat;
	background-image:url(/images/account/tag.png);
	background-position:right center;
	width: 193px;
	}
#accountbox #accentbox #box_R #box_c ul li span {
	color: #fff;
	display: inline-block;
    margin-left: 34px;
    width: 63px;
    text-align: center;
    font-size: 13px;
}
#accountbox #accentbox #box_R #box_c ul li:nth-child(2) span {
    margin-left: 54px;

}

/* ===================== Checkbox =====================*/

	/* --------------------- Upgrade ----------------------*/

input[type="checkbox"] {
    /*display:none;*/
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px 0 0;
    vertical-align:middle;
    background:url(/images/upgrade/chb.jpg) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(/images/upgrade/chb.jpg) -20px top no-repeat;
}


	/* --------------------- Account ----------------------*/

input[type="checkbox01"] {
    display:none;
}
input[type="checkbox01"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:10px 0 10px 8px;
    vertical-align:middle;
    background:url(/images/account/ok.jpg) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox01"]:checked + label span {
    background:url(/images/account/ok.jpg) -20px top no-repeat;
}

/* ===================== Support banner =====================*/      /*  1121 以下都是新增  */



#supportype {
	width:100%;
	height:305px;
	background-color:#ececec;
	}

#supportype #suppbg {
	width:1050px;
	height:215px;
	margin:0 auto;
	}

#supportype #suppbg #suppbox01 {
	padding-top:150px;
	float:left;
	width:405px;
	height:155px;
	background-color:#05b2d2;
	}

#supportype #suppbg #suppbox02 {
	padding-top:85px;
	float:right;
	width:645px;
	height:220px;
	}


/* ===================== Support cent =====================*/

#supportbox {
	width:100%;
	}

#supportbox #supportcenttbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	-webkit-box-shadow:0px 5px 15px rgba(200, 200, 200, 0.5);
	-moz-box-shadow:0px 5px 15px rgba(200, 200, 200, 0.5);
	box-shadow:0px 5px 15px rgba(200, 200, 200, 0.5);
	}

#supportbox #supportcenttbox #suptitlebox {
	clear:both;
	width:1050px;
	height:80px;
	background-image:url(/images/support/suptitlebg.jpg);
	background-repeat:no-repeat;
	}

#supportbox #supportcenttbox #supcenbox {
	float:left;
	width:280px;
	padding:0 35px 30px 35px;
	}

#supportbox #supportcenttbox #supcenbox #supccbox {
	float:left;
	width:280px;
	margin::0 35px 0 35px;
	}

#supportbox #supportcenttbox #supcenbox #supccbox ul.support01 {
	list-style-image:url(/images/upgrade/up_line.jpg);
	padding:15px 20px 30px 15px;
	float:left;
}

#supportbox #supportcenttbox #supcenbox #supccbox ul.support01 li.su {

	}

#supportbox #supportcenttbox #supcenbox #supccbox ul.support01 li.su a{
	font-size: 14px;
	color: #464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	text-decoration:none;
	}

#supportbox #supportcenttbox #supcenbox #supccbox ul.support01 li.su a:hover{
	color: #05b2d2;
	}

#supportbox #supportcenttbox #supcendown {
	clear:both;
	width:980px;
	height:60px;
	padding:0 35px 35px 35px;
	position:relative;
	}


#supportbox #supportcenttbox #supcendown #supccdl {
	float:left;
	width:295px;
	height:47px;
	background-color:#05b2d2;
	padding:13px 0 0 35px;
	}

#supportbox #supportcenttbox #supcendown #supccdr {
	float:left;
	width:635px;
	height:60px;
	background-color:#c6c5c5;
	padding:0 0 0 15px;
	}
#supportbox #supportcenttbox #supcendown #supccdr #btn_r {
	position: absolute;
	display: block;
	width: 38px;
	height: 37px;
	left: 895px;
	top: 11px;
	}
#supportbox #supportcenttbox #supcendown #supccdr #btn_r  a.SDR {
	display:block;
	width:38px;
	height:37px;
	background-image:url(/images/support/btn_s.jpg);
	background-repeat:no-repeat;
	}

.SBRT {
	margin:10px 0 0px 30px;
	padding-left:10px;
	font-size:14px;
	width:480px;
	color:#787878;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:25px;
	font-weight:400;
	height:36px;
	border: 1px solid #c6c5c5;
	}

#supportbox #supportcenttbox  #suplist {
	clear:both;
	width:980px;
	height:60px;
	padding:0 35px 35px 35px;
	}

#supportbox #supportcenttbox  #suplist #listbox {
	width:980px;
	height:40px;
	border-bottom:1px solid #ececec;
	}

#supportbox #supportcenttbox  #suplist  ul.listdoll {
	padding:20px 0 20px 110px;
	float:left;}
#supportbox #supportcenttbox  #suplist  ul.listdoll li{

	}
#supportbox #supportcenttbox  #suplist ul.listdoll li a{
	background-image:url(/images/paper/blue_s.png);
	background-repeat:no-repeat;
	background-position:5px 12px;
	padding:5px 0 0 20px;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:2;
	text-decoration:none;
	}
#supportbox #supportcenttbox  #suplist ul.listdoll li a:hover{
	text-decoration:underline;
	}


#supportbox #supportcenttbox  #suplist #supportboxL {
	display:block;
	width:250px;
	float:left;
	margin:15px 25px 15px 25px;
	background-image:url(/images/support/srbt.jpg);
	background-repeat:no-repeat;
	height:70px;
	}

#supportbox #supportcenttbox  #suplist #supportboxL .sctype01 {
	display:block;
	width:50px;
	float:left;
	margin:12px 0 0 22px;
	}

#supportbox #supportcenttbox  #suplist #supportboxL .sctype01 h6 {
	font-size:18px;
	color:#fff;
	text-align:center;
	font-family: 'Open Sans',arial, sans-serif;
	}


#supportbox #supportcenttbox  #suplist #supportboxL .sctype02 {
	display:block;
	width:120px;
	float:left;
	margin:4px 20px 0 15px;
	}

#supportbox #supportcenttbox  #suplist #supportboxL .sctype02 h7{
	font-size:14px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	}

#supportbox #supportcenttbox  #suplist #supportboxL .sctype02 h8{
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	}
#supportbox #supportcenttbox  #suplist #supportboxL .sctype02 h8 a{
	font-size: 14px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	text-decoration: none;
	}


#supportbox #supportcenttbox  #suplist #supportboxR {
	width:680px;
	float:left;
	margin:15px 0 15px 0;
	}

#supportbox #supportcenttbox  #suplist #supportboxD {
	clear:both;
	width:960px;
	}

#supportbox #supportcenttbox  #suplist #supportboxConent {
    font-family: 'Open Sans',arial, sans-serif;
    line-height: 1.8em;
    clear: both;
}
#supportbox #supportcenttbox  #suplist #supportboxConent p,
#supportbox #supportcenttbox  #suplist #supportboxConent div {
    margin-bottom: 0.5em;
}

p.suleft {
	float:right;
	margin-top:30px;
	margin-bottom:30px;
	}


/* ===================== nowonair cent =====================*/    /* 1121以下都是更新 */

#nowonairbg {
	width:100%;
	margin-top: 115px;

	}

#nowonairbg #nowcenttbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	-webkit-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	-moz-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	}

p.newg {										/*------------ 0409 ---------*/
	font-family: 'Open Sans',arial, sans-serif;
	font-size: 15px;
	color: #a5a4a4;
	}

#nowonairbg #nowcenttbox #nowctop {  			/*------------ 0409 ---------*/
	width:100%;
	padding:0 0 10px 0;
	}


#nowonairbg #nowcenttbox #nowcdown {
	clear:both;
	width:780px;
	margin: 0 auto;
	margin-bottom: 35px;
	}

#nowonairbg #nowcenttbox #nowcdown #ccbox02 {
	display:table;
	min-height: 100%;
	height:100%;

	width:768px;
	padding:0;
	margin: 0 auto;
	}

#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox {
	clear:both;
	display:block;
	width:768px;
	margin: 0 auto;
	}


#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box {
	display:block;
	width:180px;
	float:left;
	background-color:#fff;
	height:200px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:0px 0px 5px rgba(20%,20%,20%,0.4);
	margin:0 12px 12px 0;
	}


#nowonairbg #nowcenttbox #nowcdown  #ccbox02 .cbox .box .imgbox{position: relative;display: block;}
#nowonairbg #nowcenttbox #nowcdown  #ccbox02 .cbox .box .imgbox img.snapshop{margin-bottom:10px;float:left;}
#nowonairbg #nowcenttbox #nowcdown  #ccbox02 .cbox .box .imgbox .imgplay{position: absolute;top: 32px;left: 38%;height:45px;width:45px;display: block;background: url(../images/plays.png) 0 0 no-repeat;overflow: hidden;}
#nowonairbg #nowcenttbox #nowcdown  #ccbox02 .cbox .box .imgbox:hover .imgplay{background: url(../images/plays.png) 0 -45px no-repeat;}


#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box h1 a{
	display:block;
	width:165px;
	font-size:13px;
	color:#444;
	font-family: "Microsoft JhengHei",Arial;
	font-weight: bold;
	margin:0px 10px 5px 10px;
	line-height:1.2;
	text-decoration: none;
	}
#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box h1 a:hover{
	color:#05b2d2;
	}

#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box h2 a{
	display:block;
	width:165px;
	font-size:13px;
	color:#676666;
	font-family: 'Open Sans',arial, sans-serif;
	margin:0px 10px 5px 10px;
	line-height:1.4;
	font-weight:normal;
	text-decoration: none;
}
#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box h2 a:hover{
	color:#05b2d2;
	}


#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box02 {
	width:370px;
	float:left;
	background-color:#fff;
	height:200px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:0px 0px 5px rgba(20%,20%,20%,0.4);
	margin:0 12px 12px 0;
	}


#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box02 h1 {
	font-size:24px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	margin:10px 10px 10px 15px;
	font-weight:700;
	line-height:1.2;
	}

#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box02 ul {
	margin-left:28px;
	list-style-image:url(../images/upgrade/up_line_grey.jpg);
	}

#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box02 li a{
	font-size: 13px;
	color: #444;
	font-family: 'Open Sans',arial, sans-serif;
	text-decoration: none;
	}

#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box02 li a:hover{color:#05b2d2;}
#nowonairbg #nowcenttbox #nowcdown #ccbox02 .cbox .box02 .bottom-block{
	padding: 5px 16px 0;
	margin-top: 5px;
}


/* ===================== player head (版型02) =====================*/

#playtopb {
	width:100%;
	height:61px;
	/*-------- 透明度
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	*/
	border-bottom:5px solid #05b2d2;
	background-color: #fff;
	-moz-box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.4);
	-webkit-box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.4);
	box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.4);
	}

#playtopb #pbox {
	width:1050px;
	height:65px;
	margin:0 auto;
	position:relative;
	}


#playtopb #pbox a.ptoplogo {
	display:block;
	float:left;
	text-indent:-9999px;
	width:165px;
	height:65px;
	background-image:url(../images/player/player_logo.jpg);

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	}

#playtopb #pbox a.ptnav {
	font-size:15px;
	color:#fff;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:35px;
	float:left;
	width:125px;
	height:35px;
	margin-top:26px;
	background-color:#05b2d2;
	text-decoration:none;
	border-left:1px solid #fff;
	}

#playtopb #pbox a.ptnavn {
	font-size:15px;
	color:#707171;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:35px;
	float:left;
	width:125px;
	height:35px;
	margin-top:26px;
	background-color:#ececec;
	text-decoration:none;
	border-left:1px solid #fff;
	}

#playtopb #pbox a.ptnavn:hover {
	font-size:15px;
	color:#fff;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:35px;
	float:left;
	width:125px;
	height:35px;
	margin-top:26px;
	background-color:#05b2d2;
	text-decoration:none;
	border-left:1px solid #fff;
	}
#playtopb #pbox a.ptnavnl {
	font-size:15px;
	color:#707171;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:35px;
	float:left;
	width:125px;
	height:35px;
	margin-top:26px;
	background-color:#ececec;
	text-decoration:none;
	//border-left:1px solid #a4a4a4;

	}

#playtopb #pbox a.ptnavnl:hover {
	font-size:15px;
	color:#fff;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:35px;
	float:left;
	width:125px;
	height:35px;
	margin-top:26px;
	background-color:#05b2d2;
	text-decoration:none;
	//border-left:1px solid #d0e9ed;
	border-right:1px solid #d0e9ed;
	}
#playtopb #pbox a.ptnav.ifttt_applets{
	font-size: 0;
	background-image: url(../images/IFTTT_Logo_w.png);
	background-color: #ececec;
	border-left:1px solid #a4a4a4;
}
#playtopb #pbox a.ptnavn.ifttt_applets{
	font-size: 0;
	background-image: url(../images/IFTTT_Logo.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#playtopb #pbox a.ptnavn.ifttt_applets:hover{
	background-image: url(../images/IFTTT_Logo_w.png);
	background-color: #ececec;
	border-left:1px solid #a4a4a4;
}
	/*-------------------- player menu (Right_藍底) ----------------*/

#playtopb #pbox .prtopbox {
	float:right;
	width:260px;
	height:61px;
	padding:
	}

#topb .mbox .rtopbox #rtop01 {
	width:260px;
	height:12px;
	background-color:#05b2d2;
	padding:8px 0 15px 0;
	text-align:center;
	}

/*#playtopb #pbox .prtopbox #ptop01  ul.pRT{
	position: absolute;
	height: 35px;
	left: 23px;
	top: 11px;
	}
#playtopb #pbox .prtopbox #ptop01  ul.pRT li{
	float:left;
	background-image:url(../images/index/line.jpg);
	background-repeat:repeat-y;
	background-position:right top;
	}

#playtopb #pbox .prtopbox #ptop01  ul.pRT li.pAA{
	background-image:none;
	}

#playtopb #pbox .prtopbox #ptop01 ul.pRT li a{
	float:left;
	display:block;
	font-size:13px;
	color:#fff;
	font-family: 'Open Sans',arial, sans-serif;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;
	padding:0 10px;
	}

#playtopb #pbox .prtopbox #ptop01 ul.pRT li a:hover{
	font-family: 'Open Sans',arial, sans-serif;
	}*/
#playtopb #pbox .prtopbox #ptop01 {
	margin-top:26px;
	width:260px;
	height:10px;
	background-color:#05b2d2;
	padding:10px 0 15px 0;
	text-align:center;
	}

	/*-------------------- player cent ----------------*/


#nowonairbg #nowcenttbox #tooltop {
	width:990px;
	padding:90px 30px 15px 30px;
	}

#nowonairbg #nowcenttbox #tooltop #vcbox {
	width:990px;
	height:38px;
	padding:12px 0 8px 0;
	float:right;
	}

#nowonairbg #nowcenttbox #tooltop #vcbox ul {
	float:right;
	height:35px;
	width: auto;
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li {
	float:left;
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li a {
	display:block;
	width:55px;
	height:35px;
	font-size: 0;
}

#nowonairbg #nowcenttbox #tooltop #vcbox li.icon01 a{
	background-position:0px -2px;
	background-image:url(../images/player/icon01.png);
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li.icon02 a{
	background-position:-55px -2px;
	background-image:url(../images/player/icon02.png);
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li.icon03 a{
	background-position:-110px -2px;
	background-image:url(../images/player/icon03.png);
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li.icon04 a{
	background-position:-165px -2px;
	background-image:url(../images/player/icon04.png);
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li.icon05 a{
	background-position:-220px -2px;
	background-image:url(../images/player/icon05.png);
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li.icon06 a{
	background-position:-220px -1px;
	background-image:url(../images/player/icon06.png);
	}
#nowonairbg #nowcenttbox #tooltop #vcbox li.icon07 a{
	background-position:-220px -2px;
	background-image:url(../images/player/icon07.png);
	}
#nowonairbg #nowcenttbox #tooltop #vcbox li.icon08 a{
	background-position:-220px -2px;
	background-image:url(../images/player/icon08.png);
	}

/*#nowonairbg #nowcenttbox #tooltop #vcbox li.icon01 a:hover{
	background-position:0px -39px;
	}*/
/*#nowonairbg #nowcenttbox #tooltop #vcbox li.icon02 a:hover{
	background-position:-55px -38px;
	}*/
/*#nowonairbg #nowcenttbox #tooltop #vcbox li.icon03 a:hover{
	background-position:-110px -38px;
	}*/
#nowonairbg #nowcenttbox #tooltop #vcbox li.icon04 a:hover{
	background-position:-165px -38px;
	}
#nowonairbg #nowcenttbox #tooltop #vcbox li.icon06 a:hover{
	background-position:-165px -38px;
	}

#nowonairbg #nowcenttbox #tooltop #vcbox li.icon07 a:hover{
	background-position:-165px -38px;
	}
#nowonairbg #nowcenttbox #tooltop #vcbox li.icon08 a:hover{
	background-position:-165px -38px;
	}
/*#nowonairbg #nowcenttbox #tooltop #vcbox li.icon05 a:hover{
	background-position:-220px -38px;
	}*/
#nowonairbg #nowcenttbox #tooltop  #video {
	clear:both;
	width:990px;
	height:600px;
	margin::0 35px 0 35px;
	display: block;
	}





/* ===================== Store cent =====================*/


#nowonairbg #nowcenttbox #storeSTEP {
	width:990px;
	padding:15px 30px 15px 30px;
	margin:0 auto;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 {
	display:table;
	position:relative;
	background-image:url(../images/store/store_bg.jpg);
	background-repeat:repeat-y;
	min-height: 100%;
	width:990px;
	height:100%;
	margin-top:90px;
	}


/* --------------------- box_L --------------------*/

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL {
	display:block;
	width:745px;
	float:left;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP{
	float:left;
	display:block;
	width:745px;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT01{
	clear:both;
	float:left;
	display:block;
	background-image:url(../images/store/step01.jpg);
	width:745px;
	height:100px;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT01 h1 {
	padding:60px 0 0 100px;
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT02{
	clear:both;
	float:left;
	display:block;
	background-image:url(../images/store/step02.jpg);
	width:745px;
	height:100px;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT02 h1 {
	padding:60px 0 0 180px;
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT03{
	clear:both;
	float:left;
	display:block;
	background-image:url(../images/store/step03.jpg);
	width:745px;
	height:100px;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT03 h1 {
	padding:60px 0 0 270px;
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT04{
	clear:both;
	float:left;
	display:block;
	background-image:url(../images/store/step04.jpg);
	width:745px;
	height:100px;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LT04 h1 {
	padding:60px 0 0 350px;
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LTTable{
	position:relative;
	clear:both;
	display:block;
	width:675px;
	margin:0 20px 0 45px;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LTTable .RRB{
	position:relative;
	clear:both;
	display:block;
	/*width:250px;*/
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LTTable .RRB ul {
	display:block;
	margin-left:115px;
	margin-right:20px;
	list-style-image:url(../images/upgrade/up_line_grey.jpg);
	}
#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LTTable .RRB li {
	padding-top:5px;
	word-wrap: break-word;
	font-size: 12px;
	color: #444;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}


#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LTTable .RRB .ICON01{
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	left: 47px;
	top: 80px;
}


#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXL #BOXLTOP #LTTable .RRB img{
	float:left;
	}

/* --------------------- box_R --------------------*/

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR {
	display:block;
	width:245px;
	float:right;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR #BOXTOP{
	display:block;
	width:245px;
	background-image:url(../images/store/7day.jpg);
	background-repeat:no-repeat;
	height:285px;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR #BOXTOP h1{
	width:115px;
	font-size:13px;
	float:right;
	color:#fff;
	font-family: 'Open Sans',arial, sans-serif;
	margin:200px 20px 0 0 ;
	text-decoration:none;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR  h2 {
	font-size:14px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	margin:20px 0 0 30px ;
	}


#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR  h2 a{
	font-size: 14px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	text-decoration: none;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR  h2 a:hover{
	text-decoration:underline;
	}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR ul {
	width:180px;
	display:block;
	margin-left:40px;
	margin-right:20px;
	clear:both;
	list-style-image:url(../images/store/store_line.jpg);
}

#nowonairbg #nowcenttbox #storeSTEP #CENT01 #BOXR li {
	padding-top:5px;
	word-wrap: break-word;
	font-size: 14px;
	color: #444;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}


.sttables {
	font-size:12px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	margin-left:10px;
	margin-right:5px;
	}

.sttype01 {
	font-size:12px;
	color:#aaaaa9;
	font-family: 'Open Sans',arial, sans-serif;
	padding-right:10px;
	}

.sttype02 {
	font-size:18px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding-right:10px;
	}

.sttype03 {
	font-size:13px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding-right:10px;
	}
.sttype03 a, .blacktype15 a{color:#05b2d2;text-decoration: none;}
.sttype03 a:hover, .blacktype15 a:hover{text-decoration: underline;}
.sttype04 {
	font-size:13px;
	display:block;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding:0 10px 0 10px;
	}

.sttype05 {
	font-size:13px;
	line-height:1.2;
	display:block;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding:0 10px 0 100px;
	}

.sttype06 {
	font-size:14px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding-right:10px;
	}

.sttype07 {
	font-size:18px;
	display:block;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding:5px 0 10px 0;
	}

.sttype08 {
	font-size:14px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding-right:10px;
	line-height:1.6;
	}

.sttype09 {
	font-size:14px;
	color:#444;
	font-family: 'Open Sans',arial, sans-serif;
	padding-left:10px;
	}

.sttype10 {
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	padding-left:10px;
	}

.sttype11 {
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	}

.sttype11 a{
	font-size:14px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	text-decoration: none;
	}
.sttype11 a:hover{
	text-decoration:underline;
	}

.sttype12 {
	font-size:15px;
	color:#000;
	font-family: 'Open Sans',arial, sans-serif;
	}

.stline {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #a4a4a4;
}

.stline_L {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #a4a4a4;
}

.sttwtype a{
	font-family: 'Open Sans',arial, sans-serif;
	font-size: 15px;
	color: #05b2d2;
	text-decoration: none;
	}
.sttwtype a:hover{
	font-family: 'Open Sans',arial, sans-serif;
	font-size: 15px;
	color: #05b2d2;
	text-decoration:underline;
	}






/* ===================== lightbox =====================*/

	/* --------------------- CVV ----------------------*/

#cw_box {
	width:850px;
	height:285px;
	background-color:#eeeeee;
	background-image:url(../images/box/CVV.jpg);
	}

	/* --------------------- login ----------------------*/

.lightbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:870px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

.lightbox .lighttop {
	width:840px;
	height:50px;
	padding-left:30px;
	}

.lightbox  #lleftbox {
	float:left;
	margin-top:15px;
	padding:0 15px 15px 15px;
	border-right:1px solid #ececec;
	width:355px;
	}

.lightbox  #lreftbox {
	float:right;
	margin-top:15px;
	padding:0 15px 15px 15px;
	width:450px;
	}

.lightbox h1.loginbox{
	margin-bottom: 20px;
}

	/* --------------------- store ----------------------*/


.lightbox  #storecbox {
	float:left;
	margin:30px 0 30px 0;
	padding:0 30px 0 30px;
	border-right:1px solid #ececec;
	width:258px;
	}

.lightbox  #storecbox02 {
	float:left;
	margin:30px 0 30px 0;
	padding:0 30px 0 32px;
	width:258px;
	}



	/* --------------------- 台灣發票 ----------------------*/

.invobox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:450px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

.invobox .invlighttop {
	width:450px;
	height:50px;
	background-color:#f7f5f2;
	padding-left:30px;
	}

.invobox  #invcentcbox {
	float:left;
	padding:15px 15px 15px 30px;
	border-bottom:1px solid #ececec;
	width:435px;
	background-color:#ffffff;
	}

.invobox  #invcentcboxno {
	float:left;
	padding:15px 15px 15px 30px;
	width:435px;
	text-align:center;
	background-color:#ffffff;
	}
a.Stitle {
	color:#05b2d2;
	font-size:24px;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	text-decoration:none;
	}
a.Stitle:hover {
	text-decoration:underline;
	}
/* ===================== Myspotcam cent =====================*/

#nowonairbg {
	width:100%;
	}

#nowonairbg #nowcenttbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;
	-webkit-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	-moz-box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	box-shadow:0px 0px 15px rgba(200, 200, 200, 0.5);
	}

#nowonairbg #nowcenttbox .myspotcambox {
	width:980px;
	padding:35px 35px 35px 35px;
	display:table;
	min-height: 100%;
	height:100%;
	}

#nowonairbg #nowcenttbox .myspotcambox .addicon{
	float: right;
    border: 1px solid #EA8206;
    position: relative;
    z-index: 10;
    color:#EA8206;
    text-decoration: none;
	padding: 5px 14px;
	display: inline-block;
}
#nowonairbg #nowcenttbox .myspotcambox .addicon .icon {
  width: 16px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
}
#nowonairbg #nowcenttbox .myspotcambox .addicon .icon .add-icon{
  fill: #EA8206;
}

#nowonairbg #nowcenttbox .myspotcambox .addicon:hover {
	background-color: #EA8206;
	color:#ffffff;
}
#nowonairbg #nowcenttbox .myspotcambox .addicon:hover .icon .add-icon{
  fill: #ffffff;
}


#nowonairbg #nowcenttbox .myspotcambox .mytop {
	width:980px;
	height:45px;
	margin-bottom:15px;
	border-bottom:1px solid #ececec;
	position: relative;

	}

#nowonairbg #nowcenttbox .myspotcambox .mytop img {
	position: absolute;
	left:0;
	top:35px;
	}


#nowonairbg #nowcenttbox .myspotcambox .mydown {
	width:980px;
	background-color:#d0e9ed;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox{
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:900px;
	padding:30px 30px 0 50px;
	margin-bottom:30px;
	}

#nowonairbg #nowcenttbox .myspotcambox  .mydown .mycbox .mycebox01 {
	position:relative;
	width:242px;
	height:200px;
	float:left;
	background-color:#fff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	margin: 0 25px 30px 0;
	padding:10px 10px 0 10px;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 img {
	clear:both;
	float:left;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 a.BB{
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(../images/spotcam/btn_setting.png);
	background-repeat: no-repeat;
	left: 234px;
	top: 158px;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 img.AA{
	margin:5px 8px 4px 0;
	float:left;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 .videobox{
	background-image:url(../images/spotcam/video_bg.jpg);
	width:242px;
	height:144px;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 .videobox ul {
	position: absolute;
	top: 128px;
	left: 10px;
	}
#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 .videobox li {
	float:left;
	font-size:12px;
	color:#8e8d8d;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.2;
	padding-left:38px;
	}
#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 .videobox li a{
	color:#8e8d8d;
	text-decoration: none;
	}
#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox .mycebox01 .videobox li a:hover{
	color:#fff;
}



	/* --------------------- 第二區塊 ----------------------*/

#nowonairbg #nowcenttbox .myspotcambox .mydown01 {
	width:980px;
	background-color:#d0e9ed;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02 {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:870px;
	padding:30px 30px 0 50px;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02  .mycebox02  { /*------*/
	width:142px;
	float:left;
	background-color:#fff;
	height:130px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	padding:7px 7px 0 7px;
	margin:0 15px 30px 0;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02   .mycebox02 img {
	padding-bottom:5px;
	float:left;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02   .mycebox02 .videobox02{
	background-image:url(../images/spotcam/video_bg_s.jpg);
	width:142px;
	height:87px;
	margin-bottom:5px;
	position: relative;
	}



/* ===================== myspotcam  _no register =====================*/

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox #REtopbox01 {
	display:table;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:520px;
	float:left;
	background-color:#fff;
	height:220px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	margin:0 0 30px 0 ;
	}


#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox #REtopbox01 h1{
	font-size:18px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	margin:10px 10px 15px 15px;
	line-height:1.8;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox #REtopbox01 ul {
	margin:0 0 20px 30px;
	list-style-image:url(../images/upgrade/up_line.jpg);
}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox #REtopbox01 li {
	font-size: 13px;
	color: #444;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox #REtopbox01 .buybox {
	width:78px;
	float:left;
	margin:5px 15px 20px 30px;
	height:33px;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown .mycbox #REtopbox01 .buybox:hover{
	opacity: .8;
	}


/* --------------------- 第二區 --------------------*/

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02 #REtopbox02 {
	position:relative;
	width:520px;
	float:left;
	background-color:#fff;
	height:150px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	margin:0 0 30px 0 ;
	}


#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02 #REtopbox02 h1{
	font-size:18px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	margin:10px 10px 15px 15px;
	line-height:1.8;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02 #REtopbox02 ul {
	margin-left:30px;
	list-style-imageurl(../images/upgrade/up_line.jpg);
}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02 #REtopbox02 li {
	font-size: 13px;
	color: #444;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02 #REtopbox02 li a {
	font-size: 13px;
	color: #05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	text-decoration: underline;
	}

#nowonairbg #nowcenttbox .myspotcambox .mydown01 .myccbox02 #REtopbox02 li a:hover { }





/* ===================== My film cent =====================*/

#nowonairbg #nowcenttbox .myfilmbox {
	width:980px;
	padding:35px 35px 35px 35px;

	}

#nowonairbg #nowcenttbox .myfilmbox .filmtop {
	width:980px;
	height:45px;
	margin-bottom:25px;
	background-image:url(../images/myfilm/timebar.jpg);
	background-repeat:no-repeat;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmtop #topleft {
	height:45px;
	width:100px;
	float:left;
	padding:0 10px 0 70px;
	line-height:45px;
	color:#464b4e;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmtop #topcent {
	width:650px;
	float:left;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmtop #topcent img{
	float:left;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmtop #topright {
	height:45px;
	width:100px;
	float:left;
	line-height:45px;
	color:#464b4e;
	font-size:15px;
	font-family: 'Open Sans',arial, sans-serif;
	padding-left:15px;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmtop02 {
	width:980px;
	height:35px;
	margin-bottom:15px;
	border-bottom:1px solid #ececec;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown {
	width:980px;
	background-color:#d0e9ed;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox {
	display:table;
	min-height: 100%;
	/*--- 以上三行為div高自適---*/
	width:920px;
	padding:30px;

	}


#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox .mycebox02  { /*------*/
	width:142px;
	float:left;
	background-color:#fff;
	height:160px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	padding:7px 7px 0 7px;
	margin:0 0 30px 25px;
	position:relative;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox .mycebox02 img {
	padding-bottom:5px;
	float:left;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox .mycebox02 .time {
	position: absolute;
	width: 80px;
	height: 22px;
	background-image: url(../images/myfilm/bg_a.png);
	background-repeat: repeat-x;
	left: 68px;
	top: 70px;
}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox .mycebox02 a.deicon{
	position: absolute;
	width: 15px;
	height: 15px;
	background-image: url(../images/myfilm/btn_de.png);
	background-repeat: no-repeat;
	left: 134px;
	top: 102px;

	}


#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox #REtopbox03 {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:520px;
	float:left;
	background-color:#fff;
	height:220px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	margin-left: 200px;
	}


#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox  #REtopbox03 h1{
	font-size:18px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	margin:10px 10px 15px 15px;
	line-height:1.8;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox  #REtopbox03 ul {
	margin:0 0 20px 30px;
	list-style-image:url(../images/upgrade/up_line.jpg);
}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox  #REtopbox03 li {
	font-size: 13px;
	color: #444;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.6;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox  #REtopbox03 .buybox {
	width:78px;
	float:left;
	margin:5px 15px 20px 30px;
	height:33px;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox  #REtopbox03 .table {
	width:500px;
	margin:0 auto;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox #REtopbox04 {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:520px;
	float:left;
	background-color:#fff;
	height:100px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	margin:0 0 30px 200px ;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox  #REtopbox04 h1{
	font-size:18px;
	color:#05b2d2;
	font-family: 'Open Sans',arial, sans-serif;
	margin:20px 10px 20px 30px;
	line-height:1.8;
	}

#nowonairbg #nowcenttbox .myfilmbox .filmdown .fcbox  #REtopbox04 h2{
	display:block;
	width:500px;
	float:left;
	font-size:15px;
	color:#464b4e;
	font-family: 'Open Sans',arial, sans-serif;
	margin:0 10px 20px 30px;
	line-height:1.8;
	font-weight:normal;
	}

	/* --------------------- login ----------------------*/				/* 1125 */

.lightbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:870px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	}

.lightbox .lighttop {
	width:100%;
	height:50px;
	padding-left:30px;
	}

.lightbox  #lleftbox {
	float:left;
	margin-top:15px;
	padding: 0 35px 15px;
    border-right: 1px solid #ececec;
    width: 360px;
    margin-bottom: 25px;
	}

.lightbox  #lreftbox {
	float:right;
	margin-top:15px;
	padding: 0 30px 15px;
    width: 370px;
	}


.lightbox  #lreftbox ul.boxdolls {
	margin-top:35px;
	}

.lightbox  #lreftbox ul.boxdolls li {
	background-image:url(../images/paper/blue_s.png);
	background-repeat:no-repeat;
	background-position:5px 12px;
	padding-left:20px;
	font-size:15px;
	color:#a9acac;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

.lightbox  #lreftbox ul.signdolls {
	}

.lightbox  #lreftbox ul.signdolls li {
	background-image:url(../images/paper/blue_s.png);
	background-repeat:no-repeat;
	background-position:5px 9px;
	padding-left:20px;
	font-size:15px;
	color:#a9acac;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.4;
	}

.lightbox  #flleftbox {
	float:left;
	margin-top:15px;
	padding:30px 15px 15px 30px;
	width:435px;
	}

.lightbox  #flleftbox ul.boxdolls {
	margin-top:35px;
	}

.lightbox  #flleftbox ul.boxdolls li {
	background-image:url(../images/paper/blue_s.png);
	background-repeat:no-repeat;
	background-position:5px 12px;
	padding-left:20px;
	font-size:15px;
	color:#a9acac;
	font-family: 'Open Sans',arial, sans-serif;
	line-height:1.8;
	}

.lightbox #flreftbox {
	float:right;
	margin-top:15px;
	padding: 50px 32px 15px 32px;
    width: 325px;
	border-left:1px solid #ececec;
	}
.lightbox #flreftbox .google-recaptcha{
	/*margin-top: 6px;*/
	/*margin-bottom: 10px;*/
}
.lightbox #flreftbox .google-recaptcha .g-recaptcha{
	margin: 0 auto;
}
.lightbox #flreftbox .btn-block{
	text-align: right;
}
.lightbox #flreftbox #emailer{
	height:25px;
	width:317px;
	color:#a9acac;
}
.createlightbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:420px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	}

.createlightbox .clighttop {
	width:395px;
	height:50px;
	background-color:#f7f5f2;
	padding-left:30px;
	}

.createlightbox  #clleftbox {
	margin-top:15px;
	padding:0 20px 15px 33px;
	position:relative;
	}

.createlightbox  #clleftbox div.qbox {
position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('../images/setting/icon_q.jpg');
  background-repeat: no-repeat;
  left: 372px;
  background-size: 100%;
  top: 74px;
	}

#fancybox-manual-a, #fancybox-manual-b, #fancybox-manual-c, #fancybox-manual-d, #fancybox-manual-e, #fancybox-manual-f{
	cursor:pointer;
	cursor:hand;
}
	/* --------------------- Setup ----------------------*/					/* 1126 */

.setupbox {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:695px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	}

.setupbox .topblue {
	background-color:#0cb2d3;
	width:665px;
	padding-left:30px;
	height:40px;
	}

.setupbox .topblue img {
	float:left;
	}

.setupbox .leftmeu {
	float:left;
	width:230px;
	height:360px;
	background-color:#ececec;
	position:relative;
	}

.setupbox .rightmeu {
	float:left;
	width:465px;
	height:360px;
	background-color:#fff;
	position:relative;
	}

.setupbox .leftmeu a.sqbox {
	position: absolute;
	display: block;
	width: 27px;
	height: 27px;
	background-image: url(../images/box/btn_q.png);
	background-repeat: no-repeat;
	left: 363px;
	top: 106px;
	}v

.setupbox .leftmeu ul {}

.setupbox .leftmeu ul li {
	float:left;
	display:block;
	width:200px;
	height:55px;
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#707171;
	line-height:55px;
	text-decoration:none;
	border-bottom:1px solid #dbdada;
	padding-left:30px;
	}

.setupbox .leftmeu ul li.menu02 {
	float:left;
	display:block;
	width:200px;
	height:55px;
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#a4a3a3;
	line-height:55px;
	text-decoration:none;
	border-bottom:1px solid #dbdada;
	padding-left:30px;
	}


.setupbox .leftmeu #leftdown {
	float:left;
	margin-top:80px;
	width:200px;
	height:55px;
	padding-left:30px;
	}

.setupbox .leftmeu #leftdown a.ltype01 {
	clear:both;
	font-family: 'Open Sans',arial, sans-serif;
	font-size:13px;
	color:#0cb2d3;
	text-decoration:none;
	line-height:55px;
	}

.setupbox .leftmeu #leftdown a.ltype01:hover {
	text-decoration:underline;
	}

.setupbox .leftmeu #leftdown a.down {
	float:left;
	padding-right:10px;
	padding-top:13px;
	}

.setupbox .leftmeu #leftdown a.down:hover

h2.setype01 {
	padding-top:15px;
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#707171;
	line-height:1.6;
	}

h2.stype02 {
	padding-top:15px;
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#707171;
	line-height:1.6;
	}

h3.stype03 {
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#989b9c;
	line-height:1.6;
	font-weight:normal;
	}

h3.setype04 {
	display:block;
	width:380px;
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#707171;
	line-height:1.4;
	font-weight:normal;
	}

h3.setype04 {
	display:block;
	width:410px;
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#707171;
	line-height:1.4;
	font-weight:normal;
	}

h3.setype05 {
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#707171;
	line-height:1.6;
	font-weight:normal;
	}

h3.setype06 {
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#707171;
	font-weight:normal;
	}

.downtable {
	background-image:url(../images/setup/setup_lightbox_24.jpg);
	background-repeat:repeat-x;
	}

a.ltype02 {
	font-family: 'Open Sans',arial, sans-serif;
	font-size:13px;
	color:#0cb2d3;
	text-decoration:none;
	}

a.ltype02:hover {
	text-decoration:underline;
	}

a.ltype15 {
	font-family: 'Open Sans',arial, sans-serif;
	font-size:15px;
	color:#0cb2d3;
	text-decoration:none;
	}

a.ltype15:hover {
	text-decoration:underline;
	}

.typecentset {
	width:420px;
	height:180px;
	overflow: auto;
	}
a.mainwtype {
	color:#fff;
	font-size:13px;
	font-family: 'Open Sans',arial, sans-serif;
	text-decoration:none;
	}

a.mainwtype:hover {
	font-family: 'Open Sans',arial, sans-serif;
	}

.linew {
	border-right:1px solid #fff;
	}
/* 1203 */

h1.suptitype02 {
	color:#707171;
	font-size:18px;
	font-family: 'Open Sans',arial, sans-serif;
	text-align:center;
	line-height:100px;
	font-weight:normal;
	}


#supportype #suppbg #suptitlebox02 {
	clear:both;
	width:300px;
	height:70px;
	padding-top:120px;
	border-bottom:1px #444 solid;
	margin:0 auto;
	}


#supportype #suppbg #supcendown {
	clear:both;
	width:980px;
	height:60px;
	padding:25px 35px 15px 35px;
	position:relative;
	}

#supportype #suppbg #supcendown #supccdr {
	float:left;
	width:635px;
	height:60px;
	background-color:#c6c5c5;
	padding:0 0 0 15px;
	}

#supportype #suppbg #supcendown #supccdl {
	float:left;
	width:295px;
	height:50px;
	background-color:#05b2d2;
	padding:10px 0 0 35px;
	}

#supportype #suppbg #supcendown #supccdr #btn_r {
	position: absolute;
	display: block;
	width: 38px;
	height: 37px;
	left: 892px;
	top: 36px;
	}
#supportype #suppbg #supcendown #supccdr #btn_r  a.SDR {
	display:block;
	width:38px;
	height:37px;
	background-image:url(../images/support/btn_s.jpg);
	background-repeat:no-repeat;
	}

.createlightboxs {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	width:600px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	}

.createlightboxs .clighttops {
	width:680px;
	height:50px;
	background-color:#f7f5f2;
	padding-left:30px;
	}

.createlightboxs  #clleftboxs {
	//margin-top:15px;
	padding:0 35px 15px 35px;
	width:640px;
	position:relative;
	}
/*-------------- 0416 ---------------*/

#addamenu {
	width:100%;
	height:200px;
	background-color:#fdfcee;
	}

#addamenu #addbg {
	width:1050px;
	height:200px;
	margin:0 auto;
	}

p.addtitle {
	font-family: 'Open Sans',arial, sans-serif;
	color:#464b4e;
	font-size:20px;
	line-height:110px;
	text-align:center;
	}

p.addcentype01	 {
	font-family: 'Open Sans',arial, sans-serif;
	color:#464b4e;
	font-size:18px;
	line-height:50px;
	text-align:center;
	}

p.addcentype02	 {
	font-family: 'Open Sans',arial, sans-serif;
	color:#464b4e;
	font-size:18px;
	text-align:center;
	}

p.addicontype	 {
	font-family: 'Open Sans',arial, sans-serif;
	color:#464b4e;
	font-size:15px;
	text-align:center;
	padding-top:18px;
	}

#addamenu #addbg #titlebox {
	padding-top:90px;
	float:left;
	width:1050px;
	height:110px;
	}


#addcbox {
	width:100%;
	}

#addcbox #addc_c {
	display:table;
	min-height: 100%;
	height:100%;
	/*--- 以上三行為div高自適---*/
	clear:both;
	width:1050px;
	margin:0 auto;

	}

#addcbox #addc_c #addbox_T{
	float:left;
	width:1050px;
	height:100px;
	background-repeat:no-repeat;
	padding-top:20px;
	}
#addcbox #addc_c #addbox_D{
	float:left;
	width:750px;
	height:350px;
	padding:0 130px 0 170px;
	background-repeat:no-repeat;
	}

#addcbox #addc_c #addbox_D .addbox {
	width:150px;
	height:225px;
	float:left;
	background-color:#fff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:2px 2px 2px rgba(20%,20%,20%,0.2);
	margin:35px 20px 0 0;
	padding:0 5px 5px 5px;
	text-align: center;
}

#addcbox #addc_c #addbox_D .addbox img {
	margin: 40px auto 0;
}
#vcbox h4{font-family: "Microsoft JhengHei",Arial;}


#LoginArea.lightbox{
	width: 480px;
    border-radius: 8px;
    background-color: #fff;
    display: block;
    min-height: auto;
    height: auto;
}
#LoginArea.lightbox .lighttop .lightboxtitle{background: #FFF;text-align: center;line-height: 1;}
#LoginArea.lightbox .lighttop{
	height: auto;
    padding: 37px 0 22px;
}
#LoginArea.lightbox #lleftbox {
    float: none;
    width: 100%;
    margin-bottom: 0;
    border-right: none;
    box-sizing: border-box;
    padding: 20px;
}
#SingupArea.lightbox{margin: 0 auto;}
#SingupArea.lightbox .lighttop .lightboxtitle{background: #FFF;text-align: center;}
#SingupArea.lightbox .lighttop{padding:0;padding-top:20px;padding-bottom: 40px;background: #FFF;}


#channel_class{text-align: right;float: right;}
#channel_class li{float: left;padding-left: 25px;}
#channel_class li a{color: #afafaf;text-decoration: none;display: block;padding: 2px 0;}
#channel_class li a:hover,#channel_class li a.active{color:#05b2d2;}

#channel_class li.search-box{
	position: relative;
	margin-left: 25px;
	height: 25px;
	min-width: 22px;
	padding-left: 0;
}
#channel_class li.search-box .btn-search{
	position: absolute;
	right:5px;
	top:3px;
	background: url(../images/icon_seach.png) no-repeat right top;
	width: 20px;
	height: 20px;
	z-index: 10;
	display: block;
}
#channel_class li.search-box .btn-search:hover{
	background-position: left top;
}
#channel_class li.search-box .search-form{
	width: 0;
	overflow: hidden;
	position: relative;
	z-index: 5;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#channel_class li.search-box .search-form input{
	width: 100%;
	display: block;
	border: none;
	border-radius:2px;
	overflow: hidden;
	line-height: 25px;
	height: 28px;
	padding: 3px 25px 3px 5px;
	box-sizing: border-box;

}
#channel_class li.search-box .search-form button{
	position: absolute;
	right:5px;
	top:3px;
	width: 20px;
	height: 20px;
	background: #fff url(../images/icon_seach.png) no-repeat left top;
	padding: 0;
	border: none;
	cursor: pointer;
}
#channel_class li.search-box .search-form button:focus{
	outline: none;
}
#channel_class li.search-box.open .search-form{
	width: 250px;
	opacity: 1;
}
#channel_class li.search-box.open .btn-search{
	display: none;
}

.page {position:relative;clear:both;height:56px;text-align: right;width: 762px;}
.page ul {position: relative;display: inline-block;}
.page li {float: left;text-align: center;line-height:30px;}
.page li:last-child a{border-right: 1px solid #05b2d2;}
.page li a{display: block;color: #444;font-size: 14px;font-family: 'Open Sans',arial, sans-serif;text-decoration: none;width: 30px;height: 30px;border: 1px solid #05b2d2;border-right: 0;}
.page li.blue a{font-family: 'Open Sans',arial, sans-serif;display: block;background-color: #05b2d2;font-size: 14px;text-decoration: none;color: #FFF;}
.page li.left a{font-family: cursive;color: #05b2d2;font-size: 16px;}
.page li.right a{font-family: cursive;color: #05b2d2;font-size: 16px;}
.page li a:hover{background-color:#05b2d2;color: #FFF;}


#nowonairbg #nowcenttbox #nowcdown .bigbox {
	display:block;
	width:780px;
	background-color:#fff;
	height:560px;
	}
#nowonairbg #nowcenttbox #nowcdown .bigbox .imgbox{position: relative;display: block;}
#nowonairbg #nowcenttbox #nowcdown .bigbox .imgbox img.snapshop{margin-bottom:10px;margin-left: 5px;width: 760px; height: 418px;}
#nowonairbg #nowcenttbox #nowcdown .bigbox .imgbox .imgplay{position: absolute;top: 50%; margin-top: -36px; left: 50%; margin-left: -36px; height: 72px;width: 72px;display: block;background-size: 100%;background-color: #05b2d2;border-radius: 100%; overflow: hidden;}
#nowonairbg #nowcenttbox #nowcdown .bigbox .imgbox:hover .imgplay{background-color: #1cceef;}
#nowonairbg #nowcenttbox #nowcdown .bigbox .imgbox .imgplay::after{
	content: '';
	display: block;
    border-style: solid;
    border-width: 16px 0 16px 28px;
	border-color: transparent transparent transparent #fff;
	margin: 20px 26px;
}

#nowonairbg #nowcenttbox #nowcdown h1 a{
	display:block;
	font-size:24px;
	color:#444;
	font-family: "Microsoft JhengHei",Arial;
	font-weight: bold;
	margin:15px 0px;
	line-height:1.2;
	text-decoration: none;
	}
#nowonairbg #nowcenttbox #nowcdown h1 a:hover{
	color:#05b2d2;
	}

#nowonairbg #nowcenttbox #nowcdown .bigbox h2 a{
	display:block;
	font-size:18px;
	color:#676666;
	font-family: 'Open Sans',arial, sans-serif;
	margin:0px 10px 5px 10px;
	line-height:1.4;
	font-weight:normal;
	text-decoration: none;
}
#nowonairbg #nowcenttbox #nowcdown .bigbox h2 a:hover{
	color:#05b2d2;
	}

#nowonair .video_content {
    width: 1070px;
    height: 780px;
    margin: 1em auto;
    display: block;
    border: 0;
    overflow: hidden;
    padding-left: 2px;
    box-sizing: border-box;
}

.mycebox02 a.black13my{line-height: 1.2;}

#third_party_verified {
    float: right;
    padding: 20px 0 0 0;
}
#third_party_verified a {
    display: inline-block;
    height: 30px;
    background: url(../images/account/verified_ssl.png) no-repeat left top;
    margin-left: 10px;
}
#third_party_verified .ssl {
    width: 63px;
    cursor: default;
}
#third_party_verified .visa {
    width: 70px;
    background-image: url(../images/account/verified_visa.png);
}
#third_party_verified .mastercard {
    width: 84px;
    background-image: url(../images/account/verified_mcsc.png);
}
#third_party_verified .jcb {
    width: 52px;
    background-image: url(../images/account/verified_jcb.png);
}



/* 廣告看板 */
#spotcam_cloudServiceBox{
	width: 530px;
    height: 200px;
    float: left;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 2px 2px 2px rgba(20%,20%,20%,0.2);
    margin: 0 0 30px 0;
    padding: 10px 10px 0;
}
#spotcam_cloudServiceBox:after{
	display: table;
	clear: both;
	content: '';
}
#spotcam_cloudServiceBox h1{
	font-size: 18px;
	color:#05b2d2;
	margin-bottom: 15px;
	line-height: 1.8;
}

#spotcam_cloudServiceBox .plan{
	float: left;
	width: 23%;
	margin-right: 2%;
	color: #464b4e;
    font-size: 14px;
    text-align: center;
}
#spotcam_cloudServiceBox .plan .img{
	width: 40px;
	margin: 0 auto 13px;
}
#spotcam_cloudServiceBox .plan .img img{
	width: 100%;
}
#spotcam_cloudServiceBox .btn-up{
	width: 24%;
	float: right;
    border: 1px solid #ea8206;
    line-height: 34px;
    height: 32px;
    color:#ea8206;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    margin-top: 72px;
}
#spotcam_cloudServiceBox .btn-up:hover{
    background:  #ea6c06;
    color:#fff;
}
/*ring*/
#spotcam_cloudServiceBox.ring h1{
	font-size: 18px;
	color:#05b2d2;
	margin-bottom: 15px;
	line-height: 21px;
	font-weight: 100;
}
#spotcam_cloudServiceBox.ring{
	width: 520px;
	padding: 10px 15px 0;
}
#spotcam_cloudServiceBox .plan2{


    margin: 10px 10px;
    color: #464b4e;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
#spotcam_cloudServiceBox .plan2 h2{
	color: #ea8206;
    font-weight: 100;
    font-size: 16px;
    line-height: 18px;

}
#spotcam_cloudServiceBox .plan2 p{
	margin: 5px 0;
	margin-left: 50px;
}
#spotcam_cloudServiceBox .plan2 img{
	float: left;margin-right: 10px;
}

#spotcam_cloudServiceBox .btn-up2{
	width: 130px;
    border: 1px solid #ea8206;
    line-height: 32px;
    height: 32px;
    color: #ea8206;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    display: block;
    clear: both;
    margin: 0 auto;
}

#spotcam_cloudServiceBox .btn-up2:hover{
    background:  #ea6c06;
    color:#fff;
}

/* solo */
#spotcam_cloudServiceBox.solo h1{
	font-size: 18px;
	color:#05b2d2;
	margin-bottom: 15px;
    line-height: 1.4;
}
#spotcam_cloudServiceBox.solo{
	width: 520px;
	padding: 10px 15px 0;
}
#spotcam_cloudServiceBox.solo .plan2{
	margin: 10px 0;
}
#spotcam_cloudServiceBox.solo .plan2 p{
	margin: 0;
	margin-left: 50px;
}

/* vca */
#spotcam_cloudServiceBox.vca h1{
	font-size: 18px;
	color:#05b2d2;
	margin-bottom: 20px;
    line-height: 1.4;
}
#spotcam_cloudServiceBox.vca{
	width: 520px;
	padding: 10px 15px 0;
}
#spotcam_cloudServiceBox.vca .wrap-box{
	font-size: 0;
}
#spotcam_cloudServiceBox.vca .plan-block{
	font-size: 0;
	width: 400px;
	display: inline-block;
	vertical-align: bottom;
}
#spotcam_cloudServiceBox.vca .btn-block{
	width: 120px;
	display: inline-block;
	vertical-align: bottom;
	padding-left: 5px;
	box-sizing: border-box;
}
#spotcam_cloudServiceBox.vca .btn-block a{
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 14px;
	display: block;
	font-size: 15px;
}
#spotcam_cloudServiceBox.vca .plan{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3);
	margin:0 0 10px;
}
#spotcam_cloudServiceBox.vca .plan .img{
	width: 40px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	padding-top: 3px;
}
#spotcam_cloudServiceBox.vca .plan .text{
	display: inline-block;
	vertical-align: middle;
	width: 88px;
	font-size: 14px;
	padding-left: 2px;
}


/*account batteryIcon */
.batteryIcon {
  position: absolute;
  left: 197px;
  top: 178px;
}
.btn-orange2 {
  color: #f59a52;
  border: 1px solid #f59a52;
  width: 170px;
  height: 45px;
  display: block;
  text-align: center;
  line-height: 45px;
  text-decoration: none;
  font-size: 18px;
}
.btn-orange2:hover {
  background: #f59a52;
  color: #fff;
}
.btn-orange4 {
  color: #f59a52;
  border: 1px solid #f59a52;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 6px 8px;
  font-size: 13px;
  margin-top: 5px;
}
.btn-orange4:hover {
  background: #f59a52;
  color: #fff;
}
.btn-blue2 {
  color: #05b2d2;
  border: 1px solid #05b2d2;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 6px 8px;
  font-size: 13px;
  margin-top: 5px;
}
.btn-blue2:hover {
  background: #05b2d2;
  color: #fff
}
.btn-blue3 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #05b2d2;
    margin-top: 9px;
    border: 1px solid #05b2d2;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    text-decoration: none;
    height: 29px;
    line-height: 29px;
    text-align: center;
    background: none;
}
.btn-blue3:hover {
	color: #FFF;
    background: #05b2d2;
    text-decoration: none;
}
.btn-greenl {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#63c6ae;
	display: inline-block;
    padding: 6px 8px 6px 8px;
    margin-top: 5px;
    border: 1px solid #63c6ae;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
}
.btn-greenl:hover{
	background: #63c6ae;
	color: #fff;
}


.btn-facebook{
	clear:both;
	font-weight:bold;
	display: inline-block;
    padding: 6px 8px 6px 8px;
    margin-top: 5px;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	text-decoration:none;
	width: 302px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #4267b2;
    color:#4267b2;
}
.btn-facebook:before{
	display: inline-block;
	vertical-align: middle;
	font-family: FontAwesome;
	content: "\f230";
	margin-right: 10px;
	font-size: 21px;
}
.btn-facebook:hover{
	text-decoration:none;
	color:#FFF;
    background: #4267b2;
}


@media screen and (max-width: 749px){
	.lightbox{
		width: 100%;
		display: block;
	}
	.lightbox *{
		box-sizing: border-box;
	}
	.lightbox h2.lightboxtitle{
		line-height: 1.4;
		padding: 10px 15px;
		font-size: 18px;
	}
	.lightbox .lighttop{
		padding-left: 0;
		padding-right: 0;
		height: auto;

	}
	.lightbox #flleftbox{
		float: none;
		padding: 15px;
		width: 100%;
		margin-top: 0;
	}
	.lightbox h1.loginbox{
		padding-top: 0;
		margin-bottom: 6px;
	}
	.lightbox p.forgot{
		line-height: 1.3;
	}
	.lightbox p.forgotsign{
		padding-top: 8px;
		float: none;
	}
	.lightbox #flreftbox{
		float: none;
		padding: 0 15px 15px;
		width: 100%;
		margin-top: 0;
		border-left: none;
	}
	.lightbox #flreftbox #emailer{
		height:auto;
		padding: 5px;
		width:100%;
	}
	.lightbox .g-recaptcha {
	    transform:scale(0.89);
	    transform-origin:0 0;
	}
}

/* 新版header */
#mainHeader {
  top: 0;
  font-size: 0;
  padding: 0 10px;
  background-color: white;
  position: fixed;
  z-index: 8000;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e4e5e6;
}
#mainHeader .left .logo {
  display: inline-block;
  width: 159px;
  height: 85px;
  margin-right: 30px;
}
#mainHeader .left .logo img {
  display: inline-block;
  vertical-align: middle;
  width: 159px;
}
#mainHeader .left .logo:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#mainHeader .left .menu {
  display: inline-block;
}
#mainHeader .left .menu .menuItem {
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  position: relative;
  padding: 27px 5px 18px;
  width: 125px;
  text-align: center;
  box-sizing: initial;
}
#mainHeader .left .menu .menuItem *{
	box-sizing: initial;
}
#mainHeader .left .menu .menuItem .menuLink {
  font-size: 15px;
  color: #888888;
  line-height: 40px;
  text-decoration: none;
}
#mainHeader .left .menu .menuItem .menuLink i {
  color: #c3c3c3;
  font-size: 12px;
  font-family: "Font Awesome 5 Free"!important;
}
#mainHeader .left .menu .menuItem .hoverUnder {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: white;
  bottom: -1px;
  left: 0;
  display: none;
}
#mainHeader .left .menu .menuItem .subMenu {
  position: absolute;
  text-align: left;
  top: 86px;
  left: -1px;
  background-color: white;
  display: none;
  border-left: 1px solid #e4e5e6;
  border-right: 1px solid #e4e5e6;
  border-bottom: 1px solid #e4e5e6;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItemBox {
  display: none;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItem {
  font-size: 15px;
  color: #888888;
  line-height: 40px;
  text-decoration: none;
  display: inline-block;
  padding: 0 15px;
  width: 200px;
  cursor: pointer;
  clear: both;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItem i {
  position: relative;
  float: right;
  top: 13px;
  font-size: 13px;
  color: #c3c3c3;
  font-family: "Font Awesome 5 Free"!important;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItem .subMenuItemBox {
  background-color: #f7f8f9;
  position: absolute;
  width: 200px;
  height: 161px;
  top: -1px;
  left: 230px;
  border-right: 1px solid #e4e5e6;
  border-bottom: 1px solid #e4e5e6;
  border-top: 1px solid #e4e5e6;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItem .subMenuItemBox .subMenuItemInner {
  font-size: 15px;
  color: #888888;
  text-decoration: none;
  display: inline-block;
  width: 170px;
  padding: 0 15px;
  line-height: 40px;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItem .subMenuItemBox .subMenuItemInner:hover, #mainHeader .left .menu .menuItem .subMenu .subMenuItem .subMenuItemBox .subMenuItemInner.active {
  background-color: #ecedee;
  color: #003D84;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItem:hover, #mainHeader .left .menu .menuItem .subMenu .subMenuItem.active {
  color: #003D84;
  background-color: #f7f8f9;
}
#mainHeader .left .menu .menuItem .subMenu .subMenuItem:hover .subMenuItemBox, #mainHeader .left .menu .menuItem .subMenu .subMenuItem.active .subMenuItemBox {
  display: inline-block;
}
#mainHeader .left .menu .menuItem:hover, #mainHeader .left .menu .menuItem.active {
  border-left: 1px solid #e4e5e6;
  border-right: 1px solid #e4e5e6;
}
#mainHeader .left .menu .menu1Item3:hover, #mainHeader .left .menu .menu1Item3.active,
#mainHeader .left .menu .menu1Item4:hover, #mainHeader .left .menu .menu1Item4.active {
  border-bottom: 1px solid #e4e5e6;
  padding-bottom: 17px;
}
#mainHeader .left .menu .innerItem:hover{
  border-bottom: 1px solid #e4e5e6;
  padding-bottom: 17px;
}
#mainHeader .left .menu .innerItem.active{
  border-bottom: none;
  padding-bottom: 17px;
}
#mainHeader .left .menu .menuItem:hover .menuLink, #mainHeader .left .menu .menuItem.active .menuLink {
  color: #003D84;
}
#mainHeader .left .menu .menuItem:hover .menuLink i, #mainHeader .left .menu .menuItem.active .menuLink i {
  color: #003D84;
}
#mainHeader .left .menu .menuItem:hover .menuLink ~ .subMenu, #mainHeader .left .menu .menuItem.active .menuLink ~ .subMenu {
  display: inline-block;
}
#mainHeader .left .menu .menuItem:hover .hoverUnder, #mainHeader .left .menu .menuItem.active .hoverUnder {
  display: block;
}
#mainHeader .right {
  position: absolute;
  right: 10px;
  top:0;
}
#mainHeader .right .account-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #888888;
  text-decoration: none;
  padding-top: 38px;
  padding-bottom: 29px;
}
#mainHeader .right .account-btn i {
  margin-right: 3px;
  font-size: 15px;
  font-family: "Font Awesome 5 Free"!important;
}
#mainHeader .right .account-btn:hover {
  color: #003D84;
}
#mainHeader .right .message-btn{
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
#mainHeader .right .message-btn .count{
  font-size: 12px;
  border-radius: 20px;
  background-color: red;
  color:#fff;
  display: inline-block;
  position: absolute;
  top: 29px;
  padding: 0 4px;
  min-width: 15px;
  height: 15px;
  left: 15px;
  text-align: center;
  line-height: 1.3;
  box-sizing: border-box;
}
#mainHeader .right .message-block {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: -1px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
#mainHeader .right .message-block.active{
	border-left-color: #e4e5e6;
	border-right-color: #e4e5e6;
}
#mainHeader .right .message-block.active .message-btn{
  	color: #003D84;
}
#mainHeader .right .message-block.active .message-btn::after{
	position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    content: "";
    background-color: #fff;
    height: 2px;
    z-index: 5;
}
#mainHeader .right .message-block + .vr{
	margin-left: 0;
}
#mainHeader .right .message-box {
	position: absolute;
	right:-1px;
	top:85px;
	background-color: #fff;
	font-size: 14px;
	width: 360px;
	border: 1px solid #e4e5e6;
	opacity: 0;
	z-index: -999;
	pointer-events: none;
}
#mainHeader .right .message-block.active .message-box {
	opacity: 1;
	z-index: 0;
	pointer-events: auto;
}
#mainHeader .right .message-box .message-tool{
	padding: 5px 15px;
	border-bottom: 1px solid #e4e5e6;
	display: none;
}
#mainHeader .right .message-box .message-tool.active{
	display: block;
}
#mainHeader .right .message-box .message-tool::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#mainHeader .right .message-box .message-tool a{
	display: inline-block;
    padding: 2px 8px;
    color: #999;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}
#mainHeader .right .message-box .message-tool a:hover{
	color:#07b1d1;
	border-color: #07b1d1;
}
#mainHeader .right .message-box .message-tool .btn-left{
	float: left;
}
#mainHeader .right .message-box .message-tool .btn-right{
	float: right;
}
#mainHeader .right .message-box .message-list{
	max-height: 380px;
	overflow-y: auto;
}
#mainHeader .right .message-box .message-list .no-message{
	display: none;
}
#mainHeader .right .message-box .message-list.noMessage .no-message{
	display: block;
	padding: 30px;
	text-align: center;
	color: #aaa;
}
#mainHeader .right .message-box .message-list.noMessage ul{
	display: none;
}
#mainHeader .right .message-box .message-list li{
	border-top: 1px solid #e4e5e6;
	position: relative;
}
#mainHeader .right .message-box .message-list li:first-child{
	border-top:none;
}
#mainHeader .right .message-box .message-list li .item{
	padding: 20px;
	text-decoration: none;
	color:#666666;
	display: block;
}
#mainHeader .right .message-box .message-list.active li .item{
	padding-right: 75px;
	pointer-events: none;
}
#mainHeader .right .message-box .message-list.active li .item{
	pointer-events: none;
}
#mainHeader .right .message-box .message-list li:not(.read) .item:hover{
	color:#07b1d1;
}
#mainHeader .right .message-box .message-list li .item .title{
	font-weight: bold;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#mainHeader .right .message-box .message-list li .item .date{
	font-size: 12px;
	color:#aaa;
	display: block;
}
#mainHeader .right .message-box .message-list li .btn-block{
	display: none;
}
#mainHeader .right .message-box .message-list li.read{
	background-color: #f8f8f8;
}
#mainHeader .right .message-box .message-list li.read .item .title{
	font-weight: normal;
}
#mainHeader .right .message-box .message-list.active li .btn-block{
	position: absolute;
	right: 20px;
    top: 30px;
	display: block;
}
#mainHeader .right .message-box .message-list li .btn-block .btn{
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-left: 5px;
}
#mainHeader .right .message-box .message-list li .btn-block .btn.btnDel{
	background-image: url(../images/header/icon_maildel.svg);
}
#mainHeader .right .message-box .message-list li .btn-block .btn.btnDel:hover{
	background-image: url(../images/header/icon_maildel_b.svg);
}
#mainHeader .right .message-box .message-list li .btn-block .btn.btnOpen{
	background-image: url(../images/header/icon_mailunread.svg);
}
#mainHeader .right .message-box .message-list li.read .btn-block .btn.btnOpen{
	background-image: url(../images/header/icon_mailread.svg);
}
#mainHeader .right .message-box .message-list .mCSB_container.mCS_no_scrollbar{
	margin-right: 0;
}
#mainHeader .right .message-box .message-list .mCSB_scrollTools{
	background-color: #f8f8f8;
}
#mainHeader .right .message-box .message-list .mCSB_scrollTools .mCSB_draggerRail{
	background-color: transparent;
}
#mainHeader .right .vr {
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 14px;
  margin: 40px 7px 0;
  background-color: #888888;
}
.message-window{
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	z-index: 9999;
	background-color: rgba(0,0,0,.5);
	display: none;
	text-align: center;
}
.message-window.active{
	display: block;
}
.message-window::before{
	position: relative;
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
	content: "";
}
.message-window .window{
	max-width: 700px;
	width: 96%;
	background-color: #fff;
	border-radius: 5px;
	padding-bottom: 40px;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
}
.message-window .window .top{
	padding: 20px 30px;
	position: relative;
}
.message-window .window .top .date{
	color:#aaaaaa;
	font-size: 12px;
	margin-bottom: 2px;
}
.message-window .window .top .title{
	font-size: 16px;
	color:#666666;
	font-weight: bold;
}
.message-window .window .top .btn-close{
	position: absolute;
	width: 14px;
	height: 14px;
	right:30px;
	top:20px;
	transform: rotate(45deg);
}
.message-window .window .top .btn-close:hover span{
	background-color: #003D84;
}
.message-window .window .top .btn-close span{
	display: block;
	background-color: #888888;
}
.message-window .window .top .btn-close span:nth-child(1){
	width: 15px;
	height: 2px;
    margin-top: 6px;
}
.message-window .window .top .btn-close span:nth-child(2){
	width: 2px;
	height: 15px;
    margin-top: -9px;
    margin-left: 7px;
}
.message-window .window .content{
	padding: 20px 10px 20px 30px;
	background-color: #f9f9f9;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	color:#888888;
	line-height: 1.6;
    max-height: 50vh;
    overflow-y: auto;
}
.message-window .window .content a{
	color:#003D84;
}


.addSpotcam{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}
.addSpotcam .addSpotcam-main{
	position: relative;
}
.addSpotcam .addSpotcam-main .addSpotcam-control{
	position: absolute;
	top: -42px;
	left: 10px;
	z-index: 101;
	background-color: rgba(234, 130, 6, .85);
	color: white;
	font-size: 16px;
	line-height: 21px;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.addSpotcam .addSpotcam-main .addSpotcam-control .icon {
  width: 16px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.addSpotcam .addSpotcam-main .addSpotcam-control .icon .add-icon{
  fill: #ffffff;
}
.addSpotcam .addSpotcam-main .addSpotcam-control:hover {
	background-color: rgba(234, 130, 6, 1);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.addSpotcam .addSpotcam-main .addSpotcam-control::after {
	display: inline-block;
	vertical-align: top;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content:"\f077";
	margin-left: 3px;
}
.addSpotcam .addSpotcam-main .addSpotcam-control.active::after {
	content:"\f078";
}
.addSpotcam .addSpotcam-main .addSpotcam-block{
	display: none;
	font-size: 0;
	text-align: center;
	background-color: rgba(234, 130, 6, .85);
}
.addSpotcam .addSpotcam-main .addSpotcam-block [class*="addSpotcam-"]{
	padding: 50px 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.addSpotcam .addSpotcam-main .addSpotcam-block .addSpotcam-img{
	width: 100px;
}
.addSpotcam .addSpotcam-main .addSpotcam-block .addSpotcam-img img{
	width: 100%;
	height: auto;
}
.addSpotcam .addSpotcam-main .addSpotcam-block .addSpotcam-text{
    color: #fff;
    font-size: 24px;
	width: 40%;
	text-shadow: 0 0 8px #73430a;
	line-height: 1.6;
}
.addSpotcam .addSpotcam-main .addSpotcam-block .addSpotcam-btn{
	font-size: 22px;
    line-height: 16px;
    padding: 15px;
    background-color: #fff;
    color:#ea8206;
    border: 1px solid #fff;
    text-decoration: none;
}
.addSpotcam .addSpotcam-main .addSpotcam-block .addSpotcam-btn:hover{
    color:#fff;
    background-color: transparent;
}
.cookie{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
	box-shadow: 0 1px 6px rgba(5,27,44,.06),0 2px 32px rgba(5,27,44,.16);
	background-color: rgba(255,255,255,0.8);
}
.cookie-about{
	padding: 20px;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	text-align: right;
	color: #051b2c;
}
.cookie-tos{
	position: fixed;
	top: 0;
	right: 0;
	background-color: rgba(5, 178, 210, 0.9);
	width: 360px;
	height: 280px;
	border-bottom-left-radius: 100%;
	z-index: 50000;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-end;
	padding: 20px 20px 0px 50px;
	transition: all .5s;
	transform: translate(100%, -100%);
	color: #fff;
}
.cookie-tos > .img{
	background-image: url(../../images/tos.svg);
	width: 210px;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
}
.cookie-tos.active{
	transform: translate(0, 0);
}
.cookie-tos .cookieText{
	padding-right: 0;
	width: 320px;
}
.cookie-box{
	transition: all .5s;
    transform: translateY(-100%);
    display: none;
    position: relative;
}
.cookie-box.active{
    display: block;
	transform: translateY(0);
}
.cookieTitle{
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}
.cookieText{
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
	padding-right: 150px;
}
.cookieText a{
	text-decoration: underline;
	color: inherit;
	color: #003D84;
}
.cookieClose{
	font-size: 16px;
	display: inline-block;
	background-color: #003D84;
	padding: 5px 30px;
	color: #ffffff;
	/* border-radius: 4px; */
	border-radius: 50px;
	text-decoration: none;
	position: absolute;
	right:20px;
	top:50%;
	margin-top: -15px;
	text-align: center;
}
.cookieClose:hover{
	box-shadow: 0 1px 4px #051b2c;
}
.cookie-tos .cookieClose{
	position: relative;

	font-size: 16px;
	display: inline-block;
	background-color: transparent;
	padding: 4px 30px;
	color: #ffffff;
    border: 1px solid #ffffff;
	border-radius: 0;
	text-decoration: none;
	margin-top: 15px;
	right: auto;
    top: auto;
}
.cookie-tos .cookieClose:hover {
	color: #466c6f;
    background-color: #ffffff;
	box-shadow: none;
}

.forgetPW.lightbox{
	width: 100%;
	font-size: 0;
}

.forgetPW.lightbox #flreftbox{
	margin-top: 15px;
    padding: 50px 32px 30px 42px;
    width: 302px;
    border-left: 1px solid #ececec;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.forgetPW.lightbox #flleftbox{
	margin-top: 15px;
    padding: 30px 15px 15px 30px;
    width: 435px;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.forgetPW.lightbox p.forgotsign{
	padding: 0 15px 15px 30px;
    width: 435px;
    display: inline-block;
    text-align: left;
    float: none;
}

.forgetPW.lightbox #flreftbox #emailer{
	width: calc(100% - 2px);
	box-sizing: border-box;
	border-radius: 3px;
    box-shadow: none;
    outline: none;
    border-style: solid;
    border-width: 1px;
    padding: 0 5px;
    text-align: center;
    height: 37px;
}
.forgetPW.lightbox #message{
	display: inline-block;
    vertical-align: middle;
}
.forgetPW.lightbox #message img{
	width: 40px;
    height: auto;
}
.forgetPW.lightbox #clleftbox{
	font-size: 16px;
	padding: 25px;
}
.forgetPW.lightbox #clleftbox .btn-green{
	margin-top: 20px;
}
.forgetPW.lightbox #clleftbox .btn-green{
	margin-top: 20px;
}

@media screen and (max-width:1023px){
	.forgetPW.forgetPW.lightbox #flreftbox{
		margin-top: 0;
	    padding: 15px;
	    width: 100%;
	    box-sizing: border-box;
	    border-left: none;
	    display: block;
	}
	.forgetPW.lightbox h1.loginbox{
		padding-top: 0;
	}
	.forgetPW.lightbox .lighttop{
		padding: 0 15px;
	}
	.forgetPW.lightbox #flleftbox{
		margin-top: 0;
	    padding: 15px 15px 0;
	    width: 100%;
	    box-sizing: border-box;
	    display: block;
	}
	.forgetPW.lightbox p.forgotsign{
		width: auto;
		text-align: center;
		display: block;
		padding: 0 15px 15px;
	}
}
@media screen and (max-width:749px){
	.forgetPW.lightbox h2.lightboxtitle{
		padding: 15px 0;
		font-size: 17px;
	}
	.forgetPW.lightbox h1.loginbox{
		font-size: 17px;
	}
}
@media screen and (max-width: 374px){
	.forgetPW.lightbox #flreftbox .google-recaptcha .g-recaptcha div{
		transform: scale(0.95);
	    margin-left: -4px;
	}
	.forgetPW.lightbox h2.lightboxtitle{
		font-size: 16px;
	}
	.forgetPW.lightbox h1.loginbox{
		font-size: 16px;
	}
}


.newlightbox{
    background-color: #fff;
    width: 520px;
    border-radius: 5px;
    color:#666666;
    font-size: 14px;
}
.newlightbox *{
    box-sizing: border-box;
}
.newlightbox .tabs .tabs-nav{
    font-size: 0;
    border-bottom: 1px solid #eeeeee;
}
.newlightbox .tabs .tabs-nav a{
    display: inline-block;
    vertical-align: top;
    padding: 15px 15px 12px;
    width: calc( 100% / 2 );
    border-bottom: 4px solid transparent;
    color:#666666;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}
.newlightbox .tabs .tabs-nav a.active{
    border-bottom-color: #003D84;
    color: #003D84;
}
.newlightbox .tabs .tabs-nav a.disabled{
	pointer-events: none;
	color: #ddd;
}
.newlightbox .tabs .tabs-content{
    padding: 20px 25px;
}
.newlightbox .tabs .tabs-content .tabs-block{
    display: none;
}
.newlightbox .tabs .tabs-content .tabs-block.active{
    display: block;
}
.newlightbox .tabs .tabs-content .item{
    margin-bottom: 20px;
}
.newlightbox .tabs .tabs-content .item .name{
    font-weight: bold;
    margin-bottom: 10px;
}
.newlightbox .tabs .tabs-content .item p{
    margin-bottom: 6px;
    margin-top: 6px;
}
.newlightbox .tabs .tabs-content .item .select-box,
.newlightbox .tabs .tabs-content .item .select-box+span{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
}
.newlightbox .tabs .tabs-content .item .select-box .select-label{
    background-color: #f4f4f4;
    padding: 6px 10px;
    position: absolute;
    width: 100%;
    left:0;
    top:0;
    z-index: 10;
    pointer-events:none;
    height: 30px;
    color:#888888;
}
.newlightbox .tabs .tabs-content .item .select-box .select-label::after{
    position: absolute;
    border-color: transparent #888888 #888888 transparent;
    border-style: solid;
    border-width: 4px;
    content:"";
    right:3px;
    bottom:3px;
    z-index: 10;
}
.newlightbox .tabs .tabs-content .item .select-box .select-label+select{
    padding: 6px 10px;
    min-width: 78px;
    border: none;
    height: 30px;
}
.newlightbox .tabs .tabs-content .item input[type="text"]{
    background-color: #f4f4f4;
    padding: 6px 10px;
    width: 100%;
    height: 30px;
    text-align: center;
    color:#888888;
    border: none;
}
.newlightbox .tabs .tabs-content .item.timeLapse-block{
	display: none;
}
.newlightbox .tabs .tabs-content .item.timeLapse-block.active{
	display: block;
	margin-top: -15px;
    border: 1px solid #eeeeee;
    padding: 5px 10px 10px;
}
.newlightbox .tabs .tabs-content .item.timeLapse-block.active .select-box,
.newlightbox .tabs .tabs-content .item.timeLapse-block.active .select-box+span{
	margin-right: 0;
}
.newlightbox .tabs .tabs-content .btn-block{
    padding-top: 25px;
    text-align: center;
    border-top: 1px solid #eeeeee;
}
.newlightbox .tabs .tabs-content .btn-block .btn{
    text-align: center;
    width: 120px;
    padding: 10px 10px 8px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
}
.newlightbox .tabs .tabs-content .btn-block .btn:hover{
    color:#fff;
		background-color: #003D84;
}
.newlightbox .tabs .tabs-content .btn-block .btn-blue{
    border: 1px solid #003D84;
    color:#003D84;
		background-color: transparent;
}
.newlightbox .tabs .tabs-content .btn-block .btn-orange{
    border: 1px solid #f48b38;
    color:#f48b38;
}
.newlightbox .btn-question{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.newlightbox .btn-question:hover span{
	display: block;
}
.newlightbox .btn-question span{
	position: absolute;
	background-color: rgba(0,0,0,.6);
	border-radius:5px;
	padding: 5px 10px;
	color:#fff;
	width: 270px;
	bottom: calc(100% + 10px );
    left: -10px;
	display: none;
	z-index: 10;
}
.newlightbox .btn-question span::after{
	position: absolute;
	content: "";
	border-style: solid;
	border-color: rgba(0,0,0,.6) transparent transparent transparent;
	border-width:  8px;
	left: 9px;
    bottom: -16px;
}
.newlightbox .check-item input[type="checkbox"],
.newlightbox .radio-item input[type="radio"]{
	display: none;
}
.newlightbox .check-item label,
.newlightbox .radio-item label{
	padding-left: 20px;
	position: relative;
}
.newlightbox .check-item label::after,
.newlightbox .radio-item label::after{
	width: 14px;
	height: 14px;
	background-image: url(../images/newlightbox_icon.png);
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left:0;
	top:2px;
}
.newlightbox .radio-item,
.newlightbox .check-item{
	padding: 6px 0;
}
.newlightbox .check-item label::after{
	background-position: right top;
}
.newlightbox .check-item input[type="checkbox"]:checked + label::after{
	background-position: right bottom;
}
.newlightbox .radio-item input[type="radio"]:checked + label::after{
	background-position: left bottom;
}
.newlightbox .radio-item label::after{
	background-position: left top;
}


/* 2021/2/8 */
.alert-wrap{
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(0,0,0,.5);
	display: none;
}
.alert-wrap.active{
	display: block;
}
.alert-wrap .alert-box{
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
	width: 620px;
	padding: 50px 20px 20px;
	border-radius: 8px;
	box-shadow: 0 1px 6px rgba(5,27,44,.06),0 2px 32px rgba(5,27,44,.16);
	margin: 10% auto 0;
	line-height: 1.6;
    color: #051b2c;
    font-size: 16px;
}
.alert-wrap .alert-box p {
	width: calc(100% - 24px);
}
.alert-wrap .alert-box .btn-block{
	text-align: right;
	margin-top: 20px;
}
.alert-wrap .alert-box .btn-block .btn{
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    padding: 8px 24px 7px;
    margin: 0 0 0 10px;
    border-radius: 4px;
	cursor: pointer;
	border: none;
}

.alert-wrap .alert-box .btn-block .btn-fblue{
	background-color: #003D84;
	color:#fff;
	transition: .3s box-shadow;
}
.alert-wrap .alert-box .btn-block .btn-fblue:hover{
	box-shadow: 0 1px 4px #051b2c;
}
.alert-wrap .alert-box .btn-block .btn-blue{
	background-color: #fff;
	   color: #051b2c;
	   transition: .3s background-color;
}
.alert-wrap .alert-box .btn-block .btn-blue:hover{
	background-color: #F2F4F8;
}
.alert-wrap .alert-box .closeIcon{
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.alert-wrap .alert-box .closeIcon::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	top: 0;
	left: 0;
	background-color: #F2F4F8;
	transform: scale(0);
	transition: .3s transform;

}
.alert-wrap .alert-box .closeIcon:hover::after{
	transform: scale(1);
}
.alert-wrap .alert-box .closeIcon svg{
	position: relative;
	z-index: 2;
	width: 16px;
	height: 16px;
	opacity: .8;
}
.password_rule  {
	margin-bottom: 10px;
}
.password_rule .rule_item {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 12px;
	margin-bottom: 5px;
	color:#aaa;
  }
  .password_rule .rule_item .check_icon {
	width: 12px;
	height: 12px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 50%;
  }
  .password_rule .rule_item .check_icon svg {
	width: 12px;
	height: 12px;
  }.password_rule .rule_item .check_icon svg .st0 {
	fill: #ffffff
  }.password_rule .rule_item .check_icon svg .st1 {
	fill: #ffffff
  }.password_rule .rule_item.active{
  	color:#00B1D2;
  }.password_rule .rule_item.active .check_icon svg .st0 {
	fill: #00B1D2
  }

  #lleftbox .password_input, #clleftbox .password_input {
	position: relative;
  }

  #lleftbox .eye_icon, #clleftbox .eye_icon{
	position: absolute;
	right: 15px;
	bottom: 21px;
	width: 20px;
	height: 14px;
	background-size: cover;
	background-position: center;
	cursor: pointer;
  }
  #lleftbox .eye_icon.hide, #clleftbox .eye_icon.hide{
	background-image: url('../images/icon_eye_off.svg');
  }
  #lleftbox .eye_icon.show, #clleftbox .eye_icon.show{
	background-image: url('../images/icon_eye_on.svg');
  }
  @media(max-width: 1023px) {
	#lleftbox #lleftboxTable .eye_icon, #clleftbox .eye_icon{
		position: absolute;
		right: 39px;
		bottom: 21px;
		width: 20px;
		height: 14px;
		background-size: cover;
		background-position: center;
		cursor: pointer;
	}
  }

  #new_message {
	display: none;
  }

  #new_message .message_lightbox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
  }

  #new_message .message_lightbox .message_inner {
	position: relative;
	z-index: 2;
	max-width: 400px;
	width: calc(100% - 20px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.3s -webkit-transform;
	transition: 0.3s -webkit-transform;
	transition: 0.3s transform;
	transition: 0.3s transform, 0.3s -webkit-transform;
  }

  #new_message .message_lightbox .message_inner .message_top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 28px 0;
	text-align: center;
	background-color: #003D84;
  }

  #new_message .message_lightbox .message_inner .message_bottom {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 32px 16px 16px;
	background-color: #fff;
	text-align: center;
  }

  #new_message .message_lightbox .message_inner .message_bottom .message_title {
	color: #666666;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
  }

  #new_message .message_lightbox .message_inner .message_bottom .message_text {
	color: #888888;
	font-size: 14px;
	margin-bottom: 32px;
  }

  #new_message .message_lightbox .message_inner .message_bottom .message_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }

  #new_message
	.message_lightbox
	.message_inner
	.message_bottom
	.message_btns
	.btn_w {
	display: block;
	width: calc(50% - 8px);
	line-height: 43px;
	background-color: #fff;
    color: #051b2c;
    transition: .3s background-color;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
  }

  #new_message
	.message_lightbox
	.message_inner
	.message_bottom
	.message_btns
	.btn_w:hover {
	background-color: #F2F4F8;
  }

  #new_message
	.message_lightbox
	.message_inner
	.message_bottom
	.message_btns
	.btn_blue {
	display: block;
	width: calc(50% - 8px);
	line-height: 43px;
	background-color: #003D84;
	-webkit-transition: 0.3s box-shadow;
	transition: 0.3s box-shadow;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius: 4px;
  }

  #new_message
	.message_lightbox
	.message_inner
	.message_bottom
	.message_btns
	.btn_blue:hover {
	box-shadow: 0 1px 4px #051b2c;
}

  #new_message .message_lightbox .message_inner.active {
	-webkit-transform: scale(1);
	transform: scale(1);
  }

  #new_message .message_lightbox .message_mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
  }

  #new_message.active {
	display: block;
  }

  .btn-new-loading.loading{
      position: relative;
      color: transparent !important;
      background: #05b2d2!important
  }
  .btn-new-loading.loading::after{
      position: relative;
      color: transparent !important;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -8.5px;
      margin-top: -8.5px;
      width: 15px;
      height: 15px;
      border: 2px solid #fff;
      border-bottom: 2px solid rgba(255, 255, 255, 0);
      border-radius: 50%;
      animation: loadingCircle 1s infinite linear;
      content: "";
  }

  @keyframes loadingCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }

}
#shareWindow .row{
	padding: 5px 0 13px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 13px;
}