@charset "utf-8";
/*初始設定*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
thead,
th,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

#map {
    width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

nav ul,
li {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparen;
    text-decoration: none;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

body {
    font-family: "微軟正黑體";
	margin: 0;
    padding: 0;
    /*color: #333;*/
	color: #222;
    font-size: 16px;
	min-width: 320px;
	overflow-x:hidden;
    line-height: 1;
}


/*body 設定*/

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}


/*網頁所有屬性設定*/

a {
    text-decoration: none;
    //color: inherit;
    /*color: #3b5998;*/
	color: #003377;
}

a:hover {
	color: #dc0000;
	text-decoration: underline;
}


a:focus {
	/*color: #dc0000;*/
	text-decoration: none;
}

.block-title {
	font-size:22px;
	font-weight: bold;
	color: #dc0000;
	line-height: 2;
}

.blog-left a, .blog-right a {
	color: #0077b5;
}

.blog-right a {
	display: block;
	
	/*font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;*/
}



.blog-right-text {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
}

a.blog-right-article-right {
	border: 1px solid transparent;
	border-top: 1px solid #ccc;
	margin-bottom: -1px;
}



a.blog-right-article-right:hover {
	background: rgba(255,255,233,1);
	/*color: #0077b5;*/
	border: 1px solid #ccc;
	text-decoration: none;
}


a.blog-right-article-right:focus {
	text-decoration: none;
}

/*a的設定*/

.clearfix:before,
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}


/*清理浮動*/

label {
    font-weight: 400
}

input[type="radio"] {
    margin-right: 3px;
    /*margin-left: 5px;*/
	/*margin-top:  8px;*/
    margin-bottom: 2px;
}


input[type="checkbox"] {
    margin-right: 8px;
    margin-left: 5px;
	/*margin-top:  8px;*/
    margin-bottom: 2px;
}

.p_l input[type="radio"],
.p_l input[type="checkbox"] {
    margin-right: 2px;
	margin-top:  0;
}



/*初始設定*/

input,
input:hover,
input:focus {
    Outline: none
}

/*清除表單邊框顏色*/

.header-btn {
	color: #fff;
	box-sizing: border-box;	
	border: 1px solid #000;
	border-radius: 3px;
	margin: 34px 0%;
    padding: 6px 1%;
    display: inline-block;
	font-size: 16px;
	position: relative
}

.header-btn:hover,
.header-btn:focus,
.header-btn:active {
	color: #fff;
	text-decoration: none;
	border: 1px solid #ccc;
}

.btn_green {
    background-color: #67c155;
	border-color: #67c155;
	margin-left:0.5%;
}

.btn_blue {
    background-color: #00A0E8;
	border-color: #00A0E8;
}

.btn_red {
    background-color: #dc0000;
	border-color: #dc0000;
}

.btn_green:hover,
.btn_green:focus,
.btn_green:active {
    background-color: #67c155 !important;
}

.btn_blue:hover,
.btn_blue:focus,
.btn_blue:active {
    background-color: #00A0E8 !important;
}

.btn_red:hover,
.btn_red:focus,
.btn_red:active {
    background-color: #dc0000 !important;
}

.header-btn:active {
	color: #fff !important;
	border: 1px solid #fff !important;
}

.navigation-box {
    display: none;
    position: fixed;
    border: none;
    background: rgba(220, 0, 0, 0.5);
    color: #fff;
    border-radius: 6px;
    z-index: 999;
	text-align: center;
	right: 2px;
	width: 48px;
	height: 48px;
	/*text-align: center;
	vertical-align: middle;*/
	padding: 6px 6px;
	border: 1px solid rgba(180,0,0,0.5);
}

.navigation-box:hover {
    background: rgba(220, 0, 0, 1);	
}

#toTop {
	/*font-size: 1em;*/
    bottom: 2px;
    padding: 4px 6px;
}

#toTopHover {
	font-size: 1.2em;
}

#toShare {
    bottom: 52px;
	padding: 14px 6px;
}

#toMember {
    bottom: 102px;
}


#toNews {
    bottom: 152px;
}


#toAnalysis, .bottom-4 {
    bottom: 202px;
}


#toCompany, .bottom-5 {
    bottom: 252px;
}


#toKbar, .bottom-6 {
    bottom: 302px;
}

#toKbar {
	padding: 14px 6px;
}


#toImageMode, .bottom-7 {
    bottom: 352px;
}

#toClose, .bottom-8 {
    bottom: 402px;
}


#toHTMLfile, .bottom-1 {
    bottom: 52px;
}

#tonine-2, .bottom-2 {
    bottom: 102px;
}

#tonine-1, .bottom-3 {
    bottom: 152px;
}

/*
#toClose-nine {
    bottom: 202px;
}
*/


/*--------------------------------------------------------------------------------------------------------------------*/

a.logo:hover {
    background-color: #000 !important;
	border-color:#000 !important;
}

.search-ul {
    display: none;
    text-align: center;
    background: #fff;
    margin-top: 2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    height: 300px;
    overflow: auto;
}

.footer-txt {
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding-top: 2.5%
}

.footer-txt a {
    color: #337ab7
}

.search-ul li {
    line-height: 28px;
}

.search-ul li:hover {
    background: #00A0E8;
    color: #fff
}

.logo {
    /*padding-top: 16px*/
	
	margin: 17px 0;
	padding: 8px 1%;
}

.sign-txt {
    font-size: 14px;
    color: #dc0000;
    line-height: 28px;
    text-align: right;
    padding-right: 25px;
}

header {
    width: 100%;
    background: #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top: solid 5px #dc0000;
    position: relative;
    /*z-index: 9;*/
}

.hearder-container {
    width: 1200px;
    margin: 0 auto
}

/*
header ul li a {
    float: left;
    color: #FFF;
    height: 100px;
    line-height: 100px;
    padding: 0 1%;
    display: inline-block
}
*/


header ul li a {
    float: left;
    color: #FFF;
	margin: 34px 0;
    padding: 7px 10px;
    /*padding: 0 1%;*/
    display: inline-block;
	font-size: 16px;
	border-radius: 3px;
	box-sizing: border-box;
	border:1px solid #000;
	
}

/*
header ul li a:hover {
    background: url(../images/nav_item_hover.png) no-repeat bottom center;
	color: rgb(255,255,0);
    text-decoration: none;
}
*/

header ul li a:hover,
header ul li a:focus {
	/*border: 1px solid #fff;*/
	
    color: #fff;
	background-color:#dc0000;
    text-decoration: none;
	border-color: #dc0000;
	/*border-color:#fff;*/
	
}

header ul li a:active {
	/*border: 1px solid #fff;*/
    /*color: #000;
	background-color:#ccc;
    text-decoration: none;*/
	border-color: #fff;
}


.uase {
    /*max-width: 100px;*/
    color: #fff;
    border-radius: 2px;
    padding: 3px;
    padding-bottom: 1px;
    font-size: 15px;
    display: inline-block;
    padding-left: 0;
	overflow: hidden;
}

.uase:hover {
    color: #fff;
    text-decoration: none
}

.enter {
    background: #000;
    color: #666;
    background: #000;
    line-height: 36px;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
}


.veil {
    display: none
}

.quantity {
    color: #dc0000;
    background: #FFF;
    position: absolute;
    top: -15px;
    padding: 4px 10px;
    border-radius: 20px;
}

.footer-quantity {
    color: #dc0000;
    background: #FFF;
    /* position: absolute; */
    /* top: 0; */
    /* right: 20px; */
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
}

.sign_out {
    width: 300px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px
}

.sign_out h1 {
    font-size: 22px;
    color: #fff;
    background: #00A0E8;
    text-align: center;
    line-height: 36px;
    font-weight: 500
}

.out {
    display: block;
    width: 80%;
    margin: 20px auto 0 auto;
	padding: 3%;
	text-align: center;
}

.out-1 {
    display: inline-block;
    width: 40%;
	line-height: 36px;
	text-align: center;
	margin: 2%;
}

.out-2 {
    display: block;
    width: 40%;
    margin: 0 auto 3%;
    background: #6f6f6f;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    color: #fff;
}


.msg-2 {
    display: block;
    /*width: 50%;*/
    width: 100px;
    margin: 5% auto;
    /*background: #6f6f6f;*/
    text-align: center;
    line-height: 38px;
    /*border-radius: 3px;*/
    /*color: #fff;*/
}

.sign_out p {
    text-align: center;
    padding: 4% 0;
    font-size: 24px;
}

.sign {
    width: 600px;
    margin: 0 auto;
}

.sign h1 {
    background: #00A0E8;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 56px;
    margin: 0;
}

.sign-c {
    padding: 3%
}

.sign-c-input {
    width: 92%;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 36px;
    margin-left: 3%;
    padding-left: 1%;
    font-size: 1.2em;
}

.sign-c-margin {
    /*margin: 4% 0 5% 0;
    padding-left: 17%;*/
    font-size: 14px;
}

.p_l {
	width:45%;
	margin-left: 4%;
    /*padding-right: 18px*/
	vertical-align: text-top;
	display: inline-block;
}

.sign-c-left {
    width: 20%;
    text-align: right;
    float: left;
    line-height: 28px;
	display: inline-block;
}

.sign-c-right {
    width: 78%;
    text-align: left;
    /*float: left;*/
	display: inline-block;
}

.left-empty {
	margin-left: 17%;
}

.right_sigin {
    text-align: right;
    padding-right: 6%;
    /*padding-top: 2%;
    font-size: 14px;*/
}

.right_sigin2 {
    color: #00A0E8;
    font-size: 14px;
    padding-left: 17%;
    display: inline-block;
    margin-bottom: 5%;
}

.sign-c-code {
    width: 35%;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 28px;
    margin-left: 2%;
    padding-left: 1%;
    font-size: 16px;
}

.sign img {
    vertical-align: middle
}

.sign-c-p {
    padding-left: 5%
}


.sign-c-button {
    padding-left: 16%
}

.sign-c-button-1,
.sign-c-button-2 {
    background: #6f6f6f;
    color: #fff;
    width: 45%;
    line-height: 36px;
    border-radius: 5px;
    margin: 3% 0;
}

.sign-c-button-1 {
    background: #00A0E8;
}

.sign-c-button-2 {
    margin-left: 5%
}

.sign-c-line {
    color: #00A0E8;
    font-size: 14px;
    padding-left: 16%;
    display: block
}

.sign-c-line:hover {
    text-decoration: underline;
}

.sign-c-line2 {
    line-height: 60px;
    background: url(../images/reg_now.png) no-repeat 5% center #67c155;
    display: block;
    color: #fff;
    padding-left: 60px;
    width: 65%;
    border-radius: 5px;
    margin-top: 5%;
}

.sign-c-line2:hover {
    color: #fff;
    text-decoration: none
}

.search i {
    position: absolute;
    top: 9px;
    right: 5px;
}

.sign-c-button3 {
    padding-left: 16%;
    overflow: hidden;
    margin-top: 10px;
	margin-bottom: 16px;
}

.padding-left {
    padding-left: 3%
}

.sign_out_display_none {
    display: none
}

#registered h2 {
    background: #00A0E8;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 0;
    font-size: 20px
}

.col-2 {
    width: 16%;
    float: left;
    line-height: 30px;
    text-align: right;
    padding-right: 3%
}

.col-5 {
    width: 42%;
    float: left;
}

.col-10 {
    width: 84%;
    float: left
}

.col-8 {
    width: 68%;
    float: left
}

.registered-wrapper {
    padding: 3%
}

.registered_input {
    width: 100%;
    border: solid 1px #ccc;
    line-height: 30px;
    padding-left: 1%;
    font-size: 16px;
    border-radius: 3px
}

.registered-div {
    margin-bottom: 1%
}


.blue-text {
    color: #337ab7;
}


.blue-bold {
    color: #337ab7;
	font-weight: bold;
	font-size: 1.1em;
}

.light-blue-text {
    color: #00a0e8;
    /*color: #009fe9*/
}

.red-text {
    color: #dc0000
}

#registered p {
    text-align: right;
    padding: 3% 5% 0%;
    font-size: 13px;
}

.registered-div p {
    padding: 1% 0;
    text-align: right
}

#registered img {
    padding-left: 5%
}

.registered-txt {
    font-size: 14px;
    padding-left: 16%;
}

.explain_text {
    text-align: left;
    color: #dc0000;
    font-size: 13px;
    padding-left: 16%;
    padding-top: 3%;
    line-height: 20px;
}

.sign-p {
    text-align: right;
    font-size: 14px;
    padding: 3% 5% 0%;
}

.search {
    border: solid 1px #fff;
    border-radius: 5px;
    line-height: 0;
    height: 38px;
    margin: 31px 1%;
    float: left;
    padding-right: 5px;
    position: relative;
}

.search:hover {
    background: none
}

footer {
    background: #1b1b1b;
    border-top: solid 5px #dc0000;
    padding: 3% 0 1%;
}

footer .ghl-container {
	padding-right:56px;
}

.f-left {
    padding-bottom: 2%;
    color: #fff;
    line-height: 36px;
}

.f-left a {
    color: #009fe9;
    line-height: 34px;
    text-decoration: none;
    font-size: 14px;
}

.f-left a:hover {
    color: #33ffff;
    text-decoration: underline;
}

.footer-right a:hover {
    color: #dc0000;
    text-decoration: underline;
}

.f-left i {
    color: #fff;
    width: 24px;
    text-align: center
}

.f-left-img {
    display: inline-block;
    width: 21%;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.f-left-img:hover {
    color: #fff;
}

.f-left-img span {
    font-size: 12px;
    color: #fff;
    text-align: center
}

.f-left-img img {
    width: 53%
}

.f-logo {
    padding-bottom: 2%;
    display: block;
}

.footer-content {
    padding-top: 55px;
}

.footer-content a {
    color: #fff
}

.footer-left ul li {
	 -webkit-flex: 1;
	 -ms-flex: 1;
	 flex: 1;	
	width: 100%;
	max-width: 100%;
	min-width: 100%;
    line-height: 36px;	
}	
	
.footer-content ul li {
	 -webkit-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
    /*float: left;*/
    width: 33.3333%;
	max-width: 33.3333%;
	min-width: 33.3333%;
    line-height: 36px;
	/*border-bottom: 1px solid #ccc;*/
	/*text-align: center;*/
}

.footer-right {
    color: #fff;
    line-height: 26px;
    font-size: 14px;
    padding-left: 4%;
    padding-top: 24px;
}

.footer-right a {
    color: #009fe9;
}

.footer-right h1 {
    font-size: 16px;
    padding-bottom: 8px;
}

.footer-text {
    padding: 3% 0 1%;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.modal-header {
    border-bottom: 1px solid #eee;
    background: #00A0E8;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.input-group {
    display: block
}

.sign_out a:hover {
    color: #fff;
    text-decoration: none
}

.modal-dialog {
    width: 620px;
	margin-left:auto;
	margin-right:auto;
}

.registered-a {
    text-decoration: underline;
    /* color: */
}

.registered-a:hover {
    color: #dc0000
}

.member-pick-title-left-a:hover {
    color: #fff
}

/*
#login_form {
    width: 34%;
    margin: 0 auto;
}
*/

.hearder-search {
    position: absolute;
    right: 0;
    top: 9px;
    background: none!important;
    color: #dc0000
}


/*#ui-id-1{ height: 450px ; overflow: auto; }*/




/*viedo*/

.no-padding {
    padding: 0
}

.titles {
    border-bottom: solid 1px #ccc;
    padding-bottom: 1%
}

.titles h1 {
    font-size: 45px;
    line-height: 2em;
    margin: 20px 0 10px 0
}

.titles i {
    color: #bbb;
	margin-right: 5px;
}

.viedo {
    padding: 3% 0
}

.viedo-title i {
    color: #535353;
    font: 36px;
    padding-right: 5px
}

.viedo-title {
    font-size: 26px;
    color: #db0000;
    font-weight: bold;
    line-height: 2em;
    border-bottom: solid 1px #dc0000;
    position: relative;
    margin-bottom: 48px;
}

.viedo-title:before {
    content: "";
    border-right: 15px solid white;
    border-left: 15px solid white;
    border-top: 18px solid #dc0000;
    display: inline-block;
    bottom: -19px;
    position: absolute;
    left: calc(50% - 15px);
}

.viedo-tab {
    border-bottom: 7px solid #dc0000;
	/*margin-top: 15px;*/
}

.viedo-tab a {
    font-size: 20px;
    padding: 0 3%;
    line-height: 50px;
    display: inline-block;
}

.viedo-tab a:hover,
.video-active,
.act-active {
    text-decoration: none !important;
    color: #fff !important;
    background: #dc0000 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.dropdown-toggle:hover {
    background: #FFF
}

.nav>li>a:focus {
    background-color: inherit;
}

.nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #fff;
    border: solid 1px #ccc;
}

.viedo-content img {
	display: block;
    width: 100%;
	height:auto;
	min-height: 100%;
    /*height: 142px;*/
}

.viedo-img-details img {
    width: 100%;
	max-width:240px;
	margin:auto;
    /*height: 59px;*/
}

.viedo-height {
    line-height: 28px;
    margin-bottom: 7%
}

.viedo-height-right-a {
    text-align: right;
    display: block;
    /*background: url(../images/readmore.png) 74% center no-repeat;*/
    color: #009fe9;
    margin-top: 6%;
    border-bottom: 1px solid #ccc;
}

.viedo-height-right-a a{
    color: #009fe9;
    font-weight: bold;
}

.viedo-height-right-a a:hover {
	font-weight: bold;
	text-decoration: none !important;
}

.play-btn {
	 display: block;
	 text-align: center;
	 margin-top:10px;
	 margin-bottom: 10px;
}

.play-gray,
.play-orange,
.play-to-buy,
.play-green,
.play-blue {

	padding: 7px 26px 8px 26px;
    background: url(../images/btn_disable_bg.png) no-repeat center;
    color: #fff;
	display: inline-block;
}

.play-gray:hover,
.play-orange:hover,
.play-to-buy:hover,
.play-green:hover,
.play-blue:hover {
    color: #fff;
    text-decoration: none
	background: url(../images/btn_disable_bg.png) no-repeat center;
}

.play-orange {
    background: url(../images/btn_warning_bg.png)no-repeat center;
}

.play-green {
    background: url(../images/btn_g.png)no-repeat center;
}

.play-blue {
    background: url(../images/btn_b.png)no-repeat center;
}

.play-to-buy {
    background: url(../images/btn_bg.png) no-repeat center;
}

.discounted {
    text-decoration: line-through
}

.offer {
    color: #dc0000;
    padding-left: 32%;
}

.viedo-box {
    height: 170px;
    overflow: hidden;
	line-height: 1.5em;
}

.viedo-img {
    position: relative;
    width: 100%;
    /*max-width: 400px;*/
    margin: auto;
    overflow: hidden;
	height: 100%;
}

.viedo-img .viedo-img-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 95%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}


.viedo-img-overlay.with-vip {
    /*background: rgba(255, 255, 255, 0.15);	*/
    background: rgba(0, 0, 0, 0.1);		
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	border:1px solid #aaa;
}

.viedo-img:hover .viedo-img-overlay {
    opacity: 1;
}

.viedo-img-image {
    width: 100%;
}

.viedo-img-details {
    position: absolute;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.viedo-img:hover .viedo-img-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.col-viedo {
    width: 25%;
    float: left;
    padding: 12px 1% 1% 1%;
	/*padding-bottom: 0.5%;*/
}

.col-lecture {
    width: 33.33%;
    float: left;
    padding: 12px 1% 1% 1%;
	/*padding-bottom: 0.5%;*/
}


.fadeIn-top {
    top: 40%;
	z-index:4;
}


.fadeIn-top.with-vip {
    top: 50%;	/* 不能改 */
	z-index:4;
}

.fadeIn-left {
    left: 48%;
	z-index:4;
}

.vip-img, .vip-free {
    position: relative
}


/*
.vip-img img {
    max-height: 142px;
}
*/


.vip-img:before {
    content: "VIP限定";
    position: absolute;
    /*top: 104px;*/
	bottom: 4px;
    z-index: 2;
    color: #fff;
    background: #62ca42;
    padding: 4px 12px;
    border-radius: 6px;
	border: 1px solid #ccc;
    right: 2px;
    font-size: 20px;
}


.vip-free:before {
    content: "VIP免費";
    position: absolute;
    /*top: 104px;*/
	bottom: 4px;
    z-index: 2;
    color: #fff;
    background: #62ca42;
    padding: 4px 12px;
    border-radius: 6px;
	border: 1px solid #ccc;
    right: 2px;
    font-size: 20px;
}

.page {
    text-align: center
}

.page a {
    padding: 7px 14px;
    margin-left: -5px;
    border: solid 1px #ccc;
}

.page-active {
    background: #337ab7;
    color: #fff;
    text-decoration: none;
    border: solid 1px #337ab7;
}

.page a:hover {
    background: #337ab7;
    color: #fff;
    text-decoration: none;
    border: solid 1px #337ab7;
}


.reel {
    overflow: auto;
    /*height: 534px;*/
}

#authFail {
    line-height: 36px
}

.col-lg-3-viedo {
    float: left;
    width: 25%;
    padding: 0 15px;
}


/*viedo-look*/

.viedo-look {
    padding: 3% 0 0
}

.text-left {
    text-align: left
}

.viedo-look-viedo {
    width: 500px;
    height: 400px;
}

.viedo-look-left {
    float: left;
    width: 70%;
    padding: 0 3% 0 0;
}


.viedo-look-left img {
    width: 100%
}

.viedo-look-right {
    float: right;
    width: 30%;
}


.viedo-look-right {
    line-height: 30px;
}

.viedo-look-right-1 {
    font-size: 24px;
	color: #dc0000;
	font-weight: bold;
	margin-bottom: 1em;
}

.le-1 {
    padding: 0 16px;
}

.le-2 {
    padding: 0 4px;
}

.viedo-look-c {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10%
}

.a-cart,
.a-buy {
    background: url(../images/video_look_1.png) no-repeat left center;
    color: #fff;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    width: 187px;
    font-size: 24px
}

.a-buy {
    background: url(../images/video_look_2.png) no-repeat left center
}

.viedo-look-c-buy {
    text-align: center;
    padding: 3% 0
}

.viedo-look-c-text h1 {
    font-size: 24px;
	font-weight: bold;
    padding-bottom: 24px
}

.viedo-look-c-text {
    line-height: 1.6em;
    border-bottom: solid 1px #ccc;
    padding-bottom: 26px;
    padding-top: 26px;
	font-size: 1.3em;
}

.viedo-look-c-text img, .viedo-look-c-text iframe {
    max-width:  100% !important;
}

.viedo-look-c-table {
    padding: 3% 0;
    border-bottom: solid 1px #ccc;
}

.viedo-look-c-table div {
    width: 33.33333%;
    float: left;
    background: #dbdbdb;
    border: solid 1px #fff;
    line-height: 28px;
    padding-left: 2%;
}

.go-viedo {
    text-align: right
}

.go-viedo a {
	display: inline-block;
	margin-top: 1px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
	
    /*background: #00a0e9;*/
	border-radius: 3px;
}


.viedo-look-c-buy.BtnsCount-2 div:nth-child(1) {
	flex: 1;
	max-width:50%;
	padding:0 3px;
	text-align: right;
}

.viedo-look-c-buy.BtnsCount-2 div:nth-child(2) {
	flex: 1;
	max-width:50%;
	padding:0 3px;
	text-align: left;
}

.viedo-look-c-buy.BtnsCount-1 div {
	flex: 1;
	width:100%;
	max-width: 100%;
}

.viedo-look-c-buy a {
    text-decoration: none;
    color: #fff
}

.font-size-18px {
    font-size: 18px;
}

.padding-bottom-20px {
    padding-bottom: 20px;
}

.font-weight-bold {
    font-weight: bold
}

.viedo-look-c-chart {
    line-height: 26px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3%
}

.viedo-look-c-chart-img {
    padding-bottom: 3%
}

.viedo-look-c-chart-img div {
    float: left
}

.viedo-look-c2 {
    padding-bottom: 10%
}

.viedo-look-c3-c {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1%;
    padding-top: 2%
}

.viedo-look-c3 {
    padding-bottom: 5%
}

.viedo-look-c-bottom {
    overflow: hidden;
    clear: both;
}
.viedo-look-c-bottom img {
    width: 100%
}

.video-view {
    width: 100%;
    height: 100%
}

.fb-good {
    position: absolute;
    right: 15%;
    top: 25%
}

.po-1 {
    position: relative
}

.m-r {
    margin-right: 1%
}

.line-height-26px {
    line-height: 26px;
}


/*act*/

.act {
    padding: 3% 0
}

.act-content img {
    width: 100%;
    max-height: 221px
}

.act-c {
    line-height: 28px;
    margin-bottom: 5%;
}

.act-c-vip {
    position: relative
}

.act-c-vip:after {
    content: "VIP";
    position: absolute;
    top: 182px;
    z-index: 2;
    color: #fff;
    background: #62ca42;
    padding: 4px 12px;
    border-radius: 6px;
    right: 16px;
    font-size: 22px;
}

.title-a {
    color: #23527c;
    font-weight: bold
}

.padding-20px {
    padding-left: 20px;
}


.act-c-a {
    display: block;
    background: url(../images/readmore.png) no-repeat 88% 77%;
    padding-top: 5%;
    border-bottom: solid 1px #ccc
}

.time-over {
    display: block;
    color: #fff;
    background: url(../images/btn_bg.png) no-repeat center;
    text-align: center;
    line-height: 50px
}

.time-over:hover {
    color: #fff;
    text-decoration: none
}

.act-view-r a {
    padding: 0 2%;
}

.act-view-r a:hover {
    color: #dc0000;
    text-decoration: none
}

.act-time a {
    background: url(../images/btn_bg.png) no-repeat center;
    display: block;
    line-height: 50px;
    color: #fff
}

.act-time a:hover {
    color: #fff;
    text-decoration: none
}

.act-time {
    text-align: center;
    padding: 3% 0
}

.p_t {
    padding-top: 1%
}

.act-v-a {
    background: url(../images/btn_warning_bg.png) no-repeat center;
    padding: 12px 40px 12px;
    display: inline-block;
    margin-top: 15px;
    color: #FFF
}

.act-v-a:hover {
    color: #fff;
    text-decoration: none
}

.color-bule {
    color: #00a0e9
}

.font-size-14px {
    font-size: 14px;
}

.act-add {
    height: 50px
}

.col-lg-4-act {
    width: 33.333333%;
    float: left;
    padding: 1%
}

.play-gray {
    position: relative;
}

.play-gray-a2 {
    position: absolute;
    right: 40px;
    margin-top: -32px;
    background-color: transparent !important;
}

.title-a {
    height: 56px;
    overflow: hidden;
    display: block;
}


/*deal*/

.m-o {
    margin-bottom: 3%
}

.shadows:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.deal {
    padding: 3% 0
}

.vip-title {
    background: #535353;
    padding: 0px 10px;
    border-radius: 6px;
    color: #fff;
    margin-right: 1%;
}


.deal-c {
	padding-left: 12px;
	padding-right: 12px;
    margin-bottom: 8%
}

.deal-c-top {
    background: #019ae0;
    text-align: center;
    color: #fff;
    /*padding: 0 3%;*/
    line-height: 50px;
    padding-bottom: 1%;
    height: 173px;
}

.deal-c-top a {
	color: inherit;
}

/*
.in-deal-c-top {
    padding: 0 3%;	
    padding-bottom: 1%;	
}
*/

.deal-c-1 {
	height: 71px;
    font-size: 22px;
    padding-top: 10px;
    /*border-bottom: 1px solid #fff;*/
    padding-bottom: 10px;
}

.deal-c-2,
.deal-c-3 {
	height: 51px;
	margin: 0 3%;
    font-size: 28px;
    position: relative
}

.deal-c-2 {
    border-top: 1px solid #fff;
}

.deal-c-2:before {
  content: "";
    position: absolute;
    border-top: 6px solid rgba(220, 0, 0, .5);
    top: 22px;

/*	width: 240px;
	left: calc(50% - 120px); */
	
    width: 60%;
    left: 20%;
	
    /*border-bottom: 2px solid #dc0000;
    bottom:20px;*/
}

.deal-c-bottom {
    background: #ededed;
    text-align: center;
    padding-bottom: 20px;
}

.deal-c-bottom-1 {
    color: #dc0000;
    padding: 5% 0;
	height:40px;
}


.deal-c-bottom-2 {
    margin: 10px auto;
	height:100px;
}

.deal-c-bottom-3 {
    color: #dc0000;
    font-size: 16px;
    padding-top: 20px;
	/*text-align: left;*/
	line-height: 24px;
	height:60px;
}


.deal-x-top {
    text-align: center;
    /*color: #fff;*/
    /*line-height: 50px;*/
	padding-top:16px;
    height: 173px;
}

.deal-x-bottom {
    text-align: center;
    padding-bottom: 20px;
}

.deal-x-bottom-1 {
    padding: 5% 0;
	height:40px;
}


.deal-x-bottom-2 {
    margin: 10px auto;
	height:100px;
}

.deal-x-bottom-3 {
    font-size: 16px;
    padding-top: 20px;
	line-height: 24px;
	height:60px;
}


.deal-c-bottom-a {
	padding:10px 20px;
	border-radius:5px;	
    font-size: 26px;
    color: #fff;
    margin-bottom: 3%;
	width:170px;
}

.deal-c-bottom-a:hover {
    color: #fff;
    text-decoration: none
}


.deal-img img {
    vertical-align: middle;
    padding-right: 10px;
}

.deal-c-top-green {
    background: #5bb349;
}


.deal-c-top-coffee {
    background: #795548;
}


.deal-c-top-purple {
    background: #9c27b0;
}


.deal-c-top-blackcoffee {
    background: #3e2723;
}


.deal-c-top-orange1 {
    background: #ffc107;
}


.deal-c-top-orange2 {
    background: #ff9800;
}


.deal-c-top-orange3 {
    background: #ff9800;
}

.deal-b-display {
    border-bottom: 1px solid #ccc;
    margin-bottom: 3%;
    padding-top: 3%;
    padding-bottom: 3%
}

.deal-b-display-left {
    width: 12%;
    float: left
}

.deal-b-display-left img {
    width: 100%;
}

.deal-b-display-content {
    width: 68%;
    float: left;
    padding-left: 2%;
    line-height: 28px;
    height: 200px;
    overflow: hidden;
}

.deal-b-display-content a {
    font-size: 18px;
    color: #337ab7;
}

.deal-b-display-right {
    width: 20%;
    float: left;
    text-align: right
}

.deal-b-display-right-a {
    background: url(../images/deal-c-bottom-a2.png) center right no-repeat;
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 26px;
    padding-right: 20px;
    margin-top: 6%
}

.deal-b-display-right-a:hover {
    color: #fff;
}

.deal-b-display-right-a i {
    font-size: 22px;
}

.deal-b-display-right-p {
    padding-top: 5%;
    font-size: 22px;
}

.deal-b-display-right-p a:hover {
    text-decoration: none
}

.deal-b-display-right-p i {
    padding-right: 10px;
}

.col-lg-3-points {
    float: left;
    width: 25%;
    padding: 1%
}


.swiper-wrapper-text {
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
    background: #fff;
    line-height: 40px;
    font-size: 14px;
    display: none
}



.sentence {
    text-align: center;
    padding: 20px 0 30px 0;
}


/* member-profile-p 改為 sentence */



.change-pass {
	padding: 10px 15px;
}


.newsletter {
    font-size: 14px;
    text-align: center;
    padding-left: 15px
}

select {
    border: solid 1px #ccc;
    border-radius: 2px;
    padding-left: 1%;
    height: 36px;
}


.padding-r-none {
    padding-right: 0
}

.sent_out {
    display: block;
    background: #009fe9;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 3px
}

.sent_out:hover {
    color: #fff;
    text-decoration: none
}

.member_history {
    padding: 3% 0
}

.member_history-text {
    line-height: 26px;
    font-size: 15px;
    font-family: "新細明體"
}

.member_history-text h1 {
    font-size: 16px;
    font-weight: bold;
    padding: 3% 0 1%
}

.member_history-table-title {
    background: #ededed;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    line-height: 50px;
}

.history-table {
    line-height: 38px;
    margin-top: 2%
}


.points-table {
	display:none;
    line-height: 38px;
    margin-top: 36px;
	width:100%;
}


.history-table-row, .points-table-row{
	margin-bottom: 38px;
}

.points-table-row:hover{
	background: rgba(255,255,233,1);
}

/*
.history-table tr {
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

.history-table tr td {
    border-left: solid 1px #ccc;
    padding-left: 1%;
    width: 15.14%
}

.history-table tr td:nth-child(2n+1) {
    background: rgba(181, 181, 181, 0.3);
}
*/

.member_history_view-p {
    padding-bottom: 1%
}

.member-history-view-top div {
    background: #dbdbdb;
    width: 32.8%;
    float: left;
    margin-bottom: 5px;
    line-height: 30px;
    margin-right: 5px;
    padding-left: 1%
}

.member_history-table-content {
    border-bottom: solid 1px #ccc;
    line-height: 50px;
}

.member_history-table-content:hover {
    background: #009fe9;
    color: #fff
}

.member-history-view-top2 ul {
    margin-top: 3%;
    width: 100%;
    text-align: center
}

.member-history-view-top2 ul li,
.member-history-view-top3 ul li {
    float: left;
    line-height: 30px;
    background: #dbdbdb;
    padding-left: 1%
}

.member-history-view-top3 ul li {
    background: #fff;
    line-height: 60px
}

.member-history-view-top3 ul {
    border-bottom: 1px solid #ccc;
    text-align: center
}

.member-history-view-top2 ul li:nth-child(1),
.member-history-view-top3 ul li:nth-child(1) {
    width: 52%;
    text-align: left
}

.member-history-view-top2 ul li:nth-child(2),
.member-history-view-top3 ul li:nth-child(2) {
    width: 16%
}

.member-history-view-top2 ul li:nth-child(3),
.member-history-view-top3 ul li:nth-child(3) {
    width: 16%
}

.member-history-view-top2 ul li:nth-child(4),
.member-history-view-top3 ul li:nth-child(4) {
    width: 16%
}

.member-history-view-top4 {
    line-height: 40px;
}

.member-history-view-bottom {
    line-height: 30px;
    padding: 3% 0;
    border-bottom: 1px solid #ccc;
}

.member-history-view-bottom h1 {
    background: #dbdbdb;
    line-height: 36px;
    padding-left: 1%;
}

.member-history-view-bottom p {
    padding-left: 1%;
    line-height: 40px;
}

.member-history-view-bottom-text {
    padding: 3% 0
}

.member-history-view-bottom-text ul {
    background: url(../images/alert.png) no-repeat left center;
    padding-left: 42px;
    line-height: 24px;
    font-size: 14px;
}

.color-bule {
    color: #3b5998
}

.history-1 a:hover {
    color: #dc0000
}

.history-10 {
    border-bottom: solid 1px #ccc;
    height: 44px;
}

.history-1-1 {
	flex:1;
    width: 40%;
	max-width:40%;
	min-width:40%;
    /*float: left;*/
    background: rgba(181, 181, 181, 0.3);
    padding-left: 3%;
    border: solid 1px #ccc;
    margin-top: -1px;
    margin-left: -1px
}

.history-1-2 {
	flex:1;
    width: 60%;
	max-width:60%;
	min-width:60%;
    /*float: left;*/
    padding-left: 3%;
    border: solid 1px #ccc;
    margin-top: -1px;
    border-left: none;
    /*height: 40px;*/
	/*color: #00a0e8;*/
}


.points-1-1 {
	flex:1;
    width: 40%;
	max-width:40%;
	min-width:40%;
    /*float: left;*/
    /*background: rgba(181, 181, 181, 0.3);*/
	background: #ededed;
    padding-left: 3%;
    border: solid 1px #ccc;
    margin-top: -1px;
    margin-left: -1px
}

.points-1-2 {
	flex:1;
    width: 60%;
	max-width:60%;
	min-width:60%;
    /*float: left;*/
    padding-left: 3%;
    border: solid 1px #ccc;
    margin-top: -1px;
    border-left: none;
    /*height: 40px;*/
	/*color: #00a0e8;*/
}




/*
.history-1-bottom {
    margin-bottom: 5%
}
*/


.history-1-wrapper {
	flex:1;
    width: 33.33333%;
	max-width:33.33333%;
	min-width:33.33333%;
    /*float: left;*/
}


.points-1-wrapper {
	flex:1;
    width: 100%;
	max-width:100%;
	min-width:100%;
    /*float: left;*/
}



.margin-none {
    margin: 0
}

.font-30px {
    font-size: 30px;
}

.member-page {
    text-align: center;
    padding-top: 1%;
}

.member-page a {
    padding: 0 12px;
    position: relative
}

.member-page a:first-child:before {
    content: "";
    opacity: 0
}

.member-page a:first-child:after {
    content: "";
    opacity: 0
}

.member-page a:last-child:before {
    content: "";
    opacity: 0
}

.member-page a:last-child:after {
    content: "";
    opacity: 0
}

.member-page-a,
.member-page a:hover {
    color: #dc0000;
}

.member-page-a:before {
    content: "[";
    position: absolute;
    left: 0
}

.member-page-a:after {
    content: "]";
    position: absolute;
    right: 0
}

.member-page a:hover:before {
    content: "[";
    position: absolute;
    left: 0
}

.member-page a:hover:after {
    content: "]";
    position: absolute;
    right: 0
}

.member {
    padding: 3% 0
}

.member-video-1,
.member-video-2 {
    float: left
}

.member-video-2 {
    width: 12%;
    text-align: center
}

.member-video-1 {
    width: 20%
}

.member-video-title {
    border-bottom: solid 1px #ccc;
    padding: 3% 0 1%
}

.member-video-content {
    padding: 3% 0;
    border-bottom: solid 1px #ccc;
}

.margin-top-50px {
    padding-top: 50px;
}

.member-paly {
    background: url(../images/btn_warning_bg.png) no-repeat center;
    display: inline-block;
    line-height: 50px;
    color: #fff;
    padding: 0 50px;
    margin-top: 32px;
    font-size: 18px;
}

.member-paly:hover {
    color: #fff;
    text-decoration: none
}

.member-video-1-txt {
    padding: 0 5%;
    color: #009fe9;
    font-weight: bold;
    line-height: 18px;
    font-size: 15px;
    padding-top: 3%
}

.member-video-1 img {
    width: 100%;
}

.member-point-title {
    padding: 36px 0 48px 0;
}

.member-point-title img {
    vertical-align: middle;
    padding-right: 2%
}

.member-point-title-right,
.member-point-title-left {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 20px;
	/*height:174px;*/
}

/*
.member-point-title-right {
    padding-top: 7px;
}
*/


.points-a {
	display:inline-block;
	line-height: 80px;
	white-space:nowrap;	
}

/*

.points-a1 {
	display:inline-block;
	height: 80px;
	width:60%;
	text-align:right;
}


.points-a2 {
	display:inline-block;
	height: 80px;
	width:39%;
	text-align:left;
}

*/


.points-b {
	height: 80px;
	padding-top:34px;
}

/*
.member-point-title-left a {
    display: inline-block;
    width: 87%;
	border: 1px solid #ccc;	
    border-radius: 5px;
    line-height: 44px;
}
*/


/*
.member-point-title-left a:hover,
.member-point-title-right a:hover {
    text-decoration: none
}
*/

.member-point-content-title {
    background: #ededed;
    border-top: solid 1px #959595;
    border-bottom: solid 1px #959595;
    line-height: 36px;
}

.member-point-content-content {
    line-height: 36px;
    border-bottom: solid 1px #959595;
}

.member-point-content-content:hover {
    background: #009fe9;
    color: #fff
}

.member-point-content-title div,
.member-point-content-content div {
    float: left;
    padding-left: 1%
}

.member-point-content-title div:nth-child(1),
.member-point-content-title div:nth-child(2) {
    width: 22%
}

.member-point-content-title div:nth-child(3) {
    width: 18%;
}

.member-point-content-title div:nth-child(4) {
    width: 15%;
    text-align: left
}

.member-point-content-title div:nth-child(5) {
    width: 15%;
    text-align: left
}

.member-point-content-title div:nth-child(6) {
    width: 8%;
    text-align: left
}

.member-point-content-content div:nth-child(1),
.member-point-content-content div:nth-child(2) {
    width: 22%
}

.member-point-content-content div:nth-child(3) {
    width: 18%;
    font-size: 15px;
}

.member-point-content-content div:nth-child(4) {
    width: 15%;
}

.member-point-content-content div:nth-child(5) {
    width: 15%;
    text-align: left
}

.member-point-content-content div:nth-child(6) a:hover {
    color: #fff
}

.content-title div:nth-child(6),
.member-point-content-content div:nth-child(6) {
    width: 8%;
    text-align: center
}


.point-1-a {
    display: inline-block;
    width: 87%;
	border: 1px solid #f39800;	
    border-radius: 5px;
    line-height: 44px;
	color:#f39800;	
}


.point-1-a:hover{
	text-decoration: none;
	color:#fff;
    background: #f39800;
   /*background: url(../images/money.gif) no-repeat #f39800 37% center*/	
}




.point-2-a {
    display: inline-block;
    width: 87%;
	border: 1px solid #67c155;		
    border-radius: 5px;
    line-height: 44px;
    color: #67c155;
}

.point-2-a:hover {
	text-decoration: none;
	color:#fff;
    background: #67c155;	
    /*background: url(../images/vip.gif) no-repeat #b5b5b5 37% center*/
}

.point-2-a-active:hover,
.point-2-a-active {
	color:#fff;
    background: #67c155;
}

.point-1-a-active:hover,
.point-1-a-active {
	color:#fff;
    background: #f39800;
   /*background: url(../images/money.gif) no-repeat #f39800 37% center*/	
}

.member-collection-top {
    padding: 3% 0;
}

.member-collection-content-left {
    float: left;
    width: 8%
}

.member-collection-content-right-right {
    float: left;
    width: 6%
}

.member-collection-content-right {
    float: left;
    width: 86%;
    padding-left: 2%
}

.member-collection-top a {
    font-size: 22px;
    border: solid 1px #ccc;
    padding: 5px;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
}

.member-collection-top-a-action {
    background: #959595;
    color: #FFF
}

.member-collection-top-a {
	background: #fff;
    color: #959595;
}

.member-collection-top a:hover {
    background: #959595;
    color: #FFF
}

.member-collection-content {
    border: solid 1px #ccc;
    padding-bottom: 3%;
    margin-bottom: 3%;
    position: relative
}

.collection-date,
.collection-text {
    float: left
}

.collection-text {
    width: 100%
}

.collection-date {
    width: 100%;
    padding-right: 3%;
    padding-bottom: 48%;
}

.member-facebook {
    text-align: center;
    margin: 5% 0
}

.collection-much {
    background: #337ab7;
    text-align: center;
    color: #fff;
    line-height: 30px;
}

.collection-day {
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    background: #f3f4f3
}

.collection-text h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
}

.collection-text-p {
    padding: 2% 0
}

.collection-text-left,
.collection-text-right {
    float: left
}

.collection-text-left {
    width: 30%
}

.collection-text-right {
    width: 70%;
    padding-right: 2%;
    line-height: 30px;
    padding-left: 2%;
    height: 176px;
    overflow: hidden;
}

.collection-text-left img {
    width: 100%;
    height: 100%;
}

.collection-text-right a {
    border: #dc0000 1px solid;
    color: #dc0000;
    padding: 2px 10px;
    border-radius: 4px;
    position: absolute;
    right: 8%;
    bottom: 2%
}

.member-pick {
    width: 90%;
    margin: 3% auto
}

.member-pick-title-left {
    float: left;
    width: 70%
}

.member-pick-title-right {
    float: left;
    width: 30%
}

.member-pick-title-right {
    text-align: right
}

.member-pick-title-left-1 {
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 36px;
    width: 207px;
    height: 36px;
    padding-left: 1%;
    margin-right: 2%
}

.member-pick-title-left-a {
    background: #67c155;
    border-radius: 5px;
    padding: 10px 10px;
    margin-left: 0;
    color: #fff;
    display: inline-block;
}

.member-pick-title-left a:hover {
    text-decoration: none
}

.member-pick-title-left i {
    padding-right: 5px
}

.member-pick-title-left p {
    font-size: 17px;
    display: inline-block;
    padding-right: 3px;
}

.member-pick-title-right a:nth-child(1) {
    border-radius: 5px;
    display: inline-block;
    padding: 10px 15px;
    background: #009fe9;
    color: #FFF;
    margin-right: 3px
}

.member-pick-title-right a:nth-child(2) {
    border-radius: 5px;
    display: inline-block;
    padding: 10px 15px;
    background: #6f6f6f;
    color: #FFF;
}

.member-pick-title-right i {
    padding-right: 5px;
}

.member-pick-title-right a:hover {
    text-decoration: none;
    color: #fff
}

.member-pick-title-left-text {
    margin: 3% 0
}

.pick-table {
    padding: 3% 0
}

.pick-table-title {
    font-size: 14px;
}

.pick-table-title-1 {
    width: 3%;
    float: left;
    border: 1px solid #ccc;
    height: 110px;
    text-align: center;
    line-height: 110px;
    border-right: none;
    position: relative
}

.pick-table-title-2 {
    display: table-cell;
    vertical-align: middle;
    width: 6.6%;
    float: left;
    border: 1px solid #ccc;
    height: 110px;
    text-align: center;
    padding-top: 38px;
    border-right: none;
    line-height: 20px;
    position: relative
}

.pick-table-title-3 {
    width: 3.8%;
    float: left;
    border: 1px solid #ccc;
    height: 110px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-right: none;
    line-height: 17px;
    padding-top: 28px;
    position: relative
}

.pick-table-title-4 {
    width: 3.8%;
    float: left;
    border: 1px solid #ccc;
    height: 110px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 17px;
    padding-top: 28px;
    position: relative
}

.pick-txt a:hover {
    color: #dc0000
}

.pick-table-title-1:hover,
.pick-table-title-2:hover,
.pick-table-title-3:hover,
.pick-table-title-4:hover {
    background: #009fe9;
    color: #fff
}

.pick-table-title-1:hover:before {
    content: "";
    position: absolute;
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-top: 10px solid #009fe9;
    display: inline-block;
    bottom: -10px;
    left: 15px
}

.pick-table-title-2:hover:before {
    content: "";
    position: absolute;
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-top: 10px solid #009fe9;
    display: inline-block;
    bottom: -10px;
    left: 42px
}

.pick-table-title-3:hover:before,
.pick-table-title-4:hover:before {
    content: "";
    position: absolute;
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-top: 10px solid #009fe9;
    display: inline-block;
    bottom: -10px;
    left: 23px
}

.triangle {
    position: absolute;
    bottom: 0;
    top: 0;
    display: block;
    margin-top: 45px;
    margin-left: 22px;
}

.triangle2 {
    position: absolute;
    bottom: 0;
    top: 0;
    display: block;
    margin-top: 91px;
    margin-left: 51px;
}

.triangle3 {
    position: absolute;
    bottom: 0;
    top: 0;
    display: block;
    margin-top: 91px;
    margin-left: 28px;
}

.triangle4 {
    position: absolute;
    bottom: 0;
    top: 0;
    display: block;
    margin-top: 45px;
    margin-left: 22px;
}

.pick-table-content {
    font-size: 13px;
    text-align: center
}

.pick-table-content2 {
    background: #f0f0f0;
    font-size: 13px;
    text-align: center
}

.pick-table-content:hover,
.pick-table-content2:hover {
    background: #009fe9;
    color: #fff
}

.pick-table-content-1 {
    width: 3%;
    float: left;
    padding: 1% 0
}

.pick-table-content-2 {
    font-weight: bold;
    color: #337ab7;
    width: 6.5%;
    float: left;
    padding: 1% 0
}

.pick-table-content-3 {
    width: 3.8%;
    float: left;
    padding: 1% 0
}

.pick-table-content-4 {
    width: 3.8%;
    float: left;
    padding: 1% 0
}

.pick-table-content-2-1 {
    width: 3%;
    float: left;
    padding: 1% 0;
    border-right: solid 1px #fff
}

.pick-table-content-2-2 {
    width: 6.5%;
    float: left;
    padding: 1% 0;
    border-right: solid 1px #fff
}

.pick-table-content-2-3 {
    width: 3.8%;
    float: left;
    padding: 1% 0;
    border-right: solid 1px #fff
}

.pick-table-content-2-4 {
    width: 3.8%;
    float: left;
    padding: 1% 0;
}

.margin-top-6px {
    padding-top: 6px
}

.margin-top-17px {
    padding-top: 17px
}

.margin-top-38px {
    padding-top: 38px
}

.member-pick-title-left2 {
    display: inline-block;
}

.member-pick-title-left2 input {
    width: 100%
}




/*tse*/

.tse {
    padding: 3% 0
}

.nav-tabs {
    border-bottom: 8px solid #dc0000
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background: #dc0000;
    color: #fff
}

.nav-tabs>li>a:hover {
    background: #dc0000;
    color: #fff
}

.nav-tabs>li>a:hover {
    border-bottom: none
}

.nav-tabs>li>a {
    font-size: 20px;
    border: 0;
    padding: 10px 25px;
    /*padding: 10px;*/
    margin-bottom: -2px;
	height: 100%;
}

.nav-tabs>li {
    float: left;
    margin-bottom: 0px;
}

.tab-content {
    padding: 3% 0;
}

.tse-title-1 {
    background: #333;
    color: #fff;
    margin-top: 5%;
}

.tse-title-1 div {
    float: left;
    width: 25%;
    padding: 12px 0;
    padding-left: 10px;
}

.tse-title-1 div:nth-child(even) {
    background: #4d4d4d;
}

.tse-content-1 {
    border-top: solid 1px #ccc;
}

.tse-content-1 div {
    float: left;
    width: 25%;
    padding: 12px 0;
    padding-left: 10px;
}

.tse-content-2 {
    border-top: solid 1px #ccc;
    background: #e4efe1
}

.tse-content-2 div {
    float: left;
    width: 25%;
    padding: 12px 0;
    padding-left: 10px;
}

.tse-content-txt {
    padding: 3% 0 0;
    line-height: 26px;
    font-size: 15px;
    color: #333
}

.des-link {
    margin-bottom: -28px;
}

.title {
    display: none
}

.tes-ipad {
    float: left;
    line-height: 36px;
    width: 50%;
    padding-bottom: 3%
}

.tes-ipad-title {
    background: #000;
    color: #fff;
    padding-left: 2%
}

.tes-ipad-title-2 {
    background: #4d4d4d;
    color: #fff;
    padding-left: 2%
}

.tes-ipad-1 {
    border-top: solid 1px #ccc;
    padding-left: 2%
}

.tes-ipad-2 {
    border-top: solid 1px #ccc;
    background: #e4efe1;
    padding-left: 2%
}

.tes-ipad-wrapper {
    display: none
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none
}


/*analysis*/

.analysis {
    padding: 3% 0
}

.analysis-title {}

.analysis-search {
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 34px;
    width: 210px;
    padding-right: 1%;
    float: right;
    margin-top: 10px;
    padding-left: 1%
}

.analysis-search-ul {
    position: absolute;
    z-index: 99;
    background: #fff;
    right: 14px;
    top: 50px;
    width: 210px;
    text-align: left;
    line-height: 28px;
    padding-left: 3%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none
}

.analysis-lightboxes-1 input {
	color: #333;
    border: 1px solid #ccc;
    margin: 2%;
    width: 70%;
    padding-left: 2%;
    line-height: 36px;
}


.lightboxes-1-a {
    width: 100%;
    background: #009fe9;
    color: #fff;
    display: block;
    line-height: 36px;
    margin: 3% auto;
    border-radius: 5px;
    text-align: center
}

.lightboxes-1-a:hover {
    color: #fff
}

.analysis-lightboxes-2 {
    padding: 3% 0;
    font-size: 22px;
    text-align: center;
    color: #dc0000
}

.analysis-text {
    line-height: 26px;
	/*padding: 3% 0;*/
	
	text-align: left;
	/*list-style-position: outside;*/
    /*padding-top: 1%*/
}

.analysis-text li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 16px;
	padding-bottom: 1em;
}


.subscribe-text {
    line-height: 26px;
	/*padding: 3% 0;*/
	
	text-align: left;
	padding-left: 2%;
	/*list-style-position: outside;*/
    padding-top: 36px;
}

.subscribe-text li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 16px;
}

.analysis-search-ul li:hover {
    background: #009fe9;
    color: #fff
}

.analysis-title-left-1 {
	display: inline-block;
	float: left;
	padding: 12px 20px 12px 20px;
	font-size: 26px;
	
}

.analysis-title-left-2 {
    display: inline-block;
    font-size: 18px;
	padding: 0;
    padding-top: 18px;
	padding-right: 20px;
}

.analysis-title-left a {
	display: inline-block;
	/*
    background: #dc0000;
    color: #fff;
   
    vertical-align: middle;
    border-radius: 5px;
    position: relative;
	text-decoration: none;
	*/
}

.analysis-title-left a:hover {
    text-decoration: none;
	
}

/*
.analysis-title-left a:before {
    border-top: 10px solid rgba(255, 255, 255, 0);
    border-left: 10px solid #ffffff;
    border-bottom: 10px solid rgba(255, 255, 255, 0);
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
}
*/

.flex-div {
    /*padding: 2% 0*/
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	overflow-wrap:break-word;
	word-wrap: break-word;
	word-break:break-all;
}

.flex-col {
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
}


.close-btn {
	float:right; 
	margin-top:44px; 
	
	/*margin-right:8px;*/
}

.analysis-title2 {
    /*padding: 2% 0*/
}

.blog-top a, .analysis-title2 a, .close-btn a{
    display: inline-block;
    padding: 12px 24px;
    color: #fff;
    border-radius: 3px;
	margin: auto 3px;
}

.analysis-title2 a {
	margin-bottom:8px;
	height: 42px;
}

.blog-top a:hover,
.blog-top a:focus,
.analysis-title2 a:hover,
.analysis-title2 a:focus,
.close-btn a:hover,
.close-btn a:focus {
    text-decoration: none;
    color: #fff;
}

.blog-top i, .analysis-title2 i, .close-btn i {
    padding-right: 5px;
	color: #fff;
}


#cbc{
    display: inline-block;
    padding: 6px 12px;
    color: #fff;
    border-radius: 3px;
	margin: auto 3px;
	text-align: center;
}

#cbc:hover, #cbc:focus {
    text-decoration: none;
    color: #fff;
}

#cbc i{
    padding-right: 5px;
	color: #fff;
}


.analysis-title3 {
    /*padding: 2% 0*/
	float: right; 
	padding-right: 0; 
	padding-top: 10px;
}

.analysis-title3 a{
	/*width: 160px;*/
	text-align: center;
    display: inline-block;
    padding: 12px 15px;
    color: #fff;
    border-radius: 5px;
	margin: auto 3px;
}

.analysis-title3 a:hover,
.analysis-title3 a:focus {
    text-decoration: none;
    color: #fff;
}

.analysis-title3 i {
    padding-right: 5px
}


.analysis-title2-a1 {
    background: #6f6f6f
}

.analysis-title2-a2 {
    background: #009fe9
}

.analysis-title2-a3 {
    background: #dc0000
}

.padding-none {
    padding: 0
}

.graphics-mode {
    padding: 3% 0
}

.analysis-img img {
    width: 100%
}

.lightbox-nav-tabs {
    position: absolute;
    color: #fff;
    top: 7.5%;
    left: 7%;
    width: 89%;
}

.lightbox-nav-tabs2 {
    position: absolute;
    right: 4%;
    top: 4%;
}

.analysis-image-wrapper {
    width: 100%
}

.analysis-btn a {
/*    background: #009fe9;
    line-height: 36px; */
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
    margin-left: 6px;
    /* font-size: 15px; */
    border-radius: 5px;
	/*margin:auto 1px;*/
}


.analysis-btn a:hover {
    text-decoration: none
}

.analysis-btn i {
    padding-right: 8px;
}

.company-data {
    border: 1px solid #ccc;
}

.blue-1 {
    background: #0081d8;
}

.blue-2 {
    background: #4d9cda
}

.company-data-title {
    text-align: center;
    color: #fff;
    padding-top: 120px;
    height: 260px;
    overflow: hidden;
    vertical-align: middle;
}

.company-data-title2 {
    text-align: center;
    color: #fff;
}

.line-height-40px {
    line-height: 40px
}

.bordder-top {
    border-top: solid 1px #ccc
}

.margin-top-1px {
    margin-top: -1px;
}

.company-data {
    margin: 1% 0
}

.company-data-h1 {
    font-size: 26px;
    font-weight: bold;
    padding: 2% 0 0%
}

#table {
    display: none;
    position: fixed;
    top: 0;
    width: 90%;
    background: #fff;
    z-index: 9;
}

.deal_view {
    padding-right: 4%;
    position: relative;
}

.cl:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cl {
    zoom: 1
}

.wrap {
    width: 1100px;
    margin: 0 auto;
}

.control {
    width: 400px;
    height: 390px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.change li {
    width: 400px;
    overflow: hidden;
    border: solid 1px #ccc;
    text-align: center;
    display: flex;
    height: 388px;
    padding: 1% 3%;
}

.change li .imgWrap {
    display: table-cell;
    width: 100%;
    cursor: pointer;
    *font-size: 500px;
}

.change li img {
    width: expression(this.width > 400 && this.width > this.height ? 390: true);
    height: expression(this.height >400 ? 390: true);
    vertical-align: middle;
    overflow: hidden
}

.prev,
.next {
    width: 49px;
    height: 49px;
    position: absolute;
    bottom: 480px;
    color: #FFF;
    font-size: 14px;
    z-index: 9;
    font-weight: bold;
    cursor: pointer;
    outline: none
}

.prev span,
.next span {
    display: none;
}

.prev {
    left: 0;
    background: url(../images-thumb/arrows_01.png) no-repeat;
    /* _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images-thumb/arrows_01.png"); */
    _background: none
}

.next {
    right: 0;
    background: url(../images-thumb/arrows_02.png) no-repeat;
    /* _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images-thumb/arrows_02.png"); */
    _background: none
}

.pageClass {
    text-align: center;
    z-index: 9;
    position: absolute;
    top: 50px;
    padding-top: 10px;
}

.pageClass a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    overflow: hidden;
    border: 1px solid #bebebe;
    background: #bebebe;
    border-radius: 5px;
    outline: none
}

.pageClass a span {
    display: none
}

.pageClass a:hover,
.pageClass a.cur {
    border: 1px solid #be230a;
    background: #be230a
}

.thumbWrap .thumbCont {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.thumbWrap {
    width: 100px;
    height: 385px;
    padding: 15px 0;
    position: absolute;
    right: 4%;
    top: 0;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #ccc;
    padding-left: 3.2%;
}

.thumbWrap ul {}

.change li {
    width: 400px;
    overflow: hidden;
    border: solid 1px #ccc;
    text-align: center;
    display: flex;
    height: 385px;
    padding: 1% 3%;
}

.thumbWrap ul li div {
    display: table-cell;
    width: 63px;
    height: 63px;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 79px;
    text-align: center
}

.thumbWrap ul li img {
    max-width: 90px;
    max-height: 90px;
    ;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 10px;
    border: solid 1px #ccc;
    padding: 2%
}

.thumbWrap ul li.cur {
    background: url(../images-thumb/curBg.gif) no-repeat
}

.thumbPrev,
.thumbNext {
    width: 100px;
    height: 39px;
    text-align: center;
    position: absolute;
    color: #000;
    z-index: 9;
    outline: none
}

.thumbPrev span,
.thumbNext span {
    display: none;
}

.thumbPrev {
    left: 13px;
    top: 0;
    background: url(../images/deal_p.png) no-repeat
}

.thumbNext {
    left: 13px;
    bottom: -28px;
    background: url(../images/deal_n.png) no-repeat
}

.text {
    display: none
}

.change li img {
    width: 100%;
    max-width: 362px;
}

.d_v_1,
.d_v_1-1 {
    width: 36px;
    line-height: 36px;
    font-size: 20px;
}

.d_v_2 {
    width: 70px;
    border: solid 1px #ccc;
    line-height: 34px;
    margin: 0 3px;
    margin-top: -7px;
    padding-left: 1%
}

.deal-look-c-table h1 {
    font-size: 30px;
    line-height: 46px;
}

.deal-look-c-table p {
    line-height: 26px;
    padding-bottom: 1.5%;
    margin-bottom: 1.5%;
    border-bottom: solid 1px #ccc
}

.deal-div-1 {
    width: 33.333%;
    float: left;
    background: #dbdbdb;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-left: 1%;
    line-height: 26px
}

.deal-div-2 {
    width: 33.333%;
    float: left;
    background: #dbdbdb;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-left: 1%;
    line-height: 26px;
    /*height:27px; overflow:hidden*/
}

.deal-div-3 {
    width: 33.333%;
    float: left;
    background: #dbdbdb;
    border-bottom: 1px solid #fff;
    padding-left: 1%;
    line-height: 26px
}

.deal-look-c-table {
    padding: 3% 0;
    border-bottom: solid 1px #ccc;
}


.table tbody td.td-blue {
    background: #0081d8;
    color: #fff;
    border: 0;
    vertical-align: middle;
    width: 170px;
    padding-left: 35px;
}

.table tbody td.td-light-blue {
    background: #4d9cda;
    color: #fff;
    border: 0;
    vertical-align: middle;
    width: 170px;
    padding-left: 35px;
}


.table {
    border: solid 1px #ccc;
}

.analysis-table, .analysis-data {
    padding: 3% 0;
	margin-top: 3%;
}

.analysis-table h1 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 1%;
}


.analysis-data h1 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 1%;
}

.analysis-data h2 {
    padding-bottom: 1.5%;
	line-height: 1.6em;
}



.analysis-data-title {
	line-height:44px;
	
	/*height: 44px;*/
}


.analysis-data-content-1,
.analysis-data-content-2 {
	align-items: center;
    line-height: 1.6em;
	min-height: 44px;
    border-bottom: 1px solid #ccc;
}



.analysis-data-content-2 {
    background: #e4efe1
}

.analysis-data-title div,
.analysis-data-content-1 div,
.analysis-data-content-2 div {
    width: 25%;
    float: left;
    color: #fff;
	/*margin-bottom: auto;*/
}

.analysis-data-title div:nth-child(odd){
    background: #333;
    padding-left: 2%;
}

.analysis-data-title div:nth-child(even){
    background: #4d4d4d;
    padding-left: 2%;
}

.analysis-data-content-1 div,
.analysis-data-content-2 div {
    color: #333;
    padding-left: 2%;
}


/*index*/

.footer-txt {
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding-top: 2.5%;
}

.banner-text {
    padding-right: 3%;
    float: left;
    line-height: 38px;
    height: 38px;
}

.banner-text a:hover {
    color: #dc0000
}

.footer-txt a {
    color: #337ab7
}

.search-ul li {
    line-height: 28px;
}

.index-tab {
    /* padding: 4% 0; */
	padding: 0;
}

.images-1 img {
    width: 100%;
    height: 100%;
}

.modal-dialog-wrapper {
    margin: 0;
    width: 100%;
}

.image-close {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 99;
}



.swiper-button-prev {
    background: rgba(0,0,0,0);
    text-align: center;
    width: 4%;
	min-width: 40px;
    height: 100%;
	left:0;

}

.swiper-button-next {
    background: rgba(0,0,0,0);
    text-align: center;
    width: 4%;
	min-width: 40px;
    height: 100%;
	right: 0;
}



.index-tab-bth {
    text-align: center;
    /*padding: 3% 0*/
}

.index-tab-bth-a {
    background: url(../images/index-tab-bth.png) no-repeat, #dc0000;
    width: 100%;
    max-width: 262px;
    height: 50px;
    display: block;
    margin: 0 auto;
    line-height: 50px;
    color: #fff;
    font-size: 22px;
    padding-left: 2%;
	border-radius: 5px;
}

.index-tab-bth-a:hover {
    text-decoration: none;
    color: #fff
}

/*
.index-tab-text {
    text-align: center;
    line-height:32px;
}
*/


/*
.index-tab-text p {
    line-height: 30px;
}
*/

.index-bottom {
    background: url(../images/home_bg2.jpg) center no-repeat;
    padding: 3% 0;
    min-height: 420px
}

.index-bottom-left {
    width: 50%;
    float: left
}

.index-bottom-right {
    width: 50%;
    float: right;
    background: rgba(255, 255, 255, 0.6);
	height: 305px;
    padding: 4% 3%;
	font-size: 1.0em;
}

/*

.index-bottom-right h1 {
    font-size: 26px;
    color: #db0000;
    font-weight: bold;
    line-height: 2em
}

*/

.index-bottom-right a {
    background: url(../images/go_pick.png) no-repeat, #dc0000;
    width: 100%;
    max-width: 213px;
    line-height: 50px;
    font-size: 22px;
    color: #fff;
    display: block;
    height: 50px;
    padding-left: 2%;
    margin: 5% auto 1% auto;
	border-radius: 5px;
}

.index-bottom-right a:hover {
    text-decoration: none;
	color: #fff;
}


/*

.index-bottom-text {
    padding: 3% 0;
    text-align: center;
    line-height: 32px;
}

.index-bottom-text h1 {
    font-size: 26px;
    color: #db0000;
    font-weight: bold;
    line-height: 2em;
}

.index-bottom-text-2 {
    padding-top: 5%;
}
*/


/*blog*/

.titles-left {
    float: left;
    width: 50%
}

.titles-right {
    float: right;
    width: 50%;
    text-align: right;
    padding-top: 8%;
    padding-right: 3%;
    position: relative;
}


/* .titles-right input{ border:1px solid #ccc; height:42px; padding-left:1%; background:url(../images/search.png) no-repeat 95% center;    width: 220px; } */

.titles-right ul {
    position: absolute;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    right: 33px;
    width: 182px;
    line-height: 26px;
    text-align: left;
    padding: 2%;
    display: none
}

.titles-right ul li:hover {
    color: #fff;
    background: #00A0E8
}

.titles-right ul li a:hover {
    color: #fff;
}

.blog {
    padding: 3% 0
}

.blog-title div {
    width: 100%;
    margin-top: 2px;
}

.blog-title div ul li {
    float: left;
    padding: 0 2%;
    line-height: 46px;
    margin-right: 1px;
}

.blog-title div ul li:hover {
    background: #dc0000;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.blog-active {
    background: #dc0000;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.blog-active {
    color: #fff !important;
}

.blog-active a {
    color: #fff !important;
}

.blog-title div ul li a:hover {
    color: #fff;
    text-decoration: none
}

.member-collection-top-a-action {
    font-size: 22px;
    border: solid 1px #ccc;
    padding: 5px;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center
}

.member-collection-top-a {
    font-size: 22px;
    border: solid 1px #ccc;
    padding: 5px;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center
}

.blog-left {
    /*padding-left: 2%;*/
    width: 70%;
    float: left
}

.blog-left.blog-content {
    padding-left: 2%;
	margin-top: -75px;
}



.blog-article-box.blog-content {
	padding-left:4%;
	padding-right:4%;
}

h1.blog-content {
	display: block;
}

.view-mode {
    padding-top: 3%;
    padding-bottom: 3%;
}

.view-mode-text {
    border: 1px solid #ddd;
	/*background: #ededed;*/
    background: rgba(149, 149, 149, 0.125);
    line-height: 36px;
    text-align: center;
    margin-bottom: 3%;
}

.view-mode-a {
    padding-left: 10%;
    font-size: 24px;
}

.blog-article-left {
    /*float: left;*/
    width: 80px;
	position:absolute;
	left:0;
	top:0;
}

.blog-date h1 {
    /*background: #337ab7;*/
	/*background: #E7594F;*/
	background: #c3251d;
    color: #fff;
    text-align: center;
    line-height: 36px;
	font-size: 0.8em;
	font-weight: bolder;
    border-radius: 4px 4px 0 0;	
}


.blog-date h2 {
	font: 15px/1 Arial,"微軟正黑體","細明體";
	font-size: 36px;
	font-weight: 800;
	padding: 8px 0 10px 0;
	text-align: center;
    background: #f3f4f3;	
    border-radius: 0 0 4px 4px;	
}


.blog-date-text h1 {
    /*background: #337ab7;*/
	/*background: #E7594F;*/
	background: #c3251d;
    color: #fff;
    text-align: center;
    line-height: 24px;
	font-size: 12px;
	font-weight: bolder;
    border-radius: 4px 4px 0 0;	
	padding: 2px;
}


.blog-date-text h2 {
	font: 15px/1 Arial,"微軟正黑體","細明體";
	/*line-height: 36px;*/
	font-size: 24px;
	font-weight: 800;
	padding: 12px 0;
	text-align: center;
    background: #f3f4f3;	
    border-radius: 0 0 4px 4px;	
}

.facebook {
    margin-bottom: 4px;
}


.blog-article {
    /*border: 1px solid #ccc;
    margin-bottom: 3%;*/
    padding-bottom: 2%;
    position: relative;
    min-height: 260px;
}

.collection {
    text-align: center;
	background: #fff;
	width:74px;
}

.collection h1 {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto;
    line-height: 30px;
    height: 30px;
}

.collection h2 {
    border: 1px solid #ccc;
    width: 53px;
    margin: 20px auto 0;
    height: 28px;
    line-height: 28px;
}

.bolg-h1 {
    font-size: 22px;
    padding-left: 20px
}

.collection a {
    color: #fff;
    background: #c3251d;
    display: block;
    line-height: 30px;
    height: 30px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
}

.blog-article-content {
    margin-left: 86px;
	margin-right: 76px;
    padding-left: 2%;
	min-height: 128px;
}

.blog-article-content h1 {
    /*font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    position: relative;*/
    padding-top: 2%;
	font: 15px/1 Arial,"微軟正黑體","細明體";	
	font-size: 32px;
	font-weight: bold;
	line-height: 42px;
}


.blog-article-content h1 a{
	color: #0077b5;
}	

.blog-article-content p {
    line-height: 36px;
    padding-top: 2%;
    font-size: 14px;
    padding: 1% 0 2%;
}

.blog-article-right {
    position: absolute;
    right: 0;
	top:0;
}

.blog-article-content-1 {
    /*padding-left: 10px;*/
    display: inline-block;
}

.blog-article-content-2 {
    display: inline-block;
    font-weight: bold
}

/*
.blog-article-content-img {
    float: left;
    width: 30%
}
*/

.blog-article-content-img img {
    width: 100%;
	border: 1px solid #ddd;
}


.blog-article-content-img img:hover {
	*-webkit-box-shadow: 1px 1px 0px #555555, 2px 2px 4px #555555;
	-moz-box-shadow: 1px 1px 0px #555555, 2px 2px 4px #555555;
	box-shadow: 1px 1px 0px #555555, 2px 2px 4px #555555;
	text-decoration: none;
}

.blog-article-content-text {
    float: left;
    padding-left: 2%;
    width: 70%;
    line-height: 22px;
    overflow: hidden;
    /*max-height: 240px;*/
	font: 15px/1 Arial,"微軟正黑體","細明體";
    font-size: 1.2em;
	/*font-weight: bold;*/
	padding-left: 16px;
}


.blog-article-body>div.blog-article-content-text {
	padding-left: 16px;
}
	
a.blog-article-content-text-a {
    position: absolute;
    right: 10px;
    bottom: 12px;
    border: 1px solid #dc0000;
    padding: 0 20px;
    line-height: 33px;
    border-radius: 5px;
    color: #dc0000;
	font-size: 0.9em;
	/*font-weight: normal;*/
}

a.blog-article-content-text-a:hover {
    background: #dc0000;
    color: #fff;
	font-weight: normal;
	text-decoration: none;
    /*text-decoration: underline;*/
}

.source {
	width: 100%;
	text-align: center;
    padding-top: 2%;
	/*padding-bottom: 6px;*/
    /*padding-left: 14%;*/
    font-size: 1em;
}

.blog-article-content-3 {
    /*padding-left: 10px;*/
    display: inline-block;
}

.blog-right-article {
	margin-bottom:16px;
    padding: 0 3% 3% 3%;
	/*background: #ededed;*/
    background: rgba(149, 149, 149, 0.125);
	border: 1px solid #ddd;
}


.blog-right {
    float: left;
    width: 30%;
    padding-left: 1%;
}

.blog-right-article h1 {
	text-align: center;
    font-size: 24px;
    font-weight: bold;
	padding-top: 6%;
    padding-bottom: 6%;
	border-bottom: #ccc;
    /*border-bottom: solid 1px rgba(149, 149, 149, 0.2);*/
}

.blog-right-article-left {
    width: 40%;
    float: left
}

.blog-right-article-left img {
    width: 100%
}

.blog-right-article-right {
    /*width: 60%;
    float: left;
    line-height: 24px;
    padding-left: 4%;
    font-size: 15px;*/
	
	padding: 6%;
}

.blog-right-article-content {
    padding: 0;
}

.advertising {
    /*border: 1px solid rgba(149, 149, 149, 0.2);*/
	max-width:100%;
	
	margin: 3% auto 3% auto;
	
	text-align: center;
	overflow: hidden;
}


/*
.advertising img {
    width: 100%
}
*/


.advertise-body {
    /*border: 1px solid rgba(149, 149, 149, 0.2);
	margin-top: 3%;	
	margin-bottom: 3%; */

	text-align: center;
}

.advertise-cell {
	display:inline-block;
	text-align: center;
	flex:1;
}


.advertise-cell>* {
	margin: 2% auto;
	
	/*
	margin-left:auto;
	margin-right:auto;*/
}



/*
.advertise-body img {
    width: 100%
}
*/


.blog-text-title {
    font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5;
    text-align: center;
	vertical-align: middle;
    /*
    border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;*/
	
}

.blog-v {
	float: left;
    padding-left: 2%;
}

/*
.blog-text-1-t {
    width: 20%;
    float: left
}

.blog-text-3-t,
.blog-text-4-t,
.blog-text-5-t {
    width: 10%;
    float: left
}

.blog-text-2-t {
    width: 50%;
    float: left
}

.blog-text-1-t span,
.blog-text-2-t span,
.blog-text-3-t span,
.blog-text-4-t span {
    border-right: solid 1px rgba(149, 149, 149, 0.3);
    display: inline-block;
    width: 100%;
    font-size: 14px;
}

.blog-text-5-t span {
    font-size: 14px;
}
*/




.blog-text-1 {
    width: 94px;
    text-align: center;
	vertical-align: middle;	
	/*font-size: 12px;*/
}


.blog-text-2 {
    width: auto;
    text-align: center;
	vertical-align: middle;	
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
	
	/*font-size: 12px;*/
}


.blog-text-3 {
    width: 94px;
    text-align: center;
	vertical-align: middle;	
	/*font-size: 12px;*/
}


.blog-text-4 {
    width: 60px;
    text-align: center;
	vertical-align: middle;	
	/*font-size: 12px;*/
}


.blog-text-5 {
    width: 60px;
    text-align: center;
	vertical-align: middle;	
	/*font-size: 12px;*/
}


/*
.blog-text-3,
.blog-text-4,
.blog-text-5 {
    width: 10%;
    font-size: 13px;
}
*/

.blog-text-4 img {
    width: 22px;
}

/*
.blog-text-2 {
    width: 50%;
    text-align: center;
	vertical-align: middle;
    line-height: 24px;
}
*/

.member-ction h1 {
    margin-top: 40px;
}

.member-collection-text-title {
    border: 1px solid #ccc;
    line-height: 30px;
    padding: .5% 0 .5% 2%
}

.member-collection-text-title-1,
.member-collection-text-title-2,
.member-collection-text-title-4,
.member-collection-text-title-5 {
    float: left;
    width: 8%;
    padding-left: 1%
}

.member-collection-text-1,
.member-collection-text-2,
.member-collection-text-4,
.member-collection-text-5 {
    width: 8%;
    padding-left: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.member-collection-text-title-3,
.member-collection-text-3 {
    width: 55%;
    padding-left: 3%
}

.member-collection-text-title-2,
.member-collection-text-2 {
    width: 13%;
    padding-left: 3%
}

.member-collection-text-title-1 span,
.member-collection-text-title-2 span,
.member-collection-text-title-3 span,
.member-collection-text-title-4 span {
    border-right: 1px solid #ccc;
    display: inline-block;
    width: 100%;
}

.member-collection-text-3 a:hover {
    color: #dc0000;
    text-decoration: underline
}

.member-collection-text-title-1 {
    padding-left: 0
}

.member-collection-text-4 img {
    width: 35%
}

.member-collection-text-title-5 {
    text-align: center;
    padding-left: 0
}

.member-collection-text {
    border: solid 1px #ccc;
    padding: 1.5% 0;
    padding-left: 1%;
    margin-top: -1px;
}

.member-collection-text-2,
.member-collection-text-4,
.member-collection-text-title-2,
.member-collection-text-title-4 {
    text-align: center;
    padding-left: 0
}

.member-collection-text-2 {
    padding-left: 2%
}

.blog-right-h1 {
    font-size: 24px;
    padding: 3% 0;
    text-align: center
}

.blog-title {
    border-bottom: 5px #dc0000 solid;
    margin-bottom: 3%;
}

.blog-view {
    border: 1px solid #ccc
}

.blog-time {
    width: 12%;
    float: left
}

.blog-time-year {
    background: #337ab7;
    color: #fff;
    text-align: center;
    line-height: 36px;
}

.blog-time-day {
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    background: #f3f4f3;
}

.blog-view-title {
    width: 88%;
    float: left;
    padding: 1% 0 3% 2%;
}

.blog-view-title h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    padding-bottom: 2%
}

.blog-view-title span {
    padding-left: 5%
}

.blog-view-content {
    padding-bottom: 2%;
}

.blog-view-content img {
	max-width:100%;
}

.blog-content-text {
	font-size: 1.2em;
	line-height: 2;
	margin: auto;
	word-wrap: break-word;
	word-break:break-word;	
}

.blog-content-text h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #dc0000;
}


.blog-content-text h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #f60;
}

.blog-content-text h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0d0;
}

.blog-content-text h4 {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
}

.blog-content-text h5 {
	font-size: 0.9em;
}

.blog-content-text h6 {
	font-size: 0.8em;
}


.lightbox-img img {
    position: relative
}

.blog-img-close {
    position: absolute;
    right: 4px;
    top: 0;
}


.blog-view-content-text {
    font-size: 14px;
    padding: 1% 0 3%
}


/*
.blog-view-content p {
	margin-top: 2em;
	margin-bottom: 2em;
}
*/


.lightbox-img {
    /*width: 60%;*/
    width: 90%;	
    margin: 5% auto;
    background: #fff;
    padding: 1%;
    border-radius: 5px;
}

.lightbox-img img {
    width: 100%
}

.blog-view-btn {
    padding-top: 10%
}

.blog-view-btn2 {
    padding: 2% 0 3%
}

.blog-view-btn div {
    float: left;
    margin-right: 3%;
}

.blog-view-btn2 div {
    float: left;
    margin-right: 3%
}

.blog-view-txt {
    color: #dc0000;
    border-top: solid 1px #ccc;
    padding-top: 1%;
}

.blog-view-txt p {
    line-height: 1.4;
}

/*
.blog-view-txt p:nth-child(1) {
    font-size: 22px;
    font-weight: bold
}
*/

.blog-view-look {
    position: absolute;
    right: 2%;
    bottom: 7%;
}


.reading {
	/*border-top: 2px solid #ccc;
    padding-top: 1%;	
    margin-bottom: 6%*/
	
	margin-top: 1%;
	margin-bottom: 3%;
}


.blog-bottom-adv {
	/*border-top: 2px solid #ccc;
    padding-top: 3%;
    margin-bottom: 6%;*/
	
	/*margin-top: 1%;*/
	
	margin-bottom: 2%;
}


.fb-message {
	/*border-top: 2px solid #ccc;
    padding-top: 3%;*/
	
	margin-top:1%;
    margin-bottom: 2%;
}


/*
.reading div {
    float: left;
    width: 31%;
    padding: 1%;
    line-height: 24px;
    border: 1px solid #ccc;
    margin: 1%;
    min-height: 250px;
}

.reading div img {
    width: 100%
}

.reading h1 {
    padding: 3% 0 1%;
    font-size: 24px;
    color: #dc0000;
}

.reading div p {
    height: 48px;
    overflow: hidden;
}

*/


.google-img img {
    width: 100%;
    border: solid 1px #ccc
}

.blog-txt {
    font-size: 22px;
    padding-left: 3%
}

.blog-txt:hover {
    color: #dc0000;
}

.collection img {
    width: 38%
}

.blog-view-float {
    position: absolute;
}

#blog {
	/*margin-left: -92px;*/
	
    /*width: 53px;*/
	/*display: none;*/
	/*position: fixed;*/
}

.blog-fixed {
    position: fixed;
    /*top: calc(50vh - 122px);*/
    top: 10px;
	margin-left: -105px;
}

.fixed {
    position: fixed;
    top: 0;
}


.blog-right-fixed {
    position: -webkit-sticky;	
    position: sticky;
    top: 0;
}


.blog-left-title {}

.collection-text-p a:hover,
.collection-text h1 a:hover,

/*.viedo-height-right-a:hover,*/

.viedo-title-content:hover,
.time:hover,
.price:hover,
.act-c-a:hover,
.title-a:hover,
.tab-content a:hover,
.des-link a:hover,
.deal-b-display-right-p a:hover,
.deal-b-display-content a:hover,
.blog-text-2 a:hover,
.member-collection-top-a-action:hover,
.member-collection-top-a:hover,
.collection a:hover,
.source a:hover,
.reading div a:hover,
.blog-right-article-right a:hover,
.blog-view-title a:hover,
.blog-view-content-text a:hover,
.blog-article-content-1 a:hover,
.blog-article-content h1 a:hover,
.blog-article-content-2:hover {
    color: #dc0000;
    text-decoration: none;
}

.member-collection-top-a-action:hover {
    background: #fff
}

.blog-right-article-left img:hover,
.deal-b-display-left img:hover,
.act-content img:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.des-link a {
    padding-right: 15px;
    color: #012e73;
}

.time:active,
.price:active {
    color: #dc0000;
}

.collection-text-right a:hover {
    color: #fff;
    background: #dc0000
}

.viedo-title-content {
	/*height: 72px;*/
	font-size: 1.2em;
	overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #337ab7;	
    margin: auto;
	width: 98%;
	/*padding: 3px;*/
    /*display: block;*/
}

.viedo-title-content:hover {
	/*font-size: 1.05em;*/
	text-decoration: none;
	overflow:visible;
	letter-spacing: 0.1px;
	/*border:1px solid #dc0000;*/
}

.play-to-buy:hover {
    text-decoration: underline
}

.swiper-slide-text {
    color: #fff;
    position: absolute;
    left: 8%;
    top: 12%;
	max-width: 70%;
}

.swiper-slide-text p {
    line-height: 2em;
	font-size: 20px;
	padding-left: 16px;
}

/*
.swiper-slide-text p:nth-child(2) {
    font-size: 16px
}

.swiper-slide-text p:nth-child(3) {
    font-size: 20px
}

.swiper-slide-text p:nth-child(4) {
    font-size: 24px
}
*/

.swiper-slide-text-h2 {
    color: #fff;
    font-size: 28px;
    background: rgba(236,0,0,1);
    border-radius: 8px;
    line-height: 1.3em;
    vertical-align: bottom;
    padding: 12px;
	margin-bottom: 20px;
	white-space: nowrap;
    text-overflow: ellipsis; 
	overflow: hidden;
}


/*nine*/

.nine {
    padding: 3% 0
}

.nine-wrapper:before {
    content: "";
    border-right: 15px solid white;
    border-left: 15px solid white;
    border-top: 18px solid #999;
    display: inline-block;
    position: absolute;
    bottom: -18px;
    /*left: 49%;*/
	left: calc(50% - 15px);
}

.nine-ul, .submenu-2 {
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 flex-wrap:wrap;
	 overflow-wrap:break-word;
	 word-wrap: break-word;
	 word-break:break-all;        
}    

/*
.nine-ul li {
    float: left;
    width: 20%;
    padding-left: 6%;
    line-height: 50px;
}
*/


.nine-ul li {
	 -webkit-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
	 min-width:19%;
	 max-width:20%;
	/*float: left;*/
    width: 20%;
    padding-left: 6%;
    line-height: 1.6;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
 }

 
 
/*
.nine-ul li:hover {
	border: 1px solid #dc0000;
	border-radius: 3px;
	margin-top: calc(0.6em - 1px);
	margin-bottom: calc(0.6em - 1px);
	color : #dc0000;
}
*/

/*
.nine-ul li a {
    padding-left: 10px;
    background: url(../images/uncheck.png) left center no-repeat;
}
*/


/*
.nine-ul li label:hover {
     color:#dc0000;
     text-decoration:underline;
} 
*/



.nine-wrapper {
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 3% 0;
    position: relative;
}

.nine-wrapper h1 {
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 7%;
    padding-bottom: 1%;
}

.nine-content {
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px 0 15px;
}

/*
.nine-content-1 {
    float: left;
}

.nine-content-2 {
    float: right;
}
*/

.nine-blue {
    background: #009fe9;
    color: #fff;
    /*line-height: 42px;*/
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px
}

.nine-red {
    background: #db0000;
    color: #fff;
    /*line-height: 42px;*/
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px
}

.nine-green {
    background: #67c155;
    color: #fff;
    /*line-height: 42px;*/
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px
}

/*
.nine-blue:hover,
.nine-green:hover,
.nine-red:hover {
    color: #fff
}
*/

.table-text {
    text-align: center;
    padding: 3% 0 0
}

/*
.nine-content-center {
    text-align: center;
}
*/


/*pick*/

.pick {
    padding: 3% 0
}

.pick-left {
    float: left;
    /*width: 16.5%*/
	width: 200px;
}

.pick-right {
    float: left;
    /*width: 83.5%;*/
	width: calc(100% - 200px);
    padding-left: 2%;
}

.accordion {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* overflow:auto; */
}

.accordion .link {
    /* cursor: pointer; */
    display: block;
    line-height: 45px;
    padding-left: 28px;
    color: #4D4D4D;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.pick-i-1 {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.pick-i-1.fa-chevron-down {
    left: 5px;
    font-size: 16px;
}

.accordion li.open i.fa-caret-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion li.default .submenu-it {
    display: block;
}

.submenu-it {
    display: block;
    font-size: 14px;
    position: relative;
}

.submenu-it a {
    display: block;
    text-decoration: none;
    color: #333;
    line-height: 36px;
    padding-left: 28px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu-it a:hover {
    background: #00a0e9;
    color: #FFF;
}

.pick_left_title {
    height: 52px;
    line-height: 52px;
    background: #009fe9;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.pick_left_title i {
    padding-right: 5px;
}

.pick_left_content {
    background: #eee;
    border-radius: 5px;
    margin-top: 8px;
    /*max-height: 492px;*/
    padding-bottom: 10px;
    overflow-y: auto;
	height: calc(100% - 60px);
}

#reel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#reel::-webkit-scrollbar {
    width: 18px;
    background-color: #F5F5F5;
    width: 5px;
}

#reel::-webkit-scrollbar-thumb {
    background-color: #535353;
}

#pick5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#pick5::-webkit-scrollbar {
    width: 18px;
    background-color: #F5F5F5;
    width: 5px;
}

#pick5::-webkit-scrollbar-thumb {
    background-color: #535353;
}

.pick-top-p {
    text-align: right;
    padding-bottom: 1%;
}

.pick-wrapper {
    border: solid 1px #ccc;
    border-radius: 10px;
    /*height: 500px;*/
    overflow-y: auto;
    padding: 2%
}

.pick-tab {
    padding: 0;
    position: relative;
}

/*
.pick-wrapper:before {
    content: "";
    border-right: 15px solid white;
    border-left: 15px solid white;
    border-top: 18px solid #999;
    display: inline-block;
    position: absolute;
    bottom: -18px;
    left: 49%;
}



.pick-wrapper:before {
    content: "";
    width: 18px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
*/


.nav-tabs2>li {
	min-width: 15%;
	text-align: center;
}

.nav-tabs2>li>a {
    padding: 10px 15px;
    font-size: 18px;
}

.pick-tab-left {
    width: 50%;
    float: left;
	border-right: 3px solid #eee;
}

.pick-tab-right {
    width: 50%;
    float: left;
	border-left: 3px solid #eee;
	/*padding-left: 2%;*/
}

.pick-tab-left div {
    padding-left: 2%;
}

.pick-tab-right div {
    padding-left: 2%;
}


.pick-checkbox {
    display: inline-block;
}

.pick-bth-top-1 {
    text-align: right;
    padding: 2% 0 0 0;
	/*width: 100%;*/
	float: right;
	margin: 20px 0 10px 0;
}

.pick-bth-top-1 a, .pick-bth-content-left a, .pick-bth-content-right a, .nine-content-1 a {
	display: inline-block;
	margin: 3px;
	padding: 12px 15px;
    border-radius: 5px;
	text-align: center;
}


.pick-bth-content {
    /*padding: 3% 0;*/
	width: 100%;
	float: left;
	margin: 1% 0;
}

.pick-btn-box {
	margin:10px 0;
	padding:2% 0;
}

.pick-bth-content-left {
    float: left;
    /*width: 60%*/
}

.pick-bth-content-right {
    float: right;
    text-align: right
}

.pick-bth-content-left ul li {
    float: left;
    color: #009fe9;
    margin-right: 3px;
    line-height: 41px;
    padding-right: 12px;
}

.pick-bth-content-left i,
.pick-bth-content-right i {
    padding-right: 5px;
}

.pick-bth-content-right ul li {
    float: left;
    padding-left: 12px;
}

.pick-bth-view {
    padding: 3% 0 0 0;
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 2% auto 0 auto;
    font-size: 28px;
	font-weight: bold;
    color: #dc0000;
	background-color: #eee;

}


.pick-bth-view:hover {
	background-color: rgba(103,193,85,0.2);
}

.pick-content {
    width: 90%;
    margin: 0 auto
}

.pick-1 div,
.pick-2 div {
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    /*border-bottom: solid 1px #ccc;*/
}

.pick5-title {
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    border-bottom: solid 1px #ccc;
    text-align: center;
}

.radio-btn input[type="radio"],
.check-box input[type="checkbox"] {
    visibility: hidden;
}

.pick5-wrapper {
	padding: 10px 0;
    border-top: solid 1px #eee;
}

.pick-input {
    width: 150px;
    border: 1px solid #ccc;
    /*margin: 0 5px;*/
	margin: 0;
    padding-left: 2%;
    margin-top: -2px;
    text-align: center;
	line-height: 1.6em;
}

.pick5-content button {
    background: #fff;
    border: solid 1px #ccc
}

.pick5-1 {
    float: left;
    /*width: 30%;*/
    line-height: 25px;
	/*flex:100px;*/
	max-width:240px;
	min-width:240px;
	/*flex:0.2;*/
}




.pick5-x {
	/*flex:0.7;*/
	text-align: center;
	width: calc(100% - 240px);
}


.pick5-2, .pick5-3 {
	float: left;
    width: 50%;
    padding-bottom: 1%;
	text-align: center;
}

/*
.pick5-2 {
    float: left;
}
*/

/*
.pick5-x .pick5-2,
.pick5-x .pick5-3 {
 
    width:50%;
	text-align: center;

}
*/



.pick5-x-span {
	display:none;
}


.button-1,
.button-2 {
    background: #fff;
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
}

.button-1 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.button-2 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pick5-wrapper-1 {
    padding-top: 2%
}

.pick5-1,
.pick5-2,
.pick5-3 {
    padding: 12px 0;
}

.pick5-span {
    padding-left: 36%
}

/*
.pick5-span-text:after {
    content: "同時";
    margin-left: 27%
}
*/


/*Custom checkbox*/

.pick-lightboxes-1 p {
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
}

.pick-lightboxes {
    background: #fff;
    width: 60%;
    padding: 1.5%;
    border-radius: 10px;
	overflow-y: auto;
}

.pick-lightboxes-2 div {
    float: left;
    line-height: 36px;
    color: #333
}

.pick-lightboxes-2-1 {
    width: 30%;
    text-align: right;
    padding-right: 3%
}

.pick-lightboxes-2-2 {
    width: 70%
}

.pick-lightboxes-2 div input {
    border: 1px solid #ccc;
    height: 36px;
    padding-left: 2%;
    width: 100%;
    border-radius: 5px
}

.pick-lightboxes-2 a {
    margin: 3% 0 1%;
    display: block;
    background: #009fe9;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    line-height: 36px;
}

/*
.pick-lightboxes-3 {
    background: #fff;
    padding: 3%;
    border-radius: 10px;
    width: 60%
}
*/

.pick-lightboxes-3 h1 {
    text-align: center;
    color: #dc0000;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 1%
}

.pick-lightboxes-3 .modal-body span {
    padding-left: 10px;
    padding-right: 30px;
    font-size: 16px;
}

.pick-lightboxes-3-title {
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #dc0000;
    margin-bottom: 2%;
	margin-top:20px;
}

.pick-lightboxes-3-body div {
    float: left;
    width: 33.33%;
    padding: 8px 0
}

.pick-lightboxes-3 .out {
	margin-top:0;
}

.pick-lightboxes-3 .out-1,
#condition .out-1 {
	line-height: 44px;
	/*font-size: 1.1em;*/
}
.submenu-it li a {
    position: relative
}

.submenu-it li:hover i {
    color: #fff
}

.pen {
    position: absolute;
    /* top:0px; */
    /*left: 80%;*/
    color: #666
}

.trash {
    position: absolute;
    /* top:0px;  */
    /*left: 92%;*/
    color: #666
}

.graphics-image img {
    width: 100%;
    position: relative;
    /* position: absolute; */
    z-index: 9;
    max-width: 100%;
    min-width: 1920px;
}

.nav-pills>li>a {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    padding: 10px 24px;
}

.tab-graphics {
    /*position: absolute;*/
    /*top: 16%;*/
    left: 5%;
	margin-top: 20px;
    border-bottom: solid 8px #dc0000;
    /*width: 90%;*/
    /*z-index: 20;*/
}

.tab-graphics a {
    color: #fff;
    font-size: 16px;
    font-family: "微軟正黑體"
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #dc0000;
}


/* .nav>li>a:focus */
.nav li>a:hover {
    background-color: #dc0000;
    color: #fff;
}

.select-bar {
    padding-bottom: 1%
}

.select-bar .nav li>a:hover,
.select-bar .nav>li>a:focus {
    background-color: transparent;
    color: #333;
}

.select-bar .nav .open>a,
.select-bar .nav .open>a:hover,
.select-bar .nav .open>a:focus {
    border: none
}

.select-bar .dropdown-menu>li>a:hover {
    background: #009fe9;
    color: #fff
}

.graphics-img-push {
    position: absolute;
    color: #fff;
    width: 92%;
    left: 5%;
    top: 2%;
    z-index: 20;
}

.graphics-img-push-right a {
    float: left;
    padding: 12px 15px;
	margin: 7px 3px;
	text-align: center;
}

.graphics-img-push-left {
    /*width: 40%;*/
    float: left
}

/*
.graphics-img-push-left a:hover {
    color: #fff;
    text-decoration: none
}
*/

.graphics-img-push a:hover,
.graphics-img-push a:focus {
    color: #fff;
    text-decoration: none
}


/*
.graphics-img-push-left a:after {
    content: "";
    background: #000
}
*/

.graphics-img-push-right {
    float: right;
    /*position: absolute;*/
    right: 0;
	/*width: 60%;*/
}

.graphics-bth-dark-btn {
    background: #6F6F6F;
    padding: 12px 15px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 1%
}

.graphics-bth-blue-btn {
    background: #009fe9;
    padding: 12px 15px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 1%
}

.graphics-bth-red-btn {
    background: #dc0000;
    padding: 12px 15px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 1%;
}

.graphics-bth-green-btn {
    background: #67c155;
    padding: 12px 15px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 1%;
}


.graphics-bth-red {
    padding: 0 15px;
    line-height: 48px;
    display: inline-block;
    font-size: 22px;
    margin-bottom: 1%;
	margin-right: 6px;
    /*background: #dc0000;
	border-radius: 5px;
    color: #fff;*/
}

.graphics-bth-red-btn:hover,
.graphics-bth-green-btn:hover,
.graphics-bth-dark-btn:hover,
.graphics-bth-blue-btn:hover {
    color: #fff;
    text-decoration: none
}

.clearfix:before,
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.toggle {
    display: block;
    width: 100%;
    height: 100%
}

.graphics-seach {
    background: #666;
    /*width: 142px;*/
    width: 240px;
    height: 50px;
    padding-top: 16px;
    text-align: center;
    position: absolute;
    z-index: 20;
    bottom: 3%;
    right: 2%;
    border-radius: 8px;
}

.graphics-seach img {
    padding: 0 10px
}


.bth-up {
    border: solid 1px #09F;
    padding: 5px 40px;
    display: inline-block;
    color: #09f;
    position: absolute;
    top: 15%;
    left: 46%;
    font-size: 26px;
    border-radius: 5px;
    z-index: 20;
}

.bth-up:hover {
    background: #09f !important;
    color: #fff !important;
    text-decoration: none
}
.bth-up:link {
	color: #09f;
    text-decoration: none
}



.bth-down {
    border: solid 1px #09F;
    padding: 5px 40px;
    display: inline-block;
    color: #09f;
    position: absolute;
    bottom: 5%;
    left: 46%;
    font-size: 26px;
    border-radius: 5px;
    z-index: 20;
}

.bth-down:hover {
    background: #09f !important;
    color: #fff !important;
    text-decoration: none
}
.bth-down:link {
    color: #09f;	
    text-decoration: none   
}

.bth-left {
    border: solid 1px #dc0000;
    padding: 40px 10px;
    display: inline-block;
    color: #dc0000;
    position: absolute;
    top: 46%;
    left: 2%;
    font-size: 26px;
    border-radius: 5px;
    z-index: 20;
}

.bth-left:hover {
    background: #dc0000 !important;
    color: #fff !important;
    text-decoration: none
}
.bth-left:link {
    color: #dc0000;	
    text-decoration: none
}

.bth-right {
    border: solid 1px #dc0000;
    padding: 40px 10px;
    display: inline-block;
    color: #dc0000;
    position: absolute;
    top: 46%;
    right: 2%;
    font-size: 26px;
    border-radius: 5px;
    z-index: 20;
}

.bth-right:hover {
    background: #dc0000 !important;
    color: #fff !important;
    text-decoration: none;
}

.bth-right:link {
    color: #dc0000;	
    text-decoration: none;
}

/*
.graphics-container {
    margin: 0;
    width: 100%;
    background: rgba(0, 0, 0, 1);
    height: 100%
}
*/

.graphics-close {
    opacity: 1;
    position: absolute;
    z-index: 20;
    top: 3%;
    left: 3%;
    color: #fff;
    padding: 2px
}

.graphics-close:hover {
    opacity: 1;
    color: #fff
}

.graphics-seach button {
    color: #fff;
    font-size: 20px;
    padding: 0 10px;
    background-color: transparent;
    border: none
}

.payment-page {
    /*padding: 3% 0;*/
	/*border-top: 1px solid #ccc;*/
    text-align: center;
	/*margin: 3% auto;*/
}

.payment-page-blue,
.payment-page-red {
    background: #009fe9;
    line-height: 54px;
    display: inline-block;
    margin-right: 2%;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    padding: 0 25px;
	width: 220px;
}

.payment-page-red {
    background: #dc0000;
}

.payment-page-blue:hover,
.payment-page-red:hover {
    color: #fff;
    text-decoration: none
}

.payment-page i {
    padding: 0 7px;
}


/*payment*/

.payment {
    padding: 3% 0
}

.payment-title {
    border-bottom: solid 1px #dc0000;
    padding-bottom: 1%;
    color: #dc0000;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5%
}

.payment-title span {
    position: relative
}


.payment-title span:after {
    position: absolute;
    content: "";
    bottom: -22px;
    left: 36px;
    border-right: 15px solid white;
    border-left: 15px solid white;
    border-top: 15px solid #dc0000;
    display: inline-block;
}


.payment-img {
    width: 100%;
}


.payment-content-wrapper {
	/*
    padding: 3% 0;
    border-bottom: solid 1px #ccc;
	*/
	
	margin-bottom: 5%;	
}



.payment-content-title {
    background: #dbdbdb;
    padding-left: 2%;
    line-height: 42px;
    width: 99.3%;
}

.payment-content-title-1,
.payment-content-1 {
    width: 27%;
    float: left
}

.payment-content-title-2,
.payment-content-2 {
    width: 10%;
    float: left;
    text-align: center;
}

.payment-content-title-3,
.payment-content-3 {
    width: 3%;
    float: left
}

.payment-content-4 {
    width: 13%;
    float: left;
    text-align: right;
	
    /*line-height: 93px;*/
}

.payment-content-4-1 {
    width: 20%
}



.payment-content-title-2.sub2,
.payment-content-2.sub2 {
    width: 15%;
    float: left;
    text-align: center;	
}


.payment-content-title-2.sub3,
.payment-content-2.sub3 {
    width: 40%;
    float: left;
    text-align: center;	
}

.payment-button {
    background-color: transparent;
    background-color: transparent;
    border: solid 1px #ccc;
    width: 20px;
    margin: 0 5px;
    height: 21px;
    margin-top: -2px;
}

.payment-content {
    border-bottom: solid 1px #ccc;
	/*font-weight: bold;
		padding: 0 0 2% 0;*/
}

.payment-input {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    width: 30px;
    text-align: center;
}

.payment-content-1 a:hover {
    color: #dc0000;
}

.payment-content-1 a {
    width: 240px;
    overflow: hidden;
    display: block;
}

/*
.payment-content-c {
    padding: 2% 0
}
*/

.payment-show-m {
    line-height: 66px;
    padding-left: 2%;
}

.price {
    font-size: 24px;
}

.payment-input-2 {
    border: solid 1px #ccc;
    width: 80px;
    height: 30px;
    margin-left: 5px;
    margin-top: -3px;
}

.payment-button-2 {
    width: 70px;
    height: 30px;
    margin-left: 5px;
    line-height: 25px;
}

.blue-3 {
    color: #556fb5
}

.blue-4 {
    font-size: 22px;
    color: #556fb5;
	font-weight:bold;
}

.red-text-2 {
    color: #dc0000;
    font-size: 26px;
}


.red-text-2-bold {
    color: #dc0000;
    font-size: 26px;
	font-weight: bold;
}

.padding-top {
    padding-top: 2%
}

.triangle {
    width: 0;
    height: 0;
    margin-right: 10px;
    border-style: solid;
    border-width: 8.5px 0 8.5px 14.7px;
    border-color: transparent transparent transparent #db0000;
    display: inline-block;
    vertical-align: middle;
}

.payment-select {
    /*padding: 3% 0*/
}

.payment-select-img img {
    vertical-align: middle
}

.payment-select-img a:hover {
    color: #dc0000
}

.payment-select-1 {
    /*float: left;*/
    width: 20%;
	min-width: 230px;
}

.payment-select-2 {
    border-left: solid 1px #ccc;
    /*float: left;*/
    /*width: 80%;*/
    padding-left: 2%;
    font-size: 15px;
    /* height: 50px; */
    overflow: auto;
    line-height: 1.75em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.payment-select-content {
	width: 100%;
    border: solid 1px #ccc;
    line-height: 50px;
    padding-left: 2%;
}

.payment-select-wrapper {
    line-height: 50px;
    padding-left: 2%;
    border: solid 1px #ccc;
    margin-top: -1px;
}

.payment-purchaser {
    padding: 3% 0;
    border-top: solid 1px #ccc
}

/*
.payment-select p {
    font-size: 20px;
    font-weight: bold
}
*/

.payment-purchaser h1 {
    font-size: 20px;
    font-weight: bold
}

.payment-table {
    border: solid 1px #ccc;
    line-height: 48px;
	font-size: 18px;
	width: 100%;
    /*margin-top: 2%;*/
}

.payment-table tr {
	width: 100%;
    /*border-bottom: solid 1px #ccc;*/
}

.payment-table-div-1 {
    width: 24%;
    padding: 1% 0;
    padding-left: 3%;
    border-right: solid 1px #ddd;
    float: left;
    border-bottom: solid 1px #ccc;
}

.payment-table-div-2 {
    width: 76%;
    padding: 1% 0;
    padding-left: 3%;
    float: left;
    border-bottom: solid 1px #ccc
}

.payment-table-div-color {
    background: #ddd;
    width: 100%;
    padding: 1% 0;
    padding-left: 3%;
    border-right: solid 1px #ddd;
    float: left;
    border-bottom: solid 1px #ccc;
    float: left;
}

.payment-input-1, .payment-input-3 {
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 36%;
    padding-left: 10px;
	color: #003377;
	min-width: 280px;
	max-width: 100%
}

.payment-input-3 {
	width: 280px;
	min-width: 100px;
	max-width: 50%;
}

.payment-table-div-border {
    border-left: solid 1px #ccc
}

.payment-table-input-2 {
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 70%;
    padding-left: 10px;
	color: #003377;
}

.payment2-select {
    width: 20%;
	min-width:90px;
    margin-right: 2%;
	color: #003377;	
}


.payment2-zipcode {
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 8%;
	min-width: 84px;
    padding-left: 10px;
	background: #eee;
	color: #003377;
}


.payment2-select-2 {
    width: 40%
}

.payment-select-1 input[type="radio"]:checked+label {
    color: #009fe9;
}

.payment-table-div-1 input[type="radio"]:checked+label {
    color: #009fe9;
}

.payment-table-div-2 input[type="checkbox"]:checked+label {
    color: #009fe9;
}

.payment-select-1 label {
	font-size: 18px;
	/*font-weight: bold;*/
}

.payment-textarea {
    border: solid 1px #ccc;
    border-radius: 5px;
    width: 92%;
    line-height: 1.6;
    margin-top: 2%;
    /*font-size: 1.2em;*/
    /*font-weight: bold;*/
    padding: 4px 10px;
    color: #003377;
    height: 146px;
}


/*圖型模式*/

.vip-lightboxes {
    /* min-height: 606px; height: 100%; */
    width: 480px;
    margin: 10% auto;
    position: relative;
	min-width: 280px;
	max-width: 100%;
}

.vip-lightboxes h1 {
    color: #dc0000;
    font-size: 45px;
    line-height: 100px;
    padding-bottom: 1%;
}

.vip-lightboxes-content {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    padding: 3%;
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
}

.vip-lightboxes-content-a {
	display: block; 
	width: 80%;
    margin-bottom: 6%
}

/*
.vip-lightboxes-content-a1 {
    display: block;
    background: #009fe9;
    color: #fff;
    line-height: 36px;
    width: 80%;
    margin: 0 auto;
    border-radius: 3px;
    margin-bottom: 3%
}

.vip-lightboxes-content-a2 {
	display: block; 	
	width: 80%;
    margin-bottom: 6%
 	
   
    border-radius: 3px;
   background: #67c155;
    color: #fff;
    line-height: 36px;
    margin: 0 auto;

}
*/

.vip-lightboxes-content-a1:hover {
    color: #fff;
    text-decoration: none
}

.vip-lightboxes a:hover {
    text-decoration: none
}

.table td a:hover {
    color: #dc0000
}

.analysis-data h2 a:hover {
    color: #dc0000
}

.analysis-data div a:hover {
    color: #dc0000
}

.graphics-close-a {
    /*background: #666;*/
    width: 36px;
    height: 47px;
    position: absolute;
    top: 2%;
    left: 1%;
    display: inline-block;
    z-index: 9999;
    /*border-radius: 4px;*/
}

button.close {
    padding: 4px;
    color: #fff;
    font-size: 36px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9999;
    padding-top: 7px;
}

.modal-title caps {
    position: relative
}

button.close:hover {
    color: #dc0000;
    opacity: 1;
}

.graphics-input {
    width: 160px;
    background: #000;
	/*background: rgba(0,0,0,0);*/
    line-height: 32px;
    color: #fff;
    padding-left: 2%;
	z-index:9999;
}


.graphics-li-seach {
    background: #000;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin-top: 5px;
    position: relative
}


#graphics-li-seach{
	padding-top:0;
	padding-bottom:0;
	line-height: 38px;
	width: 200px;
	/*background: rgba(0,0,0,0);*/
}

#single-stock div{
	padding-top:0;
	padding-bottom:0;	
	line-height: 38px;
	width: 200px;
	font-size: 22px; 
	text-align:center;
	/*background: rgba(0,0,0,0);*/
}


.graphics-li-seach-ul {
    position: absolute;
    color: #666;
    background: #fff;
    width: 177px;
    top: 29px;
    left: 0;
    display: none
}

.graphics-li-seach-ul li:hover {
    color: #fff;
    background: #009fe9;
    width: 100%;
    text-align: left;
}

.graphics-li-seach-ul li a:hover {
    color: #fff;
    text-decoration: none
}


.lightboxes-company {
    width: 62%;
    margin: 1% auto;
    background: #000
}

.lightboxes-company table tr td {
    padding: 0;
    line-height: 31px;
    padding-left: 10px;
}

.lightboxes-company-bg {
    background: rgba(0, 0, 0, 0.46);
}

.lightboxes-company-table {
    margin-bottom: 0
}

.cart-confirm {
    padding: 3% 0
}

.cart-confirm-a {
    text-align: center;
    padding-top: 3%
}

.cart-confirm-a a {
    background: #dc0000;
    display: inline-block;
    width: 250px;
    margin: 0 auto;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
}

.cart-confirm-a a:hover {
    text-decoration: none
}

.lightboxes-company-table {
    margin-bottom: 0;
    width: 1150px;
    margin: 0 auto;
    background: #fff;
    color: #333;
}


/*radio*/

.number {
    position: absolute;
    top: 2.1875rem;
    left: -1.25rem;
    color: #16a085;
    font-size: 2rem;
    font-family: Helvetiva, Arial, sans-serif;
}

.list {
    padding: .5rem 1rem;
    margin: .5rem .5rem 2rem .5rem;
    border-left: 0.1875rem solid #16a085;
}

.list__item {
    margin: 0 0 .5rem 0;
    padding: 0;
}

.label--checkbox,
.label--radio {
    position: relative;
    margin: 0;
    margin-right: 5px;
    line-height: 135%;
    cursor: pointer;
}

.checkbox-s {
    display: inline-block;
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
}

.checkbox-s:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 3px solid #009fe9;
    border-top-style: none;
    border-right-style: none;
}

.checkbox-s:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}

.checkbox-s:after {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}

.radio {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    display: inline-block
}

.radio:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: -1px;
    left: 3px;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: #1da016;
    border-radius: 50%;
}

.radio:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -0.1rem;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 5px;
}

.btn--twitter {
    right: 2rem;
    background: #2980b9;
}

.btn--twitter:hover {
    background: #2472a4;
}

.checkbox-txt {
    padding-left: 10px
}

.pick-table-title-1 span {
    display: none
}

.filter {
    border-top: solid 1px #ccc;
    margin-top: 10px;
    padding-top: 20px;
    text-align: center;
}

.filter button {
    background: #dc0000;
    display: inline-block;
    width: 160px;
    line-height: 52px;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 22px;
    color: #fff
}

.basic_check_show-left-1 {
	text-align: left;
	padding-left: 2%;
	padding-right: 2%;
    font-weight: bold;
    color: #dc0000;
    line-height: 40px;
	width:20%;
	float:left;
}

.basic_check_show-left {
	padding-left: 2%;
	padding-right: 2%;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    color: #333;
	width:80%;
	float: left;
}

.nine-ul li label input[type="radio"]:checked+label {
    color: #dc0000
}

.tab-pane-div {
    display: none
}

.pick-table-content2 a:hover,
.pick-table-content a:hover {
    color: #dc0000
}

.widthlimit {
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    padding: 3%;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
}

.banner-2 {
    display: none
}

.cart-ok {
    padding: 3% 0 0
}

.cart-ok_img {
    padding-bottom: 3%
}

.cart-ok-text h1 {
    line-height: 60px;
    font-size: 24px
}

.cart-ok-text p {
    line-height: 26px;
}

.cart-ok-h1 {
    color: #dc0000;
    font-size: 36px;
    text-align: center;
    border-bottom: 2px solid #dc0000;
    margin-bottom: 5%;
    padding-bottom: 1%;
    position: relative
}

.cart-ok-h1:before {
    content: "";
    position: absolute;
    border-right: 15px solid white;
    border-left: 15px solid white;
    border-top: 15px solid #dc0000;
    display: inline-block;
    bottom: -16px;
    left: 49%;
}

.cart-ok-page-blue {
    background: #009fe9;
    display: inline-block;
    margin-right: 8px;
    line-height: 60px;
    color: #fff;
    font-size: 26px;
    width: 190px;
    text-align: center;
    border-radius: 5px
}

.cart-ok-page-red {
    background: #dc0000;
    display: inline-block;
    margin-right: 8px;
    line-height: 60px;
    color: #fff;
    font-size: 26px;
    width: 190px;
    text-align: center;
    border-radius: 5px
}

.cart-ok-page-red:hover,
.cart-ok-page-blue:hover {
    color: #fff;
    text-decoration: none
}

.cart-ok-page {
    border-top: solid 1px #ccc;
    padding-top: 2%;
    margin-top: 5%;
    text-align: center
}

.radio-blue:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: -1px;
    left: 0.125rem;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: #009fe9;
    border-radius: 50%;
}

.radio-blue {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    display: inline-block
}

.radio-blue:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio-blue:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -0.125rem;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 5px;
}

.custom01 input[type="radio"]:checked+label {
    color: #dc0000;
}

.custom01 input[type="radio"] {
    display: none;
}

.custom01 label {
    position: relative;
    display: inline-block;
    padding: 3px 7px 3px 16px;
    cursor: pointer;
}

.custom01 label:hover {
	border: 1px solid #dc0000;
	border-radius: 3px;
	padding: 2px 6px 2px 15px;
	color : #dc0000;
} 

.custom01 label::before {
    position: absolute;
    content: '';
    top: 1.1em;
    left: 7px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    background: #ccc;
    border-radius: 100%;
}

.custom01 label:hover::before {
    top: calc(1.1em - 1px);
    left: 6px;
	background: #dc0000;
}


.custom01 input[type="radio"]:checked+label::after {
    position: absolute;
    content: '';
    top: 1.1em;
    left: 7px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    background: #dc0000;
    border-radius: 100%;
}


.custom01 input[type="radio"]:checked+label:hover::after {
    top: calc(1.1em - 1px);
    left: 6px;
}


input[type="radio"]:checked+.nine--radio {
    color: #dc0000;
}


.img-width img {
    width: 100%
}

.border-bottom {
    border-bottom: 8px solid #dc0000;
}

.nav-pills>li>a:hover {
    color: #fff
}

.close {
    opacity: 1
}
.swiper-slide img {
    width: 100%;
    height: auto;
}

#add_list1, #add_condition_list {
	width: 70%;
	margin: 2%;	
    color: #333;
}


/*
.submenu li {
    position: relative;
    padding-left: 28px;
    margin-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
*/


.submenu li {
    position: relative;
    padding-left: 28px;
    margin-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;
    word-wrap: break-word;
    word-break:break-all;
}




.submenu li:hover {
    background: #009fe9
}

.submenu li:hover i,
.submenu li:hover a {
    color: #fff;
	text-decoration:none;    
}

.submenu li a {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; 	
    vertical-align: middle;
}

.submenu li+li {
    margin-top: 5px;
}


.submenu li a:nth-of-type(1) { -webkit-flex:0.74; -ms-flex: 0.74; flex: 0.74;}
.submenu li a:nth-of-type(2) { -webkit-flex:0.13; -ms-flex: 0.13; flex: 0.13;}
.submenu li a:nth-of-type(3) { -webkit-flex:0.13; -ms-flex: 0.13; flex: 0.13;}

.submenu-2 li:hover {
    background-color: #fff;
	border: 1px solid #dc0000;
	border-radius: 5px;
	text-decoration: none;
}

.submenu-2 li:hover i,
.submenu-2 li:hover a {
    color: #333;
	text-decoration:none;    
}


.submenu-2 li i:hover,
.submenu-2 li a:hover {
    color: #dc0000;
	text-decoration:none;    
}


.submenu-2 li {
	 -webkit-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
	 min-width:20%;
	 max-width:20%;
	/*float: left;*/
    width: 20%;
	
    padding-left: 2%;
    padding-right: 0.5%;
	
	margin-left:6.5% !important;
	margin-right:6.5% !important;
    line-height: 1.6;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	box-sizing: border-box;
	border: 1px solid #fff;	
 } 


.submenu-2 li label:nth-of-type(1) { -webkit-flex:0.74; -ms-flex: 0.74; flex: 0.74;}
.submenu-2 li a:nth-of-type(1) { -webkit-flex:0.13; -ms-flex: 0.13; flex: 0.13;}
.submenu-2 li a:nth-of-type(2) { -webkit-flex:0.13; -ms-flex: 0.13; flex: 0.13;}

.submenu-2 .custom01 i {
	top: 13px;
}

.submenu-2 .custom01 label:hover {
	border-color: #fff;
} 

/*
#basic_check_show1 {
    float: initial;
}
*/

.member-pick-title-left-div {
    float: left;
    padding-right: 1%
}

.member-pick-title-left a,
.member-pick-title-left p {
    line-height: 36px;
}


/*contact*/

.contact {
    padding: 3%
}

.contact-data-c {
    padding: 1%
}

.contact-data {
    width: 80%;
    margin: 0 auto;
    padding: 3% 0
}

.contact-text {
    line-height: 30px;
    text-align: center
}

.contact-data-c-left,
.contact-data-c-right {
    float: left;
    line-height: 36px;
}

.contact-data-c-left {
    width: 15%;
    text-align: right;
	padding-right: 10px;
}

.contact-data-c-right {
    width: 85%
}

.contact-input {
    border: solid 1px #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 50%;
    padding-left: 1%;
    float: left
}

.contact-input-1 {
    border: solid 1px #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 10%;
    padding-left: 1%
}

.contact-data-c-right {
    line-height: 36px;
}

.contact-data-c-right span {
    padding: 0 9px
}


.contact-input-2 {
    border: solid 1px #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 66%;
    padding-left: 1%;
}

.contact-input-3 {
    border: solid 1px #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 16%;
    padding-left: 1%;
}


.contact-input-4 {
    border: solid 1px #ccc;
    border-radius: 3px;
    line-height: 36px;
    width: 82%;
    padding-left: 1%;
}

.contact-data-c-right label {
    padding-left: 2%
}

.contact-span-1 {
    padding-right: 8px;
}

.contact-span {
    padding-right: 7px;
}

.contact-textarea {
    width: 82%;
	min-width: 82%;
	max-width: 82%;
    height: 200px;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding-left: 1%
}

.contact-code {
    border: solid 1px #ccc;
    border-radius: 3px;
    line-height: 36px;
    padding-left: 1%;
    width: 20%
}

.contact-data-c-right img {
    vertical-align: middle
}

.contact-a {
    text-align: center;
    padding-top: 6%;
}

.contact-a a {
    display: inline-block;
	padding: 12px 24px;
	
    width: 230px;
	max-width: 45%;
	margin:12px;
	
	/*
    border-radius: 5px;
    background: #999;
    color: #fff;
    text-align: center;
    line-height: 40px;
    text-decoration: none*/
}

/*
.contact-a a:hover {
    color: #fff;
    background: #009fe9
}
*/

.contact-select {
    border: solid 1px #ccc;
    border-radius: 5px;
    width: 82%;
    line-height: 36px;
    height: 36px;
}

.contact-banner img {
    width: 100%
}


.sort-key {
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sort-key:hover {
    color: #dc0000;
}

/*
.viedo-time,
.viedo-price {
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
*/


/*
.viedo-time:hover,
.viedo-price:hover {
    color: #fff;
    background-color: transparent
}
*/

.input-hide {
    width: 82%
}

.mamber-pick-a {
    text-align: right;
    padding: 3% 0 0
}

.member-pick-blue,
.member-pick-green {
    color: #fff;
    line-height: 38px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px;
}

.member-pick-blue {
    background: #009fe9;
    text-align: center;
}

.member-pick-green {
    background: #67c155
}

.member-pick-blue:hover,
.member-pick-green:hover {
    text-decoration: none;
    color: #fff
}

.payment-content-title-2 {
    border-left: solid 1px #fff;
}

.payment-content-title-1-1 {
    width: 20%
}

.payment-content-2 {
    padding-right: 6px;
}

.payment-content-1-2 {
    width: 30%
}

.table-overflow {
    height: 768px;
    overflow: auto;
    width: 1147px;
    margin: 5% auto;
    background: #fff;
    border-radius: 10px;
}

.table-overflow h4,
.company-light-box2,
.company-light-box3-1 h4 {
    position: relative
}

.company-light-box2 button.close {
    right: 0px;
    top: -16px;
}

/*
.modal {
    background: #000
}
*/

.company-light-box2 h4 {
    position: relative
}

.company-table-ipad-table {
    border: solid 1px #ccc;
    font-size: 100%;
}

.company-table-ipad {
    width: 100%
}

.company-table-ipad-left {
    width: 20%;
    background: #0081d8;
    color: #fff;
    text-align: center;
    padding: 1% 0;
}

.company-table-ipad-right {
    width: 80%;
    padding: 3% 2% 3% 2%;
    line-height: 24px
}

.company-table-ipad-left-2 {
    width: 20%;
    background: #4d9cda;
    color: #fff;
    text-align: center;
    padding: 1% 0;
}

.company-table-ipad-right-2 {
    width: 80%;
    padding-left: 2%;
    border-top: solid 1px #ccc;
    line-height: 42px;
}

.company-table-ipad-table {
    display: none
}

.analysis-data-ipad-content,
.analysis-data-ipad-content-2 {
    float: left;
    width: 25%;
    line-height: 40px
}

.analysis-data-ipad-title {
    padding-left: 2%;
    background: #333;
    color: #fff
}

.analysis-data-ipad-1 {
    padding-left: 2%;
    border-bottom: solid 1px #ccc;
}

.analysis-data-ipad-hearder-2 {
    margin-top: 3%
}

.data-ipad-1-color {
    background: #e4efe1
}

.analysis-text-2 {
    line-height: 26px;
    padding-top: 3%
}

.analysis-data-ipad {
    display: none
}

.header-ipad {
    display: none
}

.mobile-footer {
	display: none;
    position: fixed;
    bottom: 0;
	left:0;
    width: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    line-height: 24px;
    padding: 6px 0;
    z-index: 1000;
	border-top: 1px solid #ccc;
}


.mobile-footer2 {
	display: none;
    position: fixed;
    /*bottom: 60px;*/
	bottom: 0;
	right:0;
    width: 50%;
    text-align: center;
    /*background: #dc0000;*/
	background: #000;
	/*background: rgba(0, 0, 0, 0.75);*/
    color: #fff;
    line-height: 24px;
    padding: 6px 0;
    z-index: 1000;
	float:right;
	border-top: 1px solid #ccc;	
}


.mobile-footer-block,
.mobile-footer-none {
    float: left;
    width: 25%;
}

.mobile-footer-none {
    display: none
}

.mobile-footer-block a,
.mobile-footer-none a {
    border-right: solid 1px #ccc;
    width: 100%;
    display: block;
    color: #fff;
	text-decoration: none;
}

.mobile-footer.is-login .mobile-footer-block {
    width: 25%;
}

.mobile-footer2 .mobile-footer-block.first {
	border-left: 1px solid #ccc;
}

/* .mobile-footer.is-login .mobile-footer-cart {
    width: 40%;
} */

/*
.mobile-footer, .mobile-footer2 {
    display: none
}
*/

/*修改*/

.company-light-box3-input-p {
    /*padding-top: 3%*/
	padding-top:6%;
}

/*
.company-light-box3-input-a {
    background-color: #009fe9;
    color: #fff;
    display: block;
    width: 68%;
    text-align: center;
    margin: 5% auto 2%;
    line-height: 43px;
    border-radius: 5px;
}

.company-light-box3-input-p>input {
    width: 60%;
    margin-right: 0;
    color: #000;
    margin: 0 !important
}
*/


.lightboxes-1-a2 {
    width: 14%;
    background: #67c155;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    border-radius: 3px;
    text-align: center;
}

.lightboxes-1-a2:hover,
.lightboxes-1-a-close:hover,
.company-light-box3-input-a:hover {
    color: #fff
}

.lightboxes-1-a-close {
    width: 100%;
    background: #009fe9;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    border-radius: 3px;
    text-align: center;
    margin-top: 8%;
    margin-bottom: 3px;
}

.verification-input input {
    border: solid 1px #ccc;
    padding: 1%;
    margin-left: 1%;
    width: 60%
}

.verification-input-a a {
    display: inline-block;
    width: 100%;
    background: #00A0E8;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
    margin-right: 2%;
}

.verification-input-a {
    padding-top: 3%
}

.payment-purchaser-1 {
    float: left;
    width: 20%;
	/*font-size: 20px;
	font-weight: bold;*/
}

.payment-purchaser-2 {
    float: left;
    width: 80%;
    padding-left: 4.5%;
}

.ui-menu-item {
    line-height: 32px;
}

.pick-table-content:hover a {
    color: #fff
}

.pick-table-content2:hover a {
    color: #fff
}

.vip-slong-content h1 {
    font-size: 36px;
    color: #dc0000;
    text-align: center;
    line-height: 70px;
    padding-bottom: 3%
}

.vip-slong-content {
    padding-bottom: 5%;
    padding-top: 3%
}

.blog-title div ul li:hover {
    color: #fff
}

.analysis-btn {
    padding-right: 0
}

.blog-article-left-2 {
    float: left;
    padding-left: 2%;
    width: 80%;
    padding-bottom: 2%;
}

.blog-article-left-2 h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    padding-top: 2%;
}

.blog-view-btn-ipad {
    position: fixed;
    bottom: 10%;
    width: 100%;
    text-align: center;
    z-index: 99
}

.blog-view-btn-ipad a {
    width: 8%;
    display: inline-block;
}

.blog-view-btn-ipad a img {
    border-radius: 100px;
    border: solid 1px #ccc;
}

.blog-view-btn-ipad {
    display: none
}

/*
.viedo-time:hover {
    color: #dc0000;
}
*/

.company-light-box3-1-wrapper-1 {
    color: #333;
    width: 90%;
    margin: 0 auto;
}

#add_list_editname1 {
    border: solid 1px #ccc;
    line-height: 36px;
    /* width: 420px;margin-left: 2%; padding-left:1% */
}

.history-view-commodity-left {
    width: 50%;
    float: left
}

.history-view-commodity-right {
    width: 50%;
    float: left
}

.history-view-wrapper {
    width: 50%;
    float: left
}

.history-view_ipad {
    padding: 1% 2%;
    line-height: 42px;
    background: rgba(204, 204, 204, 0.15);
    display: none;
    margin-bottom: 3%
}

.history-view-commodity p {
    text-align: right;
    color: #ccc;
    line-height: 18px;
}

.history-view-commodity-left span {
    display: inline-block;
    width: 50%
}

.history-view-commodity-right span {
    display: inline-block;
    width: 50%
}

.history-view-commodity-title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

#CODE_ICON {
    margin-top: 46px;
    margin-left: -18px;
}

.member-history-ipad {
    display: none
}

.member-history-ipad-title {
    background: #dc0000;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.member-history-ipad-content a {
    display: block;
    width: 100%;
    background: #dc0000;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-top: rgba(255, 255, 255, 0.3) solid 1px;
}

.member-title-ipad-history span {
    font-size: 20px;
    background-color: transparent;
    position: absolute;
    right: 5%;
    border-color: transparent;
    line-height: 25px;
    width: 30px;
    border: solid 1px #fff;
    margin-top: 1%;
}

.point-ipad {
    display: none
}

.point-commodity p {
    text-align: right;
    color: #ccc;
    line-height: 18px;
}

.point-ipad-wrapper {
    width: 50%;
    float: left
}

.point-ipad-commodity-left {
    width: 50%;
    float: left
}

.point-ipad-commodity-right {
    width: 50%;
    float: left
}

.point-commodity {
    line-height: 36px;
    background: rgba(204, 204, 204, 0.15);
    padding: 1% 2%;
    border-top: solid 1px #ccc
}

.point-ipad-commodity-left span,
.point-ipad-commodity-right span {
    width: 50%
}

#showimg1 {
    z-index: 9999;
    width: 100%;
}

.viedo-ipad-left {
    width: 28%;
    float: left;
    padding: 1%
}

.viedo-ipad-left img {
    width: 100%
}

.viedo-ipad-left p {
    line-height: 42px;
}

.viedo-ipad-right {
    width: 72%;
    float: left
}

.viedo-ipad-right ul {
    width: 33%;
    float: left;
    margin-bottom: 3%;
    margin-top: 2%;
}

.viedo-ipad-right {
    line-height: 28px;
}

.viedo-ipad {
    border: solid 1px #ccc;
    border-left: none;
    border-right: 0;
    padding: 3% 0;
    margin-top: 2%;
    display: none
}


.orders_item {
    text-align: left;
    color: #333;
    /*line-height: 28px;*/
    /*font-size: 100%;*/
}


.payment-select-p-ipad {
    display: none
}

.payment-purchaser-1 span,
.payment-select-p-ipad-div,
.payment-table-div-1-span {
    display: none
}

.payment-table-td-1 span {
    padding-left: 2%
}

.payment-height {
    min-height: 124px
}

.payment-height-1 {
    min-height: 124px
}

.payment-height-textarea {
    min-height: 178px
}

.payment-table-div-1 span {
    padding-left: 3%;
    color: #dc0000
}

.payment-table-div-color span {
    padding-left: 14%
}

.payment-ipad-span {
    display: none
}

.payment-table-span-1 {
    padding: 0 !important
}

.cart-ok_img-mobile {
    display: none;
    padding: 3%
}

.analysis-vip {
    width: 46%
}

.graphics-mode-ul {
    border-bottom: solid 8px #dc0000
}

.pick-vip {
    width: 28%
}

.close-big {
    font-size: 48px !important;
}

/*
.viedo-price:hover {
    color: #dc0000;
}
*/


/*
.video-view-c {
	background-color: #000;
	border: 1px solid #ccc;
}
*/



/*
.graphics-li-seach {
    display: none
}
*/

.select-bar .dropdown-menu>li>a:hover {
    color: #fff !important
}

.ipad-seach-wrapper {
    display: none;
    /* position: ; */
    right: 0;
    padding-top: 1%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 9;
    border: solid 1px rgba(204, 204, 204, 0.5);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.19);
}

.ipad-seach {
    line-height: 27px;
    border-radius: 3px;
    margin-right: 12px;
    padding-left: 1%;
    background: #fff;
    max-width: 210px;
}

.ipad-seach i {
    color: #dc0000;
    margin-right: -5px;
}

.ipad-seach input {
    width: 80%;
    display: inline-block;
    float: left;
    padding-left: 2%
}
.ipad-seach a {
    width: 20%;
    display: inline-block;
    float: left;  
    text-align: center;
}

.mobile-seach input {
    position: absolute;
    width: 86%;
    left: 7%;
    line-height: 36px;
}

.mobile-seach a {
    width: inherit !important;
    display: initial !important;
}

.mobile-seach {
    padding: 1.5% 0 4% 0
}

.nav-child ul {
    /*border-top: solid 1px rgba(255, 255, 255, 0.3);*/
	width:90%;
	margin: 0 auto;
}

.second-header1 .logo {
	margin-bottom: 4px;
}

.nav-child .second-header2 {
	padding-top: 4px;
	padding-bottom: 12px;
}

.nav-child .second-header2 li {
    /*border-bottom: solid 1px rgba(255, 255, 255, 0.31);
    width: 100%;*/
	
	width: 25%;
    margin: 0 auto;
    float: left;
    /*font-size: 20px;*/
    text-align: center;
}

.ipad-wrapper-seach {
    float: right;
    padding-top: 3.5%;
    padding-right: 8%;
    width: 70%;
}

.ipad-seach-bth {
    float: right;
    /* margin-right: 2% */
}

.ipad-seach {
    float: right;
}

.ipad-seach-bth button {
    margin: 0
}

.header-ipad {
    background: #000;
    padding-bottom: 1%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top: solid 5px #dc0000;
}

.ipad-logo {
    width: 30%;
    padding: 2.5% 0 0;
    background: #000;
    float: left;
    padding-left: 3%;
}

.nav-child {
    display: none;
	width: 100%;
	background: rgba(0,0,0,1);
	
	/*
	width:280px;
	height:calc(100% - 105px);
	background: rgba(0,0,0,0.75);
	position:fixed;
	top:105px;
	right:0;
	z-index:1099;
	*/
}

.nav-child .second-header2 a {
    color: #fff;
    line-height: 24px;
    display: block;
    width: 100%;
    margin: 1.5% auto;
	padding: 4px;
}

.bth-ipad {
    position: absolute;
	top: 34px;
    right: 1%;
    border: solid 1px #fff;
    padding: 5px 9px;
    background: rgba(255, 255, 255, 0.3);
    font-size: 20px;
    /*margin-top: 30px;*/
	display: none;
}

.ipad-seach-bth-li {
	margin-top: 24px;
	margin-left: 20px;
	margin-bottom:0;
}

/*
.ipad-seach-bth-li {
	position: absolute;
	right: 60px;
	top:0;
	margin: 24px 0 0 0;
}
*/

/*
.ipad-seach-bth-li {
    float: initial;
    border-top: solid 1px;
    padding-top: 2%;
    text-align: right !important;
    display: none
}

.ipad-seach-bth-li a {
    width: inherit !important;
    display: initial !important;
}

.ipad-seach-bth-li a i {
    color: #dc0000
}

.ipad-seach-bth-li span {
    background: #fff;
    margin-bottom: 3%;
    display: inline-block;
    border-radius: 3px;
    padding: 0 2%;
    width: 100%;
}

.ipad-seach-bth-li input {
    width: 94%
}
*/


.member-menu {
    display: none;
    background: #dc0000;
    width: 100%;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.member-menu:hover,
.member-menu:active,
.member-menu:focus,
{
    color: #fff
}


/* kerwin style edit */

.pic-wrap-Analysis .tab-content>.tab-pane {
    height: 100vh;
    -ms-align-items: center;
    align-items: center;
}

.pic-wrap-Analysis .tab-content>.tab-pane img {
    max-height: 100%;
}

.pic-wrap-Analysis .tab-content>.active {
    display: flex;
}


/* 全站 */

a:hover {
    color: #dc0000;
}

.viedo-look-c-buy a:hover,
.viedo-look-c-buy a:focus,
.no-underline:hover,
.no-underline:focus {
    color: #fff;
}


/* 吃到的地方太多，暫時不修modal居中問題 */


/* .modal-dialog { width:auto;min-width: 620px;max-width: 620px; }
@media (max-width: 768px) {
	.modal-dialog { min-width: auto; }
} */

/*

#login_form {
    width: auto;
    min-width: 34%;
    max-width: 620px;
}
*/


/* 登入 */

.search>form {
    /* height: 100px; */
    padding: 0 1%;
    display: inline-block;
}

.enter {
    /* background:#000; */
    color: #efefef;
}

.enter.placeholder {
    color: #efefef;
}

.enter:-moz-placeholder {
    color: #efefef;
}

.enter::-moz-placeholder {
    color: #efefef;
}

.enter:-ms-input-placeholder {
    color: #efefef;
}

.enter::-webkit-input-placeholder {
    color: #efefef;
}

.enter:focus.placeholder {
    color: #fff;
}

.enter:focus:-moz-placeholder {
    color: #fff;
}

.enter:focus::-moz-placeholder {
    color: #fff;
}

.enter:focus:-ms-input-placeholder {
    color: #fff;
}

.enter:focus::-webkit-input-placeholder {
    color: #fff;
}

.contact-data-c-right span {
    padding: 0 8px
}


.footer-content__col {
    padding: 0 !important;
}


/* video */

.viedo-img .viedo-img-overlay {
    height: 100%;
	z-index: 3;
}


/*
.viedo-content img {
    display: block;
}
*/

/* @media (min-width: 500px) {
    .viedo-title-content {
        height: 70px;
    }
} */

.offer--pl0 {
    padding-left: 0;
}

[class*="pick-table-title"]:hover {
    cursor: pointer !important;
}

.pick-table-content:hover .text-pick-green,
.pick-table-content2:hover .text-pick-green {
    color: #98e698 !important;
}

.pick-table-content:hover .text-pick-red,
.pick-table-content2:hover .text-pick-red {
    color: #d20000 !important;
}


/* .pick-table-content .pick-no, .pick-table-content2 .pick-no { text-decoration: underline; } */

.pick-table-content .pick-no:hover,
.pick-table-content2 .pick-no:hover {
    opacity: .85;
    transition: opacity .3s;
}


.play-gray--wrap a {
    color: #fff;
}

.deal-b-display-left {
    width: 26%;
}

.deal-b-display-content {
    width: 54%;
}


/* .deal-b-display-right {  } */

.payment-content-title {
    /*margin-top: 12px;*/
}

/*
.payment-content {
    padding: 2% 0 0;
}
*/

.payment-content-c {
    padding: 2% 0 2% 2%;
	line-height: 1.4;
}

.payment-content-c+.payment-content-c {
    border-top: 1px solid #ccc;
}

.payment-content-c.append {
    border-top: none;
}

/* .payment-content-title-1,.payment-content-1{ width:23%;}
.payment-content-4 { width: 17%; } */

.payment-button {
    border: solid 1px #ccc;
    width: 30%;
    max-width: 20px;
    height: 21px;
    margin: 0;
    margin-top: -1px;
}

.payment-input {
    width: 40%;
    max-width: 30px;
    height: 21px;
}

.member_history_view-p {
    margin-top: 20px;
}

.blog-title div ul li:hover a {
    color: #fff;
}

.collection h1,
.collection h2 {
    border-radius: 4px 4px 0 0;
}

.collection a {
    border-radius: 0 0 4px 4px;
}

.collection a:hover {
    text-decoration: none;
    background-color: #ff00ff;
    color: #fff;
}


.blog-view-look {
    position: inherit;
    right: inherit;
    bottom: inherit;
    padding-bottom: 3%;
}



#changePass .sign-c-right p {
    padding: 1% 0;
}


.payment-purchaser {
    border-top: none;
}

.payment-table .payment-table-td-1 {
    padding-left: 2%;
	width: 14%;
	min-width: 100px;
	vertical-align: top;
	line-height: 1.6;
	padding-top: 22px;
	
}



#STOCK_DESC .STOCK_DESC__div.isFix {
    display: block;
    position: fixed;
    background-color: #fff;
    border: 1px solid #eee;
    z-index: 9999;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pick-table {
    margin-top: 3%;
    padding: 0 0 3%;
}

@media (max-width: 1600px) {
    .pick-table-content>.pick-table-content-2>a {
        position: absolute;
        background: #fff;
        left: 38px;
        width: 94px;
    }
    .pick-table-content-2 a {
        position: absolute;
        background: #f0f0f0;
        left: 38px;
        width: 94px;
    }
    .pick-table-title-1,
    .pick-table-content-1 {
        display: none
    }
}

.modal-dialog p {
    font-size: 16px;
    line-height: 22px;
    padding: 1.5% 2%;
}

.modal-dialog .stockname {
    line-height: 1em;
    padding: .25em 0;
}

.modal-title .fa {
    padding-right: 5px;
}

.modal-header {
    position: relative;
    border-radius: 6px 6px 0 0
}

.modal-header .close {
    line-height: .75em;
    padding: 0;
    margin: 0;
    top: 50%;
    right: .5em;
    margin-top: -0.5em;
    transition: opacity .3s;
}

.modal-header .close:hover {
    opacity: .5;
    color: #000;
}


/* btn */

.btn.btn-blue1 {
    background: #00a0e8;
    color: #fff;
}

.ghl_loading {
    width: 100%;
    height: 100%;
    background: transparent url(../images/ghl_loading3.png) 0 bottom no-repeat;
    /*background: transparent;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}


.ghl_loading2 {
    width: 100%;
    height: 100%;
    background: transparent url(../images/ghl_loading4.png) 0 bottom no-repeat;
    /*background: transparent;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

/* col tools */

.c-2col-s1 {
    width: 100%;
    clear: both;
}

.c-2col-s1+.c-2col-s1 {
    margin-top: 10px;
}

.c-2col-s1__col {
    width: 29%;
    display: inline-block;
    vertical-align: middle;
}

.c-2col-s1__col+.c-2col-s1__col {
    width: 70%;
}

@media (max-width: 960px) {
    .c-2col-s1__col {
        width: 100%;
        display: block;
        margin: 5px 0;
    }
    .c-2col-s1__col+.c-2col-s1__col {
        width: 100%;
    }
    .c-2col-s1__col.text-right {
        text-align: left;
    }
    .c-2col-s1 input {
        margin-left: 0;
        width: 100%;
    }
}


/* kerwin add tools */

a:focus {
    outline: none;
}

.no-underline,
.link-no-underline {
    text-decoration: none !important;
}

input.checkbox-inline-fix {
    margin: 0;
    position: relative;
    top: -1px;
}

.cursor-p {
    cursor: pointer;
}

.cursor-default {
    cursor: default !important;
}

.inline-block {
    display: inline-block;
}

.vtt {
    vertical-align: top;
}

.vtm {
    vertical-align: middle;
}

.vtm--fix {
    position: relative;
    top: -1px;
}

.lh1em {
    line-height: 1em;
}

.lh125em {
    line-height: 1.25em;
}

.m0 {
    margin: 0 !important;
}

.mtm10 {
    margin: 10px 0 !important;
}

.text-red {
    color: #dc0000 !important;
}

.border-radius-t-4px {
    border-radius: 4px 4px 0 0 !important;
}

input:disabled {
    background-color: #eee;
}

.tab-graphics {
    /* display: none !important; */
}

.graphics-bth-red:focus {
    color: #fff;
    text-decoration: none;
}


/* .nav.tab-graphics > li > a:focus {
    background-color: transparent;
} */

.nav.tab-graphics>li.active>a,
.nav.tab-graphics>li.active>a:focus {
    background-color: #dc0000;
}


/* components */

.d-readaytodel {
    background-color: yellow !important;
    position: relative;
}

.d-readaytodel:before {
    content: '待移除';
    display: inlnie-block;
    color: red;
    position: absolute;
    top: 0;
    left: 0;
}


/* use for blog... */

.c-searchBox {
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 34px;
    /* width: 220px; */
    /*padding-right: 1%;*/
    float: right;
    margin-top: 10px;
    padding-left: 1%;
	position:absolute;
	bottom:0;
	right:0;
}

.c-searchBox__btn {
	padding-left: 8px;
    /*padding: .25em;*/
}

.is-disable {
    color: #ccc !important;
    background-image: url(../images/btn_disable.png) !important;
}


/* js */



/* video rwd */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ccc;
    border: 1px solid #ccc;	
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

/*
.embed-responsive video {
    background-color: #000;
    border: 1px solid #ccc;	
}
*/

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}

@media (max-width: 768px) {
    label[class*="col-sm"]+div[class*="col-sm"] {
        margin-top: 5px;
    }
}


.swiper-button-next, .swiper-button-prev {
    margin-top: 0;
    transform: translate(0%, -50%);
}


.swiper-button-next:hover, .swiper-button-prev:hover {
	background: rgba(255,255,255,0.25);
}

/* autocomplete */

.ui-widget-content { 
    max-height: 350px;
	height:auto;
	/*max-height: -webkit-fill-available;
	max-height: fit-content;*/
	overflow-y: auto; 
	overflow-x: hidden;
}

.index-block {
    text-align: center;
    line-height: 32px;
}

.index-block h1 {
	line-height: 36px;	
    font-size: 26px;
    color: #dc0000;
    padding-bottom: 2%;
    font-weight: bold;
}

.index-block h2 {
	line-height: 36px;		
    font-size: 26px;
    color: #dc0000;
    padding-bottom: 1%;
    font-weight: bold;
}

.index-block h3 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 2%
}

.margin-top-0 {
    margin-top: 0
}

.margin-top-1 {
    margin-top: 1%
}

.margin-top-2 {
    margin-top: 2%
}

.margin-top-3 {
    margin-top: 3%
}

.margin-top-4 {
    margin-top: 4%
}

.margin-top-5 {
    margin-top: 5%
}

.margin-top-6 {
    margin-top: 6%
}

.margin-top-7 {
    margin-top: 7%
}

.index-top {
    text-align: center;
    line-height: 32px;
    padding-top: 7%
}

.index-top h1 {
    font-size: 26px;
    color: #dc0000;
    padding-bottom: 2%;
    font-weight: bold;
}

.index-top h2 {
    font-size: 26px;
    color: #dc0000;
    padding-bottom: 1%;
    padding-top: 5%;
    font-weight: bold;
}

.index-top h3 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 2%
}

.flex-modal.in {
    display: flex !important;

}
.centered-box {
	width:100%;
    margin: auto 0 !important;
}

.centered-box img {
	width:100%;
	height:auto;
	max-width:100vw;
	max-height:100vh;
	border: 1px solid #dc0000;
}

/*
.modal-backdrop.in {
    opacity: 0.8;
}
*/


.dialog-box {
    width: 100%;
	height: 100%;
	margin: auto;
	margin-top:30px;
}

.dialog-content {
	width:100%;
	height:100%;
}

.dialog-header {
	height:44px; 
	padding: 7px;
}


.dialog-body{
	position:absolute;
	margin:0;
	padding: 0 3%;
	/*padding-top:0;*/
	width:100%;
	top: 44px;
	bottom:0;
	overflow-y:auto;
	/*max-height:calc(100vh - 44px);*/
}


.body{
	min-width:280px;
}


.index-bottom-text-2 h1 {
    line-height: 110px;
    background: url(../images/free_dec.png) right center no-repeat;
    width: 370px;
    margin: 0 auto;
}

/*
.index-bottom-text-2 p {
    line-height: 36px;
}
*/

.index-bottom-text-2 a {
    display: block;
    color: #FFF;
    background: #67c155;
    width: 100%;
	max-width:300px;
    height: 100px;
    margin: 0 auto;
    line-height: 115px;
    font-size: 28px;
    margin-top: 5%;
}

.index-bottom-text-2 a:before {
    content: "";
    border-right: 15px solid rgba(255, 255, 255, 0);
    border-left: 15px solid rgba(255, 255, 255, 0);
    border-top: 25px solid white;
    display: inline-block;
    position: absolute;
    left: 49%;
}

#login_form div{
	margin-top: 24px;
}


.more-top {
	margin-top: 30px !important;
}

.single-line {
	width:90%;
	margin-left: auto;
	margin-right: auto;	
}

/*
.buttons {
    color: #fff;
    height: 44px;
    border-radius: 5px;
	display: inline-block;	
	text-align: center;
	vertical-align: middle;
	line-height: 1.25em;
}
*/


.buttons {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;	
/*
	text-shadow: 3px 3px 6px #000000;
*/
	
	-webkit-box-shadow: 2px 2px 2px #666666;
	-moz-box-shadow: 2px 2px 2px #666666;	
	box-shadow: 2px 2px 2px #555555; 

    color: #fff;
    display: inline-block;		
    height: 40px;
	line-height: 40px;	
	margin-left: 6px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*text-shadow:   1px 1px #000000;	*/
}

buttons:hover {
	-webkit-box-shadow: 3px 3px 3px #666666;
	-moz-box-shadow: 3px 3px 3px #666666;	
	box-shadow: 4px 4px 8px #555555;
	/*text-shadow:   1px 1px #000000;*/
}

a.buttons:hover {
	color: #fff;
	text-decoration: none;
}

a.buttons:focus {
	color: #fff;
	text-decoration:none;
}

.blocked {
	display: inline-block;	
	text-align: center;
	vertical-align: text-top;
	line-height: 1.25em;	
}


.cut-1 {
	width:90%;
	margin-left: 4.5%;
	margin-right: 4.5%;
}

.cut-2 {
	width:40%;
	margin-left: 4.5%;
	margin-right: 4.5%;
/*	display: inline-block; */
}


.margin-top-0 {
	margin-top: 0 !important;
}

.back-gray {
	background: #6f6f6f;
	box-sizing: border-box;
	border: 1px solid #6f6f6f;
}

.back-gray:hover {
  background: #575757;
  background-image: -webkit-linear-gradient(top, #575757, #6f6f6f);
  background-image: -moz-linear-gradient(top, #575757, #6f6f6f);
  background-image: -ms-linear-gradient(top, #575757, #6f6f6f);
  background-image: -o-linear-gradient(top, #575757, #6f6f6f);
  background-image: linear-gradient(to bottom, #575757, #6f6f6f);
}


.back-dark-blue-1 {
background:    #151598;
background:    -webkit-linear-gradient(#32acee, #151598 50%, #32acee);
background:    linear-gradient(#32acee, #151598 50%, #32acee);
box-shadow:    2px 2px #666666;
text-shadow:   2px 2px #000000;
}

.back-dark-blue-1:hover {
background:    #32acee;
background:    -webkit-linear-gradient(#151598, #32acee 50%, #151598);
background:    linear-gradient(#151598, #32acee 50%, #151598);
}


.back-blue {
	background: #00A0E8;
	box-sizing: border-box;	
	border: 1px solid #00A0E8;	
}

.back-blue:hover {
 background: #0071a1;
  background-image: -webkit-linear-gradient(top, #0071a1, #00A0E8);
  background-image: -moz-linear-gradient(top, #0071a1, #00A0E8);
  background-image: -ms-linear-gradient(top, #0071a1, #00A0E8);
  background-image: -o-linear-gradient(top, #0071a1, #00A0E8);
  background-image: linear-gradient(to bottom, #0071a1, #00A0E8);	
}

.back-red {
	background: #dc0000;
	box-sizing: border-box;	
	border: 1px solid #dc0000;		
}

.back-red:hover {
  background: #bf0404;
  background-image: -webkit-linear-gradient(top, #bf0404, #dc0000);
  background-image: -moz-linear-gradient(top, #bf0404, #dc0000);
  background-image: -ms-linear-gradient(top, #bf0404, #dc0000);
  background-image: -o-linear-gradient(top, #bf0404, #dc0000);
  background-image: linear-gradient(to bottom, #bf0404, #dc0000);
}


.back-green {
	background: #67c155;	
	box-sizing: border-box;	
	border: 1px solid #67c155;		
}

.back-green:hover {
  background: #5ba84c;
  background-image: -webkit-linear-gradient(top, #5ba84c, #67c155);
  background-image: -moz-linear-gradient(top, #5ba84c, #67c155);
  background-image: -ms-linear-gradient(top, #5ba84c, #67c155);
  background-image: -o-linear-gradient(top, #5ba84c, #67c155);
  background-image: linear-gradient(to bottom, #5ba84c, #67c155);	
}




.back-orange {
	background: #ff9800;	
	box-sizing: border-box;	
	border: 1px solid #ff9800;		
}

.back-orange:hover {
  background: #ff9800;
  background-image: -webkit-linear-gradient(top, #ff9800, #dd9800);
  background-image: -moz-linear-gradient(top, #ff9800, #dd9800);
  background-image: -ms-linear-gradient(top, #ff9800, #dd9800);
  background-image: -o-linear-gradient(top, #ff9800, #dd9800);
  background-image: linear-gradient(to bottom, #ff9800, #dd9800);	
}



.back-danger {
	background: #d9534f;	
	box-sizing: border-box;	
	border: 1px solid #d9534f;
}

.back-danger:hover {
  background: #ad4643;
  background-image: -webkit-linear-gradient(top, #ad4643, #d9534f);
  background-image: -moz-linear-gradient(top, #ad4643, #d9534f);
  background-image: -ms-linear-gradient(top, #ad4643, #d9534f);
  background-image: -o-linear-gradient(top, #ad4643, #d9534f);
  background-image: linear-gradient(to bottom, #ad4643, #d9534f);	
}


a.back-blue:active,
a.back-green:active,
a.back-red:active,
a.back-gray:active,
a.back-orange:active,
a.back-danger:active {
	border: 1px solid #ccc;
}





.loginDialog__txt {
	color:#dc0000;
	text-align: center;
}


.loginDialog{
	/*margin: 0 auto;*/
	width:720px;
	height: 760px;
	max-height:calc(100% - 30px);
	max-width:100%;
	min-width:280px;
	min-height: 280px;
}



.loginDialog.regDialog{
	/*margin: 0 auto;*/
	width:720px;
	height:560px;
	max-height:calc(100% - 30px);
	max-width:100%;
	min-width:280px;
	min-height: 280px;
}

.logoutDialog{
	/*margin: 0 auto;*/
	max-width:480px;
	max-height: 240px;
	min-width:280px;
	min-height: 240px;
}

.free-button {
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	-webkit-box-shadow: 2px 2px 2px #666666;
	-moz-box-shadow: 2px 2px 2px #666666;	
	box-shadow: 2px 2px 2px #555555; 
	text-decoration: none;	
	/*text-shadow:   1px 1px #000000*/
}


/*.buttons:hover, .free-button:hover, .shadow-effect:hover {*/


.shadow-effect {
	-webkit-box-shadow: 2px 2px 2px #555555;
	-moz-box-shadow: 2px 2px 2px #555555;	
	box-shadow: 2px 2px 2px #555555; 
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
}


.free-button:hover, .shadow-effect:hover {
	-webkit-box-shadow: 1px 1px 0px #555555, 4px 4px 8px #555555;
	-moz-box-shadow: 1px 1px 0px #555555, 4px 4px 8px #555555;
	box-shadow: 1px 1px 0px #555555, 4px 4px 8px #555555;
	color: #ffffff;	
	text-decoration: none;
}


.shadow-effect-w {
	-webkit-box-shadow: 1px 1px 1px #777777;
	-moz-box-shadow: 1px 1px 1px #777777;	
	box-shadow: 1px 1px 1px #cccccc; 
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
}


.shadow-effect-w:hover { /*有 LED 光條的效果*/
	-webkit-box-shadow: 0px 0px 0px 1px #888888 inset;
	-moz-box-shadow: 0px 0px 0px 1px #888888 insert;
	/*box-shadow: 0px 0px 0px 1px #ffffff inset,0px 0px 0px 1px #888888;*/
	box-shadow: 0px 0px 0px 1px #ffffff inset;
	color: #ffffff;	
	text-decoration: none;
}


.shadow-effect:focus, .shadow-effect-w:focus {
	color: #ffffff;	
	text-decoration: none;
}


.no-display {
	display: none;
}



.index-tab-text h1 {
    background: url(../images/home2.png) no-repeat 225px top;
	line-height: 90px;
	margin-bottom: 2%;	

/*
    color: #dc0000;
    font-size: 26px;
    line-height: 150px;
    
    font-weight: bold;
    margin-bottom: 3%;
*/	
}


.blog-flex-title, .flex-title {
    align-items: unset;
    display: flex;
    justify-content: space-between;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* 讓畫面不閃爍 */
#home-img, #img10 { 
	display: block;
}


#home-adv {
	display: none;
}



/*
.vip-lightboxes {
	display: none;
}
*/

.blankDiv {
	height:20000px;
}

.blank-a1 {
	visibility: hidden;
}

.warning {
	color: #dc0000;
/*	width: 80%;*/
	text-align: center;
	margin: 2%;
	line-height:1.6;
}

.ghl-container {
	max-width:1170px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left:auto;
	margin-right:auto;
}

.text-white {
	color: #fff;
}


.text-white:hover {
	color: #fff;
}

#stock1 {
	max-width:85%;
}


#search_title {
	width: 240px;
	float: left;
}


.news-left {
	width: 70%;
	float: left;
}

.news-header-right {
	display:inline-block;
	float:right;
	margin-top:6px;
	margin-bottom: 20px;
}


.news-header-right a {
	padding: 6px 20px;
}


.news-header-right a.shadow-effect:hover {
	color:#fff;
}



.news-right {
    float: right;
    width: 30%;
    padding-left: 1%;	
	text-align: center;
}



.news-box {
	border: 1px solid #ccc;
	border-top:none;
	padding: 2%;	
}

.news-box-1 {
	border-top: 1px solid #ccc;
}

.news-rss-source, .news-button {
	float:right;
}

/*
.news-button a {
	padding:5px;
	border-radius: 3px;
	color: #fff;
	background-color: #3b5998;
}
*/

.news-button a {
	padding:5px;
	border: 1px solid #999;	
	border-radius: 3px;
	color: #000;
	background-color: #eee;
	text-decoration: none;
}

.news-button a:hover {
	padding: 6px;
	color: #000 !important;
	background-color: #eee;
	border: 2px solid #888;
	text-decoration: none;
}


.news-row {
	padding: 6px 0;
}

.news-row-bottom {
	padding-top: 12px;
}

.news-title {
	/*font-family:  Lato, Open Sans,Arial,Hiragino Sans GB,Pingfang TC,Lantinghei TC,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,WenQuanYi Zen Hei Sharp,Microsoft YaHei,Microsoft Jhenghei,SimHei,sans-serif;*/
   	
	font-family: Microsoft YaHei,Microsoft Jhenghei,SimHei,sans-serif;
	/*color: #dc0000;*/
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6;
}

.news-title a {
	color: #333;
	//text-decoration: none;
}

.news-title a:visited {
	/*color: #6a5acd;*/
	/*color: #0000aa;*/
	/*color: #003377;*/
	color: #007799;
	//text-decoration: none;
}

.news-stock-desc {
	/*font-family: Microsoft YaHei,Microsoft Jhenghei,SimHei,sans-serif;*/
	color: #00bbff;
	font-size: 1.1em;
	font-weight: bold;
}

.news-source, .news-rss-source {
	color: #999;
	font-size: 0.8em;
	line-height: 1.6;
}

.news-span {
	display: inline-block;
}

.news-description {
	line-height: 1.6em;
}


.news-stock-list {
	display: none;
}


.news-another-day {
	/*font-family: Microsoft YaHei,Microsoft Jhenghei,SimHei,sans-serif;*/
	display: inline-block;
	color: #fff;
	background-color: #007799;
	/*background-color: #003377;*/
	/*background-color: #dc0000;*/
	font-size: 1.1em;
	font-weight: bold;
	padding: 14px 10px 6px 8px;
	/*text-align: center;*/
	margin-top: 20px;
	/*border: 1px solid #ddd;*/
	border-top-left-radius: 5px;
    border-top-right-radius: 15px	
	/*margin-bottom: 10px;*/
}

.news-label {
	border-bottom: 6px solid #007799;
}

.news-stock-table {
	max-width: 100%;
	width: 100%; 
	position: relative; 
	margin: 10px auto 10px;
	overflow: hidden;
}

.news-stock-table th { position: relative; line-height: 1.1em; font-weight: normal; }
.news-stock-table th.is-active:after { content: "\f0dd"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.news-stock-table th.is-active.asc:after { content: "\f0d8"; }


.news-stock-table table {
	border: 1px solid #eee;
}

.news-stock-table table tbody {
	cursor: default;
}
.news-stock-table table th {
	cursor: pointer;
	padding-bottom:10px !important;
}

.news-stock-table table td {
	text-align: right;
}

.news-stock-table table a{
	text-decoration: none;
	padding: 5px;
}

.news-stock-label {
	color: #333;
	font-size: 0.9em;
	margin-bottom: 8px;
}

table td, table th {
	word-wrap: break-word;
}

.news-post {
 display:inline-block;
 float:right;
 margin-top:24px; 
 margin-right:0; 
}

.news-post a {
 font-size:1.1em; 
 font-weight:bold;
 padding:6px;
 background-color: #eee;
 border: 1px solid #999;
 border-radius: 5px;
 text-decoration: none;
}

.news-post a:hover {
	color: #003377 !important;
	text-decoration: none !important;
	padding:8px;
	border: 2px solid #999;;
}

.news-stock-a-list {
	font-size: 0.9em;
	/*font-weight: bold;*/
	/*line-height: 2;*/
	margin-top:10px;
	margin-bottom: 20px;
}

.news-stock-a-list a {
	/*
	color: #fff;
	background-color: #dc0000;
	padding: 3px;*/
	
	color: #222;
	display: inline-block;
	margin: 4px 6px;
	padding: 6px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.news-stock-a-list a:hover {
	color: #fff !important;
	background-color: #dc0000 !important;
	margin: 0px 2px;
	padding: 10px;
	border-radius: 4px;
	/*color: #fff !important;*/
	text-decoration: none !important;
	/*padding:6px;*/
}


.news-stock-a-list a.stockSelf:hover {
	color: #aaa !important;
	background-color: #fff !important;
	border: 1px solid #aaa !important;
}



/*
.daily-limit-top {
	color: #fff;
	background-color: #dc0000 !important;
}

.daily-limit-bottom {
	color: #000;
	background-color: #32CD32 !important;
}

.daily-gain {
	color: #dc0000;
}

.daily-lose {
	color: #32CD32;
}

.daily-equal {
	color: #333;
}
*/

#dialog-message {
	z-index:9999;
}

#copy-content {
	width:100%;
}

.page a {
	min-width: 48px;
}

.nine-right {
	float: right;
	margin: 15px 0;
}

.nine-right a{
	display: inline-block;
	margin: 3px;
	padding: 12px 15px;
    border-radius: 5px;
	text-align: center;
}


.nine-right a:hover,
.nine-right a:focus {
	text-decoration: none;
	color: #fff;
}


.nine-left {
	float: left;
	text-align:left;
	line-height: 24px;
	margin: 15px 0;	
}

.nine-center {
	text-align: center;
	margin: 15px 0;
}

.tab-pane .nine-right {
	float: none;
	text-align: center;
}


/*
.nine-left-1 {
	display:inline-block;
}

.nine-left-2 {
	display:inline-block;
}
*/

.tab-content > .tab-pane-1.active {
  display: flex;
}

.pick-caption {
    background-color: #ddd;
    /*border-radius: 6px  6px 0 0;*/
	text-align: center;
}

.pick-tab-left .pick-caption {
    border-radius: 6px 0 0 0;
}

.pick-tab-right .pick-caption {
    border-radius: 0 6px 0 0;
}

.pick5-title.pick-caption {
    border-radius: 6px 6px 0 0;
}

.pick-box {
	display: block;
}

.checkbox-s {
-ms-transform: scale(1.2); /* IE */
 -moz-transform: scale(1.2); /* FF */
 -webkit-transform: scale(1.2); /* Safari and Chrome */
 -o-transform: scale(1.2); /* Opera */
}

input[type="checkbox"].checkbox-s {
    margin-right: 12px;
}

#condition {
	z-index: 11000;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.pick-box-in-modal {
	margin:0 auto; 
	width: 90%;
	max-width: 1170px;
	min-width: 280px;
	/*min-height: 280px;*/
	height:auto;
	top: 3vh;
}

.pick-bth-view-1 {
    text-align: center;
	margin-top: 2%;
    font-size: 28px;
    font-weight: bold;
    color: #dc0000;
}

#pick-dialog-body {
	 position:relative;
	 top:auto; 
	 bottom:auto; 
	 padding:2%; 
	 max-height:calc(94vh - 44px);
 }
 
 
#warrants-dialog-body {
	 position:relative;
	 top:auto; 
	 bottom:auto; 
	 padding:2%; 
	 max-height:calc(94vh - 44px);
 }
 
 a>i {
	 padding-right: 5px;
 }
 
.pick-list-title {
	 color:#4d4d4d;
 }
 
.pick-list-title:hover,
.pick-list-title:focus {
	 color:#4d4d4d;
	 text-decoration:none;
 }
 
 
 #pick_list_sys {
	 display:none;
 }

 .cover {
	 margin-top: 10%;
	 min-width: 280px;
 }
 
 .std-box {
	 top: 30px;
	 min-width: 280px;
 }
 
 
 /*
 .pick-lightboxes-3 .modal-header {
	 background-color: #fff;
 }
 */
 
 
 .pick-lightboxes-3 .modal-body {
	 padding: 0 6% 20px 6%;
	 color: #333;
 }
 
 #show_class {
	 line-height: 1.6em;
 }
 
 
 .pick-lightboxes-a h1 {
    text-align: center;
    color: #dc0000;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 1%
}

.std-box.pick-lightboxes-3 {
	width: 900px;
	max-width:98%;
}

.pick--label {
	border-bottom:none; 
	padding-bottom:7%	
}

.pick5-1.pick5-2-mobile {
	width: 240px;
}

.pick5-2.pick5-2-mobile,
.pick5-3.pick5-2-mobile {
	width: calc(50% - 120px);
	text-align: left;
	padding-left: 3%;
}

.footer-left, .footer-content, .footer-right {
	width: 33.3333%;
	max-width: 33.3333%;
	min-width: 33.3333%;
}

.mobile-footer a:hover,
.mobile-footer2 a:hover,
footer a:hover,
.footer-content a:hover,
.footer-right a:hover,
.footer-left a:hover {
    color: #66ffff;
	text-decoration: none;
}

.mobile-footer a:focus,
.mobile-footer2 a:focus,
footer a:focus,
.footer-content a:focus,
.footer-right a:focus,
.footer-left a:focus {
    color: #66ffff;
	text-decoration: none;
}

.width-control {
	width: 100%;
	max-width: 100%;
	margin:auto;
}

.analysis-data-ipad-content .analysis-data-ipad-1:nth-child(odd) {
	background: #e4efe1;
}

.analysis-data-tse {
	margin-bottom: 3%;
}

.analysis-data-tse h2 {
	margin-bottom: 1.5%;
	line-height: 1.6em;
}

/*
.analysis-data-content-1 div {
	min-height:40px;
}
*/


.tse-tab .flex-div,
.analysis-data .flex-div  {
    word-break: break-word;
}

.pick-btn-box.in-member {
	width: 100%;
	float: none;
	padding-bottom: 0;
	margin-top: 30px;
}

.in-member .analysis-search {
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	width: auto;
	height: auto;
	/*width: 250px;*/
}

.in-member .analysis-search input {
	left: 2px;
	height:42px;
	line-height: 42px;
	width: 200px;
}

#add-member-pick .company-light-box3-input-p {
	padding-left: 5%;
	padding-right: 5%;
    margin-bottom: 5%;	
}

#add-member-pick .analysis-lightboxes-1 input {
	width: 100%;
	padding-left: 0;
}

.alertify-log {
	background: #999999;
	background: rgba(99,99,99,.9);
}

.alertify-log-error {
	background: #FE1A00;
	background: rgba(254,26,0,.9);
}

.alertify-log-success {
	background: #5CB811;
	background: rgba(92,184,17,.9);
}

.alertify-logs {
	z-index: 11000;
}

#msg-alert-hint {
	color: #dc0000;
}

.ghl-doc {
    padding: 3% 0
}

/*
a.sort-key {
	margin: 8px;
	padding: 6px 16px;
	border: 1px solid #999;
	border-radius: 3px;
	background-color:#eee;
}
*/

.sort-btn a.sort-key {
	margin: 8px;
	margin-left:1px;
	margin-right:1px;
	padding: 6px 16px;
	border: 1px solid #999;
	border-radius: 3px;
	background-color:#eee;
}

.sort-btn a:hover.sort-key {
	color: #fff !important;
	background-color: #dc0000 !important;
}

.sort-btn a:focus.sort-key {
	border: 1px solid #000;
}

.sort-btn a.sort-key i{
	padding-left: 10px;
}

.sort-btn a.sort-key span{
	display: inline-block;
}

.arrow-up-16 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #000 transparent;
	margin-bottom:2px;
}

.arrow-down-16 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #000 transparent transparent transparent;
	margin-bottom:2px;
}

.sort-btn a:hover.sort-key .arrow-up-16 {
	border-color: transparent transparent #fff transparent;
}

.sort-btn a:hover.sort-key .arrow-down-16 {
	border-color: #fff transparent transparent transparent;
}

#video-body, #lecture-body {
	/*padding-top: 2%;*/
}

/*
.viedo-img>img {
	border: 1px solid #ccc;
	height: 100%;
}
*/

.videoLookItem__img>.viedo-img {
	border: 1px solid #bbb;
}

.videoLookItem__title {
	margin: 12px 0 2px 0;
	height: 56px;
	overflow: hidden;
}

.price-right {
	color: #dc0000;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 30px;
}



.ghl-btn, .member-btn {
	border:        1px solid #bbbbbb;
	border-radius: 4px;
	padding:       6px 25px;
	color:         #ffffff;
	display:       inline-block;
	font-size: 1em;
	text-align:    center;
}

.ghl-btn:hover,
.ghl-btn:focus,
.member-btn:hover,
.member-btn:focus
 {
	color : #ffffff;
	letter-spacing: 0.5px;
	text-decoration: none;
}

.bicolor-blue {
	background:    #00a0e9;
	background:    -webkit-linear-gradient(#00a0e9, #00a0e9 50%, #008bcb 50%, #008bcb);
	background:    linear-gradient(#00a0e9, #00a0e9 50%, #008bcb 50%, #008bcb);
}

.bicolor-blue:hover {
	background:    #008bcb;
	background:    -webkit-linear-gradient(#008bcb, #008bcb 50%, #00a0e9 50%, #00a0e9);
	background:    linear-gradient(#008bcb, #008bcb 50%, #00a0e9 50%, #00a0e9);
}

.bicolor-green {
	background:    #01a515;
	background:    -webkit-linear-gradient(#01a515, #01a515 50%, #019413 50%, #019413);
	background:    linear-gradient(#01a515, #01a515 50%, #019413 50%, #019413);
}

.bicolor-green:hover {
	background:    #019413;
	background:    -webkit-linear-gradient(#019413, #019413 50%, #01a515 50%, #01a515);
	background:    linear-gradient(#019413, #019413 50%, #01a515 50%, #01a515);
}

.bicolor-red {
	background:    #dc0000;
	background:    -webkit-linear-gradient(#dc0000, #dc0000 50%, #b40000 50%, #b40000);
	background:    linear-gradient(#dc0000, #dc0000 50%, #b40000 50%, #b40000);
}

.bicolor-red:hover {
	background:    #b40000;
	background:    -webkit-linear-gradient(#b40000, #b40000 50%, #dc0000 50%, #dc0000);
	background:    linear-gradient(#b40000, #b40000 50%, #dc0000 50%, #dc0000);
}

.bicolor-orange {
	background:    #ffad00;
	background:    -webkit-linear-gradient(#ffad00, #ffad00 50%, #ff8f00 50%, #ff8f00);
	background:    linear-gradient(#ffad00, #ffad00 50%, #ff8f00 50%, #ff8f00);
}

.bicolor-orange:hover {
	background:    #ff8f00;
	background:    -webkit-linear-gradient(#ff8f00, #ff8f00 50%, #ffad00 50%, #ffad00);
	background:    linear-gradient(#ff8f00, #ff8f00 50%, #ffad00 50%, #ffad00);
}

.bicolor-gray {
	background:    #bebebe;
	background:    -webkit-linear-gradient(#bebebe, #bebebe 50%, #aaaaaa 50%, #aaaaaa);
	background:    linear-gradient(#bebebe, #bebebe 50%, #aaaaaa 50%, #aaaaaa);
}

.bicolor-gray:hover {
	background:    #aaaaaa;
	background:    -webkit-linear-gradient(#aaaaaa, #aaaaaa 50%, #bebebe 50%, #bebebe);
	background:    linear-gradient(#aaaaaa, #aaaaaa 50%, #bebebe 50%, #bebebe);
}

video:hover {
	cursor: pointer;
}

.embed-responsive-16by10 {
	padding-bottom: 62.5%;
    background-color: #000;
    border: 1px solid #000;
}

.video-box {
	width: 1140px;
	height: 642px;
	max-width:100%;
	visibility: hidden;
}


.video-js {
	max-width: 100% !important;
	/*position: absolute !important;*/
	max-height: 100% !important;
	/*top:0 !important;*/
	background-color: #fff !important;
	width:100%;
	height:100%;
}

.vjs-tech {
	background-color: #000 !important;
	border: 1px solid #000 !important;
}

.vjs-menu-content {
	overflow:hidden !important;
}

.red-bold {
	color: #dc0000;
	font-weight: bold;
	font-size: 1.1em;
}


.green-bold {
	color: #4caf50;
	font-weight: bold;
	font-size: 1.1em;
}


.light-blue-bold {
	color: #009fe9;
	font-weight: bold;
	font-size: 1.1em;
}

.product-info {
	padding: 30px 0;
	border-bottom: solid 1px #ccc;	
}


.product-info-title {
    font-size: 26px;
	color: #dc0000;
	font-weight: bold;
}

.product-info-table {
    padding: 6px 0 0 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;
    overflow-wrap:break-word;
    word-wrap: break-word;
    word-break:break-all;
}

.product-info-table p, .product-info-table>div {
    width: 33.33333%;
    float: left;
    background: #dbdbdb;
    border: solid 1px #fff;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width:30%;
    max-width:33.33333%;
	padding: 12px 1% 12px 2%;
	line-height: 1.6em;
}

.bold-text {
	font-weight: bold;
}

button.zoomScreen {
	padding-left: 20px;
}


button.mousePointer {
	padding-right: 20px;
}

/*#nine_modal .nav:hover {opacity:1 !important;}*/

#nine_modal .graphics-close-a:hover {opacity:1 !important;}
#nine_modal .graphics-img-push-right:hover {opacity:1 !important;}

/*#nine_modal .graphics-img-push-left:hover {opacity:1 !important;}*/

#nine_modal .graphics-bth-red:hover {opacity:1 !important;}
#nine_modal .bth-up:hover {opacity:1 !important;}
#nine_modal .bth-down:hover {opacity:1 !important;}
#nine_modal .bth-left:hover {opacity:1 !important;}
#nine_modal .bth-right:hover {opacity:1 !important;}
#nine_modal .graphics-bottom:hover {opacity:1 !important;}
#nine_modal .zoom-set:hover {opacity:1 !important;}

.cart-btn {
 display: inline-block;
 width: 280px;
 max-width: 100%;
 padding: 14px;
 font-size: 24px;
 text-align: center;
 color: #fff;
 border-radius: 5px;
 border: 1px solid #bbb;
}

/*
.product-left {
	width:auto;
}
*/

.product-right {
	flex: 1;
	word-wrap: break-word; 
	word-break:normal;	
}


.product-right2 {
	flex:1;
	height: 1.5em;
	overflow: hidden;	
	padding-left:4px;
	word-wrap: break-word; 
	word-break:normal;		
}


.product-right3 {
	flex:1;
	height: 1.6em;
	overflow: hidden;	
	padding-left:4px;
	word-wrap: break-word; 
	word-break:normal;		
}

.product-right2:hover {
	height:auto;
	min-height: 1.5em;
}

.product-right3:hover {
	height:auto;
	min-height: 1.6em;
}

.product-right4 {
	flex:1;
	height: 3em;
	padding-left:4px;
	word-wrap: break-word; 
	word-break:normal;		
}

.video-notfound-div {
	display:table;
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.video-notfound {
	color:#fff; 
	font-size:2em; 
	font-weight: bold; 
	text-align: center;
	display:table-cell;	
	vertical-align:middle;
}

#horizon-left, #horizon-right {
position:fixed;
left:0;
top:0;
width:100vw;
height:2px;
background-color:rgba(255,255,255,0.5);
font-size:1px;
}

#vertical-up, #vertical-down {
position:fixed;
left:0;
top:0;
width:2px;
height:100vh;
background-color:rgba(255,255,255,0.5);
font-size:1px;
}


.graphics-bottom {
    text-align: center;
    position: absolute;
    bottom: 3%;
    left: 2%;
	z-index:20;
}

.warrants-body div{
	flex:1;
	max-width: 25%;
	min-width: 25%;
	width:25%;
	padding:8px;
}

.warrants-body a {
	display:block;
	text-align:center;
	padding: 12px;
	width:100%;
	height:100%;
	/*margin:10px;*/
}

.warrants-gray {
	display:inline-block;
	color: #fff !important;
	background-color:#6f6f6f;
	width:28px !important;
	margin:2px !important;
	text-align: center;
}

.warrants-green {
	display:inline-block;	
	color: #fff !important;
	background-color:#67c155;
	width:28px !important;
	margin:2px !important;
	text-align: center;	
}


.warrants-blue {
	display:inline-block;	
	color:#fff !important;
	background-color:#00a0e8;
	width:28px !important;
	margin:2px !important;
	text-align: center;	
}

.analysis-text p {
	padding-left: 0;
}


.warrants-box {
	width:100%;
	max-width: 800px;
}

/*
#analysis-share {
	width: auto;
}
*/


.videoLookItem__img {
	border: 1px solid #ccc;
}

.title-on-pic {
	color:#fff;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
}

.text-on-pic {
	color:#fff;
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
}



.text-on-vip {
	color:#fff;
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	line-height: 1.6em;
}



.text-on-vip.line-1 {
	padding-top: 4px;
}


.text-on-vip2 {
	color:#fff;
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	margin-bottom:6px;
}


.title-on-vip {
	color:#fff;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin: 28px auto 0 auto;
}

.title-on-pic2 {
	color:#fff;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
}

.text-on-pic2 {
	color:#fff;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}

.lecture-box {
    height: 274px;
    overflow: hidden;
	line-height: 1.5em;
	margin-bottom: 8px;
}


.read-more-box {
    height: 44px;
    overflow: hidden;
	line-height: 1.4;
	font-size:16px;
	font-weight:bold;
	margin-top:2px;	
}

/*
.lecture-type {
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px auto;
	padding: 8px;
	text-align: center;
	border: 1px solid #ccc;
	height: 70px;
	line-height: 1.4em;
}


.lecture-type-2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px auto;
	text-align: center;
	height: 70px;
	line-height: 1.4em;
	padding: 8px;
	border: 0;
}


.lecture-type::before, .lecture-type-2::before{
  content:'';
  width:0;
  height:100%;
  display:inline-block;
  vertical-align:middle;
}


.lecture-type p, .lecture-type-2 p{
	display: inline-block;
	vertical-align: middle;
}
*/


.lecture-type {
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px auto;
	padding: 8px;
	text-align: center;
	border: 1px solid #ccc;
	height: 70px;
	line-height: 1.4em;
}


.lecture-type-2 {
	border: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 8px;
}


.lecture-type::before {
  content:'';
  width:0;
  height:100%;
  display:inline-block;
  vertical-align:middle;
}


.lecture-type p {
	display: inline-block;
	vertical-align: middle;
}




.count-down-text {
	font-family: Microsoft YaHei,Microsoft Jhenghei,SimHei,sans-serif;
	color: #ffaa33;
}


/*
.count-down {
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
}
*/
.ghl-btn-box {
	display:inline-block;
	width: 50%;
	padding: 3px;
	/*margin:auto 3px;
	text-align: center;*/
}

/*
.ghl-btn-box:nth-child(odd) {
	text-align:right;
}

.ghl-btn-box:nth-child(even) {
	text-align:left;
}
*/

/*
 .lecture-btn {
	 padding: 6px;
	 width: 100%;
	 max-width: 136px;
	 min-width: 110px;
 }
 */
 
 
.lecture-btn {
	border:        1px solid #bbbbbb;
	border-radius: 4px;
	color:         #ffffff;
	display:       inline-block;
	font-size: 1em;
	text-align:    center;
	padding: 6px;
	width: 45%;
	max-width: 136px;
	min-width: 110px;
	margin: auto 3px;
}

.lecture-btn:hover,
.lecture-btn:focus {
	color : #ffffff;
	letter-spacing: 0.5px;
	text-decoration: none;
}

.black-box {
	background:    #3d85c6;
	background:    -webkit-linear-gradient(#3d85c6, #073763);
	background:    linear-gradient(#3d85c6, #073763);
	width: 1140px;
	max-width: 100%;
	min-height: 140px;
	color: #000;
	float: left;
	text-align: center;
	padding: 28px;
}

.cart-btn-single {
 display: inline-block;
 width: 480px;
 max-width: 100%;
 padding: 10px;
 font-size: 24px;
 text-align: center;
 color: #fff;
 border-radius: 5px;
 border: 1px solid #bbb;
}

.lecture-type-box {
	margin-top:12px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #eee;
	padding: 12px;
}

.viedo-look-right .address {
	display:none;
}

/*
.lecture-inner-box {
	width:90%;
	margin:10px auto;
}
*/

.lecture-inner-box-2 {
	width:100%;
	margin:auto;
	margin-top:60px;
}

.section-caption {
	width: 100%;
    font-size: 26px !important;
    color: #db0000;
    font-weight: bold;
    text-align: left;
}

.notice {
	line-height: 1.6em;
}


.lecture-registry-box {
	margin-top: 3%;
}
.lecture-registry-left {
	display: inline-block;
	/*color: #333;*/
    width: 15%;
    line-height: 36px;
	text-align: right;
}

.lecture-registry-right {
	/*color: #333;*/
    border: 1px solid #ccc;
    margin: 2%;
    width: 70%;
    padding-left: 2%;
    line-height: 36px;
}

.title-on-pic.lecture-page {
	font-size:3em;
}

.text-on-pic.lecture-page {
	font-size:1.6em;
}

.member-name-zone {
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
}

.product-info-table p.final, .product-info-table div.final {
    max-width:100%;
}

.back-deep-blue {
	background: #337ab7;
}


.vip-img-details {
    position: absolute;
    text-align: center;
    /*padding-left: 10%;
    padding-right: 10%;*/
    width: 100%;
    /*top: 50%;*/
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.viedo-img:hover .vip-img-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

/*
.viedo-img-details.with-vip {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
*/

/*
.deal-c-btn {
	position: absolute;
	top:200px;
	width:100%;
	
}
*/

.program-bottom {
	background: #ededed;
	height: 100%;
	min-height: 314px;
	padding-top: 5%;
}


.program-text {
    line-height: 1.5;
	/*padding: 3% 0;*/
	
	text-align: left;
	
	/*color: #dc0000;*/
	/*list-style-position: outside;*/
    /*padding-top: 1%*/
}

.program-text li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 16px;
	padding-bottom: 1em;
}


.program-text.invoice-notice li {
	padding-bottom: 6px;
	line-height: 1.5;
}

/*
.program-text p {
	padding-left: 0;
}
*/


.program-title {
	color: #009fe9;
	font-size: 24px;	
	font-weight: bold;
	text-align: center;
	margin: 30px auto 20px auto;
}

.program-check {
	color:#dc0000;
	margin-right:16px;
}


.program-info-text li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 16px;
}

.program-rights {
	padding: 2em 0 1em 0; 
	border-bottom: 1px solid #ccc;
}


.program-title a {
	color: inherit;
	text-decoration: none;
}

.program-title a:hover {
	color: #dc0000 !important;
	text-decoration: none !important;
}

.with-pointer:hover {
		color: #dc0000;
		cursor: pointer;
}

.menu-level-2 {
	background: #000;
}

.menu-level-2 a {
	color:#fff;
}

.menu-level-2 .nav-tabs {
    border-bottom: 6px solid #67c155;
}

.menu-level-2 .viedo-tab {
    margin-top: 0;
	padding-top:10px;
}

.menu-level-2 .viedo-tab a:hover,
.menu-level-2 .video-active,
.menu-level-2 .act-active {
    text-decoration: none !important;
    color: #fff !important;
    background: #67c155 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}



#blog-menu1 {
	background: #fff;
}

#blog-menu li>a {
	font-size: 1.05em;
}



.blog-bottom-area {
	padding-top:5%;
}

.blog-text-bottom {
	margin-top:3%;
	padding-top:5%;
}

.blog-top-area {
	padding-bottom:2%;
}

.hint-1 {
	color: #dc0000;
	font-size: 1.2em;
	font-weight: bold;
	overflow-wrap:break-word;
	word-wrap: break-word;
	word-break:break-all;	
}




/*
.blog-day { 
	display:block; 
	color:#333; 
	font-size:36px; 
	font-weight: bold; 	
	margin-top: 2px; 
	background: #ECEDEF; 
	padding:7px 0;
	text-align: center;
	text-shadow:-1px -1px 0 #fff; 
	border-top:solid 3px #C85D56;
}

.blog-day:after { 
	content: ''; 
	position:absolute; 
	right:0; 
	bottom:0; 
	border:solid 6px #fff; 
	border-color:#D1D2D3 #000 #000 #D1D2D3;
}
*/


.blog-article-body {
    padding: 6px 0 0 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;
    overflow-wrap:break-word;
    word-wrap: break-word;
    word-break:break-all;
}

.blog-article-body>div {
    width: 50%;
    float: left;
    /*border: solid 1px #fff;*/
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width:50%;
    max-width:50%;
	padding: 3px;
	line-height: 1.6em;
}

.a-black {
	color: #333;
}

.a-black:hover {
	/*color: #dc0000;*/
}

/*.blog-article-content-img>div, .blog-article-content-text>div {*/

.blog-article-content-text>div {	
	overflow: hidden;
	width: 100%;
	max-height: 240px;
	min-height: 40px;
}

.collection-text-p li{ 
	line-height: 1.8; 
	color:#666; 
	
	/*padding-left:20px;*/
	
	display: inline-block; 
	margin-right: 1.2em;
}


.blog-article-box {
	background: #fff;
	padding: 2%;
    border: 1px solid #ccc;
    margin-bottom: 16px;

}

.blog-v a>i {
	padding:0;
}

.blog-text {
	background: #fff;	
    border: solid 1px #ccc;
    /*padding: 2% 0 0;*/
    /*height: 90px;
    margin-top: -1px;*/
}

.blog-text th {
	border: 1px solid #ccc;
}


.blog-text tr {
	border-top: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc;*/
}

/*
.blog-text td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
}
*/

.blog-right-date {
	font-size: 0.7em;
	font-weight:normal;
	text-align: right;
	/*color: #333;*/
}

.fb-group {
	width: 100%;
	margin-top: 8%;
	text-align: center;
	margin-bottom: 24px;
}

.fb-group a {
	display: inline-block;
	color: #eee;
	font-size: 28px;
	font-weight: bold;
	line-height: 72px;
	width: 96%;
	max-width: 320px;
	text-align: center;
	vertical-align: middle;
}


.fb-group a:hover, .fb-group a:focus {
	color: #fff!important;
	text-decoration: none!important;
}

.fb-button {
	background: #4267b2;
}



.line-group {
	width: 100%;
	margin: 24px auto;
	text-align:center;
}

a.line-button {
	display: inline-block;
	width: 96%;
	max-width: 320px;
}

.join-line {
	background: #0c0;
    /*width: 320px;*/
    display:  flex;
    align-items: center;
    justify-content:  center;
	border-radius: 5px;
}


.line-group-text:hover, .line-group-text:focus {
	color:#fff !important;
	text-decoration: none !important;
}


.line-icon {
	display: inline-block;
	width: 40px;
	height:40px;
	margin-right: 10px;
}

.line-group-text {
	display: inline-block;
	background: #0c0;	
	color: #eee;
	font-size: 28px;
	font-weight: bold;
	line-height: 72px;
}



.advertising .fb-group, .advertising .line-group {
	max-width: 280px;
	margin: 24px auto;
}


.advertising .fb-group a {
	font-size: 24px;
	line-height: 60px;
}


.advertising .line-group-text {
	font-size: 24px;
	line-height: 60px;
}

.blog-nav {
	display: table;
	width: 100%;
    padding-top: 6%;
	padding-bottom: 3%;
	
    /*position: relative;	*/
}

.blog-nav-row {
	display: table-row;
}

.blog-nav-left {
	display: table-cell;
	text-align: left;
	width:37%;
	
}


.blog-nav-center {
	display: table-cell;
	text-align: center;
	width:26%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


.blog-nav-right {
	display: table-cell;
	text-align: right;
	width:37%;
}

.blog-nav-left, .blog-nav-center, .blog-nav-right {
	padding: 4px 0;
	vertical-align: middle;
}

.blog-nav-i {
	font-size: 52px;
	padding:0;
	vertical-align: middle;
}

.blog-nav-title {
	display: inline-block;
	width: calc(100% - 52px);
	line-height: 1.6;
	vertical-align: middle;
	padding:0 4px;
	max-height: 80px;
	overflow: hidden;
	overflow-wrap:break-word;
	word-wrap: break-word;
	word-break:break-all;	
}

.blog-nav-center-title {
	font-size: 32px;
	
	font-weight: bold;
	
	padding: 0 3%;
	
	/*border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	
	vertical-align: middle;
}

.blog-nav-left .blog-nav-title {
	padding-right:0;
}


.blog-nav-right .blog-nav-title {
	padding-left:0;
}


.blog-nav a {
	/*color: #888;*/
	
	text-decoration: none;
}

.blog-nav a:hover, .blog-nav a:focus {
	color: #dc0000;
	text-decoration: none;
}



a.blog-right-article-right.blog-right-lecture {
	
	/*font-size: 1em;
	font-weight:normal;*/
	
	padding-top:1%;
	padding-bottom:1%;
	
	/*color: #999;*/
	/*color: #dc0000;*/
}


a.blog-right-article-right.blog-right-lecture:hover {
	/*color: #000000;*/
}

.recent-lecture {
	/*border-top: 2px solid #ccc;
    padding-top: 1%;	
    margin-bottom: 3%	*/

	position:relative;	
	margin-top: 1%;
	margin-bottom: 2%;
}

.recent-lecture .block-title {
	margin-bottom: 1%;
}

.recent-lecture a {
	display: block;
	font-size:16px;
	font-weight:bold;
	padding: 10px 4px;
	border:1px solid transparent;
	border-bottom: 1px solid #ededed;
	margin-top:-1px;
}



.recent-lecture a:last-child {
	border-bottom: 1px solid transparent;
	
}

.recent-lecture a:hover {
	background: rgba(255,255,233,1);
	border:1px solid #ccc;
	color:#dc0000;
	font-weight:bold;
	text-decoration:none;
}


.recent-lecture a:focus {
	text-decoration:none;
}

.recent-icon {
	display:inline-block;
	vertical-align:middle;
	/*margin-left: 2px;
	margin-right:2px;*/
}

.recent-left {
	display:inline-block;
	width:60%;
	text-overflow: ellipsis; 
	overflow: hidden; 
	/*white-space: nowrap;*/
	vertical-align:middle;
}

.recent-right {
	display:inline-block;
	position:absolute;
	right:4px;
	width:35%;
	text-align:right;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap;
	vertical-align:middle;	
}

.blog-right-img {
	flex:2;
	margin-right: 2%;	
	display: none;
}

.blog-right-img img {
	width:100%;
	height:auto;
	border: 1px solid #ccc;
}

.blog-right-text {
	flex:3;
	position:relative;
}

.blog-article-content-text>div.JQellipsis {
	padding-bottom: 6px;
}

/*
.blog-v .close-btn {
	float: unset;
	margin:0;
}
*/

.blog-line-msg {
	line-height: 1.6;
}

.count-down {
	background: rgba(255,255,233,1);
}

.lecture-type-box .count-down {
	background: unset;
}

.payment-content-c.append, .payment-content-c.append a, .payment-content-c.append a .orders_item {
	/*color: #ff00ff;*/
	color: #ee7700;
	font-weight: bold;
}


.payment-content-c.append a:hover {
	color: #dc0000;
	text-decoration: underline;
}

.cart-qty-select {
	text-align: center; 
	text-align-last:center;
	min-width: 54px;
}


.payment-select-content+.payment-select-content {
	margin-top: -1px;
}

.payment-select-img {
	margin-bottom: 2px;
	float: right;
}

.box-red {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid #dc0000;
}

.text-bold {
	font-weight: bold;
}

/*
#list_show {
	margin-bottom: 5%;
}

.payment-content-title {
	background: #4caf50;
	color: #fff;
}
*/

.item-name {
	margin: 24px auto 0 auto;
	border-bottom: 5px solid #67c155;
	/*font-size: 20px;
	font-weight: bold;*/
}


.item-name-fail {
	margin: 24px auto 0 auto;
	border-bottom: 5px solid #607d8b;
	/*font-size: 20px;
	font-weight: bold;*/
}

.item-tab {
	font-size: 20px;
	font-weight: bold;	
	padding: 10px 20px;
	background: #67c155;
	color: #fff;
	display: inline-block;
	border-radius: 4px 4px 0 0;
}


.item-tab-fail {
	font-size: 20px;
	font-weight: bold;	
	padding: 10px 20px;
	background: #607d8b;
	color: #fff;
	display: inline-block;
	border-radius: 4px 4px 0 0;
}

 .payment-input-desc {
	 margin-left:20px;
	 /*color: #ee7700;*/
	 font-size: 0.9em;
 }
 
 .msg_ul {
  display: block;
  list-style-type: circle;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  text-align: left;
}

.msg_ul li {
	list-style: square;
	/*color: #ff00ff;*/
}

.invoice-no {
    width: 18%;
}

.tel {
	width: 26%;
	min-width: 160px;
}
.ext {
	width: 10%;
	min-width: 80px;
}

.play-btn.shopping-cart {
	text-align: left;
	font-size: 16px;
}
.lecture-btn.shopping-cart {
	line-height:20px;
	margin: 4px;
}

.msg-error {
	font-size:1.5em;
	color: red;
	margin-right: 12px;
}

.msg-ok {
	font-size:1.5em;
	color: #00dd00;
	margin-right: 12px;
}

.bundle {
	margin-top: 24px;
}

.viedo-title.bundle {
	margin-bottom:0;
}

.linethrough {
	text-decoration: line-through;
}

/*
.bundle>.payment-content {
	border-bottom:none;
}
*/

.bundle-text {
	line-height: 28px;
}


.payment-table.query td, .payment-table.query th {
	padding-top:0px;
	padding-bottom:0px;
	font-size: 18px;
	vertical-align: middle;
}


.payment-table.query tr:first-child td {
	padding-top:16px;
}


.payment-table.query tr:last-child td {
	padding-bottom:16px;
}

#summary-2 .padding-top {
	padding-top:0;
}

.order-text {
	color: #003377;
	font-weight:normal;
}

.payment-info {
	font-size: 1.25em;
    border: solid 1px #ccc;
    line-height: 36px;
	margin-bottom: 24px;
    /*margin-top: 2%;*/	
}


.payment-info-td-1 {
    padding-left: 2%;
	width: 16%;
	min-width: 104px;
	border: 1px solid #ccc;
}


.payment-info-td-2 {
    padding-left: 2%;
	border: 1px solid #ccc;
}

.payment-info-bar {
	font-size: 30px;
	line-height:1.4;
	margin-top:24px; 
	margin-bottom:6px; 
	display: block;
	width: 100%;
	text-align: center;
}

.payment-info-span1 {
	display: inline-block;
	margin-right: 48px;
}

.payment-info-span2 {
	display: inline-block;
}


.pick-caption .with-pointer {
	margin-right: 16px;
}


.pick-caption .with-pointer input[type="radio"]{
	margin-top: 0;
}

.payment-select-1 input[type="radio"] {
	margin-right: 10px;
	margin-top: 0;
}

.payment-select-div {
	width: 100%;
	/*display: table;*/
}

.light-blue {
	color: #00a0e8;
}


.product-info-table.query {
	font-size: 18px;
}

.input-noshow {
	color:#eee;
	background: #fff;
}


.ghl_waiting {
    width: 100%;
    height: 100%;
	background: #000;
	opacity:0.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}


.ghl_waiting table, .ghl_waiting tr, .ghl_waiting td{
    width:100%;
    height:100%;
    vertical-align: middle;
	text-align:center;
	color: #fff;
}

.ghl_waiting td{
	font-size: 1.3em;
}

.canceled .history-1-2 {
	background: #eee;
}

.member-point-table {
	width:100%;
    margin-top: 36px;	
	margin-bottom: 38px;
}

.member-point-table th {
	background: #ededed;
	text-align: center;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
	line-height: 36px;
	
}


.member-point-table tr {
	border-bottom: 1px solid #959595;
}


.member-point-table>tbody>tr:hover {

	background: rgba(255,255,233,1);	
	color: #333;
}


.member-point-table td {
	text-align: center;
	line-height: 36px;
}


.points-height1, .points-height2 {
	line-height:80px;
}

.log-box{
	display:none;
	padding:0;
/*	background: #000;
	color: #fff;*/
}


.member-point-table>tbody>tr.log-box>td {
	padding: 0 1px 38px 1px;
	background: #fff7fb;
	/*background: #fff7fb;*/
	/*color: #fff;*/
}



.member-point-table>tbody>tr.log-box>td:hover {
	background: #fff7fb;
	/*background: #fff7fb;*/
	/*color: #fff;*/
}

.member-point-table.video-log-table {
	width:100%;
	margin:0;
}

.member-point-table.video-log-table th {
	background: #fff7fb;
	/*color: #fff;*/
	text-align: center;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
	line-height: 20px;
	
}


.member-point-table.video-log-table tr {
	background: #fff7fb;
	border-bottom: 1px solid #959595;
}


.member-point-table.video-log-table>tbody>tr:hover {
	background: rgba(230,255,255,1);	
	/*color: #333;*/
}


.member-point-table.video-log-table td {
	text-align: center;
	line-height: 36px;
}

.points-table.video-log-table .points-1-1 {
	width: 25%;
	min-width: 25%;
	max-width: 25%;
}


.points-table.video-log-table .points-1-2 {
	width: 75%;
	min-width: 75%;
	max-width: 75%;
}


.points-1-2 .points-table {
	margin-top: 0;
}

.points-1-2 .points-table-row {
	margin-right: 3%;
	margin-bottom: 20px;
	background: #fff7fb;
}


.points-1-2 .points-table-row:hover {
	background: rgba(230,255,255,1);
}


.reg-check-left {
	display:inline-block; 
	margin-top: 6px;
	width: 36px;
	float:left;
}

.reg-check-right {
	display:inline-block; 
	width: calc(100% - 40px);
	line-height: 1.6;
}


.service p {
    font-size: 15px;
    line-height: 22px;
    padding: 1% 2%
}

.service {
    width: 55%;
}

.policyDialog {
	height: 100%;
	width: 960px;
	max-width: 96%;
	margin: 20px auto;
	max-height: calc(100% - 40px);
	min-width:280px;
	min-height: 280px;	
}


.policyDialog p {
    font-size: 15px;
    line-height: 22px;
    padding: 1% 2%
}


.banner-chevron-right {
	position:absolute; 
	color:#fff; 
	top:calc(50% - 8px);
	right: 30%;
	font-size: 36px;
}


.banner-chevron-left {
	position:absolute; 
	color:#fff; 
	top:calc(50% - 8px);	
	left: 30%;
	font-size: 36px;	
}


.analysis-data-pc.tfx .analysis-data-title div, 
.analysis-data-pc.tfx .analysis-data-content-1 div, 
.analysis-data-pc.tfx .analysis-data-content-2 div {
	width: 33.3333%;
}

.analysis-data-tse h2 a {
	margin-left:8px;
	margin-right: 8px;
}

.vjs-watermark {
    position: absolute;
    display: inline;
    /*z-index: 1;*/
	font-size:20px;
    font-family: "微軟正黑體";
	color: #333333;
}

.my-table {	display: table; }

.my-tr { display: table-row; }

.my-td, .my-th { display: table-cell; word-wrap: break-word; background-clip: padding-box; padding: 9px 10px; text-align: left;}

.my-tbody { display: table-row-group; vertical-align: middle;}

.my-thead { display: table-header-group; }



.payment-table .lecture-btn {
	 white-space:nowrap;
	 overflow:hidden;
}




#changepwd_captcha {
	width: 40%;
	min-width: 80px;
}

#analysis-search {
	position: absolute;
	bottom:0;
	right: 0;
}


.no_wrap {
	white-space: nowrap;
}

/*	
#analysis-0 {
	padding: 0;
}
*/

.flex-title .col-sm-6 {
	max-width: 50%;
	min-width: 50%;
}

.invoice-carrier {
	display: inline-block;
}

.invoice-table tr {
	vertical-align: top;
}

.invoice-table td, .invoice-table th {
	padding: 10px 4px;
	line-height: 1.6;
}

.invoice-notice {
	padding-top: 12px;
	font-size: 15px;
	color: #dc0000;
}

.lovecode-btn {
	padding: 8px;
    display: inline-block;
    width: 136px;
    max-width: 40%;
    vertical-align: middle;
    margin-left: 5%;
}

.blog-content-text table {
 border: 2px solid #999;
}

.blog-content-text td {
 border: 1px solid #999;
}

.member_message {
	padding:6px 0;
	text-align:center;
	background:#00a0e8;
	color:#fff; 
	line-height:1.6em;
}

::backdrop {
    z-index:0;  
    background-color: white !important;
}

html, *:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
    background-color: white !important;
    z-index:1;
}


.ghl-container h1 {
	display:inline-block;
}

.lecture-photo {
	width: 49.5%;
	display: inline-block;
}

.blog-date h1 {
	display: block;
}

.hidden_element {
   /*display: none;*/
}


.blog-content-text ul li, .viedo-look-c-text ul li {
	list-style-position: outside;
	list-style: disc;
	margin-left: 30px;
	/*padding-bottom: 1em;*/
}

.blog-content-text ul li::marker, .viedo-look-c-text ul li::marker {
	color: red;
}



.blog-content-text ol li, .viedo-look-c-text ol li {
	list-style-position: outside;
	list-style: decimal-leading-zero;
	margin-left: 30px;
	/*padding-bottom: 1em;*/
}

.blog-content-text ol li::marker, .viedo-look-c-text ol li::marker {
	color: red;
}


.blog-article-box h1 {
	display: block;
}

.viedo-look-c-text.text-content p a, .viedo-look-c-text.text-content a, .viedo-look-c-text.text-content p {
	word-wrap: break-word;
}