@charset "utf-8";

/* 把在 style.css 發生無法理解的順序衝突的放在這裡 */

.graphics-container {
    margin: 0;
    width: 100%;
    background: rgba(33, 33, 33, 0.8);
    height: 100%
}


/* 以下才是 RWD */


@media screen and (max-width: 1912px) {
    .graphics-image img {
        min-width: inherit;
        width: 100%
    }
}


@media screen and (max-width: 1660px) {
	.bth-up {
		top: 210px;
	}
}

@media screen and (max-width: 1600px) {
    #return {
        width: 1600px;
    }
    .pick-table-title {
        width: 1600px;
    }
    .pick-table {
        overflow: auto;
    }
}



@media screen and (min-width: 1400px){
.nine-content {
    width: 90%;
}	
}

@media screen and (max-width: 1270px) {
	.bth-up {
		top: 266px;
	}
}

@media screen and (max-width: 1200px) {
    .hearder-container {
        width: 100%
    }
    .col-lg-4 {
        width: 50%;
        float: left;
    }
	
	
    .graphics-img-push {
        left: 6%
    }
    .col-lg-3 {
        width: 25%;
        float: left
    }
	
	
    .deal-b-display-content {
        width: 88%;
    }
    .deal-b-display-right {
        width: 100%;
        padding-left: 41%;
    }
    .deal-b-display-right p {
        float: left;
        line-height: 72px;
        margin-right: 2%;
    }
    .deal-b-display-right-a {
        padding-left: 20px;
    }
    .deal-b-display-content {
        height: inherit;
    }
    .deal-b-display-right-p {
        padding-top: 0%;
    }
    .deal-b-display {
        padding-bottom: 0;
    }
    .col-lg-3-viedo {
        width: 33.33333%
    }
    .viedo-look-c-bottom img {
        max-height: 142px;
    }
    .viedo-look-c-bottom p {
        width: 100%;
    }
    .viedo-look-c-chart-img div {
        width: 33.333333%
    }
    .viedo-look-c-chart-img img {
        width: 100%
    }
    .blog-title-ul {
        width: 3250px;
        overflow-x: auto;
    }
    .blog-title div ul li {
        padding: 0 20px;
    }
    .blog-title div {
        overflow: auto;
    }

    .blog-left {
        padding-left: 0
    }

	.blog-left.blog-content {
		padding-left: 0;
	}
	
	.blog-v {
		padding-left: 0;
	}
	
	
    .contact-data {
        width: 80%;
    }
    .index-bottom-left {
        display: none
    }
    .index-bottom-right {
        width: 100%;
		height: auto;
    }
	
    .payment-img img {
        width: 75%
    }
    .cart-ok_img img {
        width: 100%
    }
}


@media screen and (min-width: 1110px) {
	.main-header {
		display: block !important;
	}
	.nav-child {
		display: none !important;
	}
}

@media screen and (max-width: 1109px) {

    .header-hide1 {
        display: none
    }
		

	.bth-ipad {
		display:block;
	}
	
	.header-btn.btn_red {
	    margin-left:10px;
	}
	
}


@media screen and (max-width: 1079px) {

	
.pick5-wrapper {
    border-top: solid 1px #eee;
	padding: 10px 0;
}


.pick5-x .pick5-2,
.pick5-x .pick5-3 {
 
    width:100%;

}

.pick5-wrapper-2 {
	display: none;
}


.pick5-x-span {
	display:inline-block;
}


.pick5-1.pick5-2-mobile {
	width: 0;
	display: none;
}

.pick5-2.pick5-2-mobile,
.pick5-3.pick5-2-mobile {
	width: 50%;
	text-align: center;
	padding-left: 0;
}

}


@media screen and (max-width: 1079px) and (orientation: portrait )  {
    .mobile-footer, .mobile-footer2 {
        display: block;

	}	
	
	footer {
		padding-bottom: 80px;
	}
	

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

@media screen and (max-width: 1070px) {
	.news-stock-table tr th:nth-child(10) {
	   display: none;
	}
	.news-stock-table tr td:nth-child(10) {
	   display: none;
	}	

	
}


@media screen and (max-width: 1024px) {
	
    .enter {
        width: 100%
    }
    .analysis-search, .c-searchBox {
        width: auto
    }
	
	
    .act-content img {
        max-height: 185px;
    }
    .act-add {
        height: 56px;
        overflow: auto;
    }
	
	
    .viedo-look-c-table div {
        width: 50%
    }
    .viedo-title-content {
        width: 100%;
    }
    .col-viedo {
        width: 33%
    }

	
    .fixed {
        position: fixed;
        top: 0;
        right: 5% !important;
    }
	
	
    .blog-view-float {
        right: 0
    }
	
	
    .collection-text-right {
        height: 120px
    }
    .payment-img img {
        width: 99%;
    }
    .payment-purchaser-1 {
        width: 100%
    }
    .payment-purchaser-2 {
        display: none
    }
    .payment-purchaser-1 span {
        display: inline-block
    }

    .bth-up {
        top: 2%;
    }
    .member-pick-title-left {
        width: 100%
    }
    .member-pick-title-right {
        width: inherit;
    }
}


@media screen and (max-width: 1023px) {
	
			
	.zoomScreen, .mousePointer {
		display: none;
	}
	
	.graphics-seach {
		width: 150px;
	}

	.blog-left.blog-content {
		margin-top: 0;
	}
	
	.graphics-img-push-right a.hidden-xs {
		display:none;
	}
}


@media screen and (max-width: 999px) {
	
	.header-hide2 {
		display:none;
	}	
}
@media screen and (max-width: 989px) {
	
    .index-banner-txt {
        padding: 1%
    }
    .banner-text {
        line-height: 20px;
        height: 20px;
    }
    .member-history-view-top div {
        width: 48.8%;
    }
    .history-view_ipad {
        display: block;
    }


    .point-ipad {
        display: block
    }
	
    .member-point-content-title,
    .member-point-content-content {
        display: none
    }
	

	.history-1-wrapper{
		width:50%;
		max-width:50%;
		min-width:50%;
	}
	
}

@media screen and (max-width: 970px) {
	.news-stock-table tr th:nth-child(9) {
	   display: none;
	}
	.news-stock-table tr td:nth-child(9) {
	   display: none;
	}

    .col-lg-3 {
        width: 33.3333333%;
    }
	
	.footer-left {
		width: 50%;
		max-width: 50%;
		min-width: 50%;
		
	}
	
	.footer-content {
		width: 50%;
		max-width: 50%;
		min-width: 50%;
	}
	
	.footer-right {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		padding-left: 0;
		padding-top: 24px;
		margin-top: 12px;
		margin-bottom: 24px;
		border-top: 1px solid #666;
	}
	
}




@media (max-width: 960px) {
    .company-light-box3-1 {
        width: 90%;
    }
	
}


@media screen and (max-height: 640px) and (max-width: 960px){

	.serviceDialog {
		margin: 0;
		height: 100%;
		max-height: 100%;
		width: 100%;
		max-width: 100%;
	}
}


@media screen and (max-width: 936px) {
    .deal-b-display-right {
        width: 100%;
        padding-left: 35%;
    }
    .deal-b-display-right p:nth-child(3) {
        margin: 0
    }
    .col-lg-4-act {
        width: 50%
    }
    .act-content img {
        max-height: 260px;
    }

	
	.reading .col-lecture {
		width: 50%;
	}



	.swiper-slide-text {
		left: 6%;
		top: 8%;
		max-width: 80%;
	}

	.swiper-slide-text-h2 {
		line-height: 1.3em;
		font-size: 24px;
		padding: 6px;
		margin-bottom: 16px;
	}


	.swiper-slide-text p {
		font-size: 16px;
	}
	
}

@media screen and (max-width: 912px) {

	.graphics-img-push-left{
		width: 100%;
	}	


	.pick-box-in-modal {
		top: 0;
		width: 100%;
	}

	#pick-dialog-body {
		 max-height:calc(100vh - 47px);
	 }
	 
	.std-box {
		margin:0 auto;
		top:0;
	}
	
	.std-box .modal-header {
		height: 44px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.std-box .modal-body {
		max-height: calc(100vh - 47px);
		overflow-y: auto;
	}
	
	
	.std-box.pick-lightboxes-3 {
		max-width: 100%;
	}	


	.header-hide3 {
		display:none;
	}
}

@media screen and (max-width: 892px) {

	
    .index-banner-txt {
        padding: 1%
    }
	
	
    .member-paly {
        margin: 0
    }
    .bth-up {
        top: 2%;
        left: 43%;
    }
    .bth-down {
        left: 43%;
    }
	
  .index-tab-text h1 {
        background: none;
		line-height: 32px;
    }


	.payment-info-bar {
		text-align: left;
	}	
}

@media screen and (max-width: 880px) {

	
	.news-stock-table tr th:nth-child(8) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(8) {
	   display: none;
	}
}

@media screen and (max-width: 870px) {
    .payment-table-div-1,
    .payment-table-div-2 {
        width: 100%
    }
    .payment-table-div-1 {
        border-bottom: none;
        padding: 0;
        padding-left: 3%;
        padding-top: 3%;
        line-height: 30px;
    }
    .payment-table-div-2 {
        padding: 0;
        padding-left: 3%;
        line-height: 30px;
        padding-bottom: 3%
    }
    #twzipcode {
        margin-bottom: 3%
    }
    .payment-textarea {
        min-height: 100px
    }
    .payment-height-1,
    .payment-height,
    .payment-height-textarea {
        min-height: initial;
    }


	.pick5-1 {
		max-width:160px;
		min-width:160px;
	}

	.pick5-x {
		width: calc(100% - 160px);
	}	

	.col-lecture {
		width: 50%;
	}

	.lecture-type-2 {
		height: 100px;
	}
	
	.cart-btn-single {
		font-size: 20px;
	}	

	.member-menu-nav-ul	li {
		min-width: 25%;
		max-width: 25%;
		text-align: center;
		border: 1px solid #ccc;
		margin-bottom: -1px;
		margin-right: -1px;		
	}

	.member-menu-nav-ul	li a {
		border-radius:0;
		margin:0;
	}	
}


@media screen and (max-width: 856px) {
    .nine-ul li {
        min-width: 33%;
		max-width: 33.333333333%;
		width: 33.333333333%;
    }
	
    .contact-data {
        width: 100%;
    }
    .member-video {
        display: none
    }
    .viedo-ipad {
        display: block;
    }
	

	.news-left {
	width: 60%;
	}	

	.news-right {
	width: 40%;
	}	

	.news-stock-table tr th:nth-child(7) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(7) {
	   display: none;
	}	



	.submenu-2 li:nth-child(odd) {
		margin-left:4% !important;
		margin-right:8% !important;	
	}
	
	.submenu-2 li:nth-child(even) {
		margin-left:8% !important;
		margin-right:4% !important;	
	}	

	.submenu-2 li {
		 min-width:38%;
		 max-width:38%;
		width: 38%;
	}


	.product-info-table p {
		width: 50%;
		min-width:50%;
		max-width:50%;
	}

	
/* blog */

	#blog-menu ul.nav-tabs {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#blog-menu .viedo-tab.nav-tabs li:nth-child(1n) {
        min-width: 16.66666%;
		max-width: 16.66666%;
        text-align: center;
		border: 1px solid #ccc;
		margin-bottom:-1px;
		margin-right:-1px;
    }



	#blog-menu .viedo-tab.nav-tabs li:nth-child(6n-5) {
        min-width: calc(16.66666% + 2px);
		max-width: calc(16.66666% + 2px);
    }

	#blog-menu .viedo-tab.nav-tabs li:nth-child(6n) {
        min-width: calc(16.66666% + 3px);
		max-width: calc(16.66666% + 3px);
    }

	#blog-menu .viedo-tab.nav-tabs li a {
		padding: 10px 0;
		border-radius:0;
		margin:0;
    }

	#blog-menu .menu-level-2 .viedo-tab.nav-tabs li {
		border-color: #444;
    }

	#blog-menu .menu-level-2 .viedo-tab.nav-tabs li a {
		padding: 10px 0;
		border-radius:0;
		margin:0;
    }
	
	#blog-menu .menu-level-2 .viedo-tab {
		padding-top:0;
	}

/* 垂直置中 */

	#blog-menu .li-div {
		height:100%;
		width:100%;
		padding:0;
		text-align: center;
		vertical-align: middle;
	}


	#blog-menu .li-div::before {
		display:inline-block;
		content:'';
		height: 100%;
		width: 0;
		vertical-align: middle;
		margin:0;
		padding:0;
	}

	#blog-menu .li-div-span {
		display:inline-block;
		height:auto;
		line-height: 1.4;
		text-align:center;
		vertical-align:middle;
		width: calc(100% - 5px);
		word-break: break-all;

	}

/* 以上垂直置中 */



	.vjs-watermark {
		font-size:20px;
	}

}


@media screen and (max-width: 846px) {
	.header-hide4 {
		display:none;
	}
}


@media screen and (max-width: 824px) {
	
    .deal-b-display-right {
        width: 100%;
        padding-left: 29%;
        padding-top: 3%;
    }
    .history-view-wrapper {
        width: 100%;
    }
    .collection-text2 {
        padding-bottom: 5%;
    }
	
	
	.analysis-data-pc {
        display: none;
    }
	
	
    .analysis-data-ipad-content {
        width: 50%;
    }
	
	.analysis-data-ipad-content.oneline {
		width: 100%;
	}
	
    .analysis-data-ipad-content-2 {
        width: 100%;
    }
    .analysis-data-ipad {
        display: block
    }
    .analysis-data {
        margin-top: 3%
    }
	

	.member-menu-nav-ul	li {
		min-width: 33.3333%;
		max-width: 33.3333%;
		
	}	


	.carrier {
		width: 100%;
	}	
	
}



@media screen and (max-width: 800px) {

	.lecture-photo {
		width: 100%;
		display: block;
	}
	
}

@media screen and (max-width: 770px) {

	
	.black-box {
		min-height:auto;
		padding: 16px;
	}

	.pick5-1 {
		max-width:240px;
		min-width:240px;
	}

	.pick5-x {
		width: calc(100% - 240px);
	}	
	
    .col-lg-4 {
        width: 100%;
        float: left;
    }
	
	
	
	
    .company-table-ipad-table {
        display: block;
    }
    .table {
        display: none
    }
	

    .band-item {
        right: 10%
    }
    .tes-ipad-wrapper {
        display: block;
        padding-top: 6%;
    }
    .tse-pc {
        display: none
    }
    .des-link {
        margin-bottom: -28px;
        line-height: 26px;
        min-height: 63px;
    }
    .deal-b-display-right {
        padding-left: 0
    }
    
	.video-view-c,
	.viedo-look-left,
    .viedo-look-right {
        width: 100%;
		padding: 16px 0 0 0;
    }
	
    .deal-div-2,
    .deal-div-1,
    .deal-div-3 {
        width: 50%
    }
    .deal-div-3 {
        border-right: solid 1px #fff;
    }
    .viedo-look-c-chart-img img {
        width: 100%
    }
    .viedo-look-c-chart-img div {
        width: 33.33333%;
    }

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

	.nav>li>a:hover {
		text-decoration: none;
		background-color: #dc0000;
		color: #fff;
	}
	
	
    .act-content img {
        max-height: 200px;
    }
    .col-lg-3-points {
        width: 50%;
    }
    .col-viedo {
        width: 50%;
    }
	
	
    .blog-view {
        padding: 2%
    }
    .blog-view-content {
        padding: 2% 0
    }
	
    .index-top {
        padding-top: 2%
    }
	
	
    .index-bottom {
        min-height: 326px;
    }
	
	
    .member-history-view-top div {
        width: 100%;
        margin: 0;
        margin-bottom: 1px;
    }
    .point-ipad-wrapper {
        width: 100%;
    }

	
    .member-collection-content-right-right {
        position: absolute;
        right: 2%
    }
    .member-collection-content-left {
        width: 14%;
    }
    .blog-article-content-1 {
        padding: 0;
        line-height: 36px
    }
    .collection-text-right {
        width: 59%;
    }
    .member-paly {
        padding: 0 40px;
    }
    .payment-select-p-ipad {
        display: block;
        font-size: 100% !important;
        font-weight: 400 !important;
    }
/*	
    .payment-select-1 {
        width: 100%;
        border-right: none
    }
    .payment-select-2 {
        display: none
    }
    .payment-select-content,
    .payment-select-wrapper {
        line-height: 30px;
    }
    .payment-select-1 {
        padding: 3%
    }
    .payment2-select {
        margin-right: 2%
    }
*/	
	.pick-box {
		display: block;
	}
	
    .pick-left {
        width: 100%
    }
	
    .pick_left_content {
        height: auto;
		max-height: none;
        margin-bottom: 3%;
        padding-bottom: 3%;
    }
    .pick-right {
        width: 100%;
        padding: 0;
        height: auto;
    }

	ul.nav-tabs {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	
	.tse-tab.nav-tabs li a{
		border-radius: 0;
        margin: 0;
    }	
	

    .pick-wrapper {
        height: auto;
    }

	
    .col-lg-3-viedo {
        width: 50%;
    }
	
	
    .pick5-2,
    .pick5-3 {
        width: 50%
    }
    .pick5-1 {
        width: 100%
    }
    .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-content-2 a:hover,
    .pick-table-content-2 a:focus,
    .pick-table-content-2 a:active {
        background: #009fe9
    }
    .pick-table-title-1,
    .pick-table-content-1 {
        display: none
    }
    .pick-table-content2:hover a {
        background: #009fe9
    }
    .pick-table-content:hover a {
        background: #009fe9
    }
	

	
    .member-menu {
        display: block;
    }
	

    .member-menu:hover, .member-menu:focus {
        text-decoration: none;
        color: #fff;
    }
	

	
    .graphics-close-a {
        left: 0;

    }
	
	.graphics-img-push {
		left:40px;
		width:calc(100% - 60px);
	}
	
    .vip-lightboxes {
        z-index: 99
    }

	.news-left, .news-right {
	width: 100%;
	}

	#news-right-fb{
		float: left;
		margin-bottom: 36px;
	}
	
	.news-stock-table tr th:nth-child(10) {
	   display: table-cell;
	}
	
	.news-stock-table tr td:nth-child(10) {
	   display: table-cell;
	}
	
	.news-stock-table tr th:nth-child(9) {
	   display: table-cell;
	}
	
	.news-stock-table tr td:nth-child(9) {
	   display: table-cell;
	}
		
	.news-stock-table tr th:nth-child(8) {
	   display: table-cell;
	}
	
	.news-stock-table tr td:nth-child(8) {
	   display: table-cell;
	}
	
	.news-stock-table tr th:nth-child(7) {
	   display: table-cell;
	}
	
	.news-stock-table tr td:nth-child(7) {
	   display: table-cell;
	}
	

	.analysis-title2 {
		width: 100%;
		float:left;
		text-align:center;
		margin:10px 0;
	}
	
	.analysis-title2 a {
		flex:1;
		min-width:20%;
		padding:15px 5px;
		margin-bottom:8px;	
	}

	.lecture-type-2 {
		height: 70px;
	}
	
	.cart-btn-single {
		font-size: 24px;
	}


	#blog-menu .viedo-tab.nav-tabs li:nth-child(1n) {
        min-width: 20%;
		max-width: 20%;
	}
	
	#blog-menu .viedo-tab.nav-tabs li:nth-child(5n-4) {
        min-width: calc(20% + 2px);
		max-width: calc(20% + 2px);
    }

	#blog-menu .viedo-tab.nav-tabs li:nth-child(5n) {
        min-width: calc(20% + 2px);
		max-width: calc(20% + 2px);
    }	


    .blog-left {
        width: 100%;
    }
    .blog-article-right {
        position: absolute;
        right: 0;
        width: inherit;
        text-align: center;
        right: 1%;
    }
	
	
	
    .blog-right-article {
        width: 100%;
        float: left;
    }
    .blog-right {
        width: 100%;
		padding: 0;
    }

	.blog-right-text {
		font-size: 1.5em;
	}
	
	.blog-right-article-right {
		padding: 3% 1%;
	}


	.blog-right-img {
		display: block;
	}

	.blog-right-date {
		position:absolute;
		bottom:0;
		right:0;
	}

	
	.reading .col-lecture {
		width: 33.33%;
	}	


}


@media screen and (max-width: 760px) {
	header ul li a	{
		margin-bottom:0;
		margin-top: 28px;
	}
	
	.logo {
		margin-bottom: 0;
		padding: 4px 1%;
	}
	
	.bth-ipad {
		top: 26px;
	}
	
	.header-hide5 {
		display: none;
	}
}

@media screen and (max-width: 768px) and (min-width: 640px) {

	
    .index-tab {
        padding-top: 30px;
    }
    .ipad-logo {
        padding: 1.25% 0 .75% 3%;
    }
	
	

}


@media screen and (max-width: 762px) {
	.news-stock-table tr th:nth-child(10) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(10) {
	   display: none;
	}
	
	
}

@media screen and (max-width: 739px) {
	
.analysis-title-left {
    width: 100%;
}



.analysis-title3 a {
	padding: 15px;
}



.warrants-body div{
	max-width: 33.33333%;
	min-width: 33.33333%;
	width:33.33333%;
}

}


@media screen and (max-width: 720px) {
.nine-right {
	width:100%;
	text-align:center;
	float: left;
}

.nine-right a {
	flex: 1;
	padding: 15px 5px;
}

.nine-left {
	width:100%;
}

.nine-left-1 {
	float:right;
	text-align:right;
}


.nine-left-2 {
	float:left;
	text-align:left;
}


#pick-1 .nine-content {
    padding-top:0;
}


#pick-2 .nine-right {
	margin-top:0;
}


.tab-pane .nine-right a {
	padding: 15px 15px !important;
	width: auto !important;
}

	.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: calc(50% - 15px);
	}

	
    .pick-bth-content-left, .pick-bth-content-right {
        width: 100%;
		float: none;
		text-align: center;
        margin-bottom: 5px;
    }

    .pick-bth-content-right {
        margin-bottom: 20px;
    }	
    .pick-bth-content-left a, .pick-bth-content-right a{
        width: 46%;
		flex: 1;
		padding: 15px 5px;
    }

	.pick-bth-top-1 {
		width:100%;
		text-align: center;
		float: left;
		margin-bottom: 0;
	}
	
	.pick-bth-top-1 a {
		flex:1;
		padding: 15px 5px;
	}	
	.pick-bth-content {
		margin-bottom:4px;
	}
	
	.nine-content.in-member	{
		margin-top:0;
		padding-top:0;
	}
	
	.nine-content.in-member	.nine-right {
		margin-top:0;
		padding-top:0;
	}
	
	.pick-btn-box.in-member	{
		margin-bottom:0;
	}
	
	.pick-bth-content-left.in-member {
		margin-top: 16px;
		margin-bottom:6px;
	}
	
	.in-member .analysis-search {
		float: right;
		margin-top: 16px;
		margin-bottom: 16px;
	}
	
	.in-member .analysis-search input {
		line-height: 48px;
		height: 48px;
		width: 280px;
	}

	
    .col-lg-3 {
        width: 50%;
    }
	
	.points-a {
		width:100%;
	}

	.points-b {
		padding-top:20px;
	}

	
}

@media screen and (max-width: 700px) {
	
    .sign-c-button {
        padding-left: 0
    }
    .band-item {
        right: 14%;
    }
	
    .act-content img {
        max-height: 180px;
    }
    .dropdown-menu-ul {
        position: absolute !important;
        background: #fff !important;
        width: 100%!important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;
        text-align: right;
    }
	
	
    .blog-view-title {
        width: 82%
    }
    .blog-time {
        width: 18%;
    }
	

	
    .blog-view-btn-ipad {
        display: block;
    }
    .ipad-wrapper-seach {
        display: none
    }
    .ipad-logo {
        width: 100%;
        text-align: center;
    }
	
	
    .pick-lightboxes-3-body div {
        width: 50%;

    }
	

    .vip-lightboxes {
        margin-top: 5%
    }
    .bth-left,
    .bth-right {
        display: none !important
    }
}



@media screen and (max-width: 693px) {
	.news-stock-table tr th:nth-child(9) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(9) {
	   display: none;
	}	

}


@media screen and (max-width: 675px) {
	
    .contact-text {
        text-align: left;
    }
    .contact-data-c-left {
        width: 100%;
        text-align: left;
    }
    .contact-data-c-right {
        width: 100%;
    }
    .contact-input-4,
    .input-hide,
    .contact-textarea {
        width: 100%
    }
    .contact-input3 {
        width: 83%
    }
    .contact-a a {
        width: 40%
    }
    .viedo-ipad-left {
        width: 100%;
        padding: 3%
    }
    .viedo-ipad-right {
        width: 100%;
        padding: 3%
    }
    .member-pick-title-left-1 {
        width: 185px;
    }
    .pick-table-content-2 a {
        left: 33px;
    }
    .pick-table-content>.pick-table-content-2>a {
        left: 33px;
    }
	
	
	.reading .col-lecture {
		width: 50%;
	}	

	.member-point-table{
		display:none;
	}

	.points-table {
		display:block;
	}	
}

@media screen and (max-width:650px) {
	
	
    .f-left li {
        width: 100%
    }
	
	
    .viedo-title:before {
        left: 47%;
    }
    .registered-ipad {
        width: 96%
    }
    .col-lg-4-act {
        width: 100%
    }
    .act-content img {
        max-height: inherit;
    }
    .payment-input-1, .payment-table-input-2 {
        width: 100%;
		min-width: auto;
    }
	
	.invoice-carrier {
		width: 100%;
	}
	
    .payment-table-div-2 span {
        padding: 0
    }
    #twzipcode1 {
        margin-bottom: 2%
    }
    #tickName {
        margin-bottom: 1.5%
    }
    .payment-ipad-span {
        display: inline-block;
    }
    .payment-ipad-span-none {
        display: none
    }
	
	#blog-menu .viedo-tab.nav-tabs li:nth-child(1n) {
        min-width: 25%;
		max-width: 25%;
	}	
	
	
	#blog-menu .viedo-tab.nav-tabs li:nth-child(4n-3) {
        min-width: calc(25% + 1px);
		max-width: calc(25% + 1px);
    }

	#blog-menu .viedo-tab.nav-tabs li:nth-child(4n) {
        min-width: calc(25% + 2px);
		max-width: calc(25% + 2px);
    }	


	.blog-right-text {
		font-size: 1.4em;
	}	
	
	.history-1-wrapper{
		width:100%;
		max-width:100%;
		min-width:100%;
	}
}

@media screen and (max-width: 640px) {
 
	.pick5-x {
		max-width:360px;
		min-width:360px;
		width: 360px;
	}

	.pick5-1 {
		max-width: calc(100% - 360px);
		min-width: calc(100% - 360px);
		width: calc(100% - 360px);
	}


	.title-on-pic2 {
		font-size: 2em;
	}

	.text-on-pic2 {
		font-size: 1.2em;
	}	
	

	.serviceDialog {
		margin: 0;
		height: 100%;
		max-height: 100%;
		width: 100%;
		max-width: 100%;
	}
	

	.swiper-slide-text-h2 {
		font-size: 16px;
		padding: 6px;
		margin-bottom: 12px;
	}
	
	.swiper-slide-text {
		top: 10%;
	}	
	
	.swiper-slide-text p{
		font-size: 14px;
	}

	
}


@media screen and (max-height: 640px) {
 
	.serviceDialog {
		margin: 0 auto;
		height: 100%;
		max-height: 100%;
	}
}


@media screen and (max-width: 630px) {
	.news-stock-table tr th:nth-child(8) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(8) {
	   display: none;
	}	



	#blog-area .ghl-container {
		padding-left: 2px;
		padding-right: 2px;
	}
	
	.footer-left {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	
	.footer-content {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		padding-left: 0;
		padding-top: 12px;
		margin-top: 24px;
		margin-bottom: 0;
		border-top: 1px solid #666;
	}


	.footer-content ul li {
		width: 25%;
		max-width: 25%;
		min-width: 25%;
	}

	.footer-left ul li {
		width: 50%;
		max-width: 50%;
		min-width: 50%;
	}	
}

@media screen and (max-width: 620px) {
    .modal-dialog {
        margin: 0 auto;
        width: 100%;
        padding: 1px;

    }
	
    .input-group p {
        padding-right: 3%
    }
    .modal-body {
        overflow: auto;
    }
    .explain_text {
        padding-left: 0
    }
	

	
    .contact-input3 {
        width: 79%;
    }
    .graphics-container {
        padding: 0 !important
    }
}

@media screen and (max-width: 600px) {

	.single-line {
		width:100%;
		margin-left: auto;
		margin-right: auto;	
	}	
	
    .band-item {
        right: 14%;
        top: -10px;
    }
    .rm-toggle.rm-button {
        top: 16px;
    }
    .tes-ipad {
        width: 100%
    }
    .deal-b-display-right p {
        width: 100%;
        margin: 0;
        line-height: 36px;
    }
    .deal-b-display-right-a {
        margin: 0
    }
    .deal-b-display-content {
        width: 100%
    }
    .deal-b-display-left {
        width: 100%;
        text-align: center;
    }
    .deal-b-display-left img {
        max-width: 60%
    }
    .registered-txt {
        padding-left: 0
    }
    .col-2 {
        width: 100%;
        text-align: left;
    }
    .registered-div-input {
        width: 30%
    }
    .col-10 {
        width: 100%;
    }
	
	
    .sign-c-margin {
        padding-left: 1%;
    }
    .right_sigin2 {
        padding-left: 2%;
        margin-top: -3%;
    }
    .nine-ul li {
        min-width: 49%;
		max-width: 50%;
		width: 50%;

    }
	
    .col-lg-3-points {
        width: 100%
    }
    .viedo-look-c-bottom img {
        max-height: inherit;
    }
    .viedo-look-c-table div {
        width: 100%;
    }
    .d_v_2 {
        text-align: center;
        width: 55%;
    }
    .a-cart,
    .a-buy {
        margin-top: 3%;
    }
    .viedo-look-c2 {
        padding-top: 8%;
    }
	

	
    .payment-page-blue {
        margin-left: 0;
		width: 48%;
		max-width: 200px;
        margin-top: 3%;		
    }
	
    .payment-page-red {
        width: 48%;
		max-width: 200px;
        margin-right: 0;
        margin-top: 3%;
    }
	
	

	.basic_check_show-left-1 {
		width: 100%;
		text-align: center;
	}
	
	.basic_check_show-left {
		width: 100%;
	}


	.tse-tab.nav-tabs li {
        min-width: 33.3333%;
		max-width: 33.3333%;
        text-align: center;
		border: 1px solid #ccc;
		margin-bottom: -1px;
		margin-right: -1px;

    }

	.tse-tab.nav-tabs li a {
		padding: 10px 2px;
    }	

	.tse-tab.nav-tabs.with-vip li {
        min-width: 50%;
		max-width: 50%;
    }	
}


@media screen and (max-width: 580px) {
	.col-lecture {
		width: 100%;
	}
	.lecture-box {
		height: auto;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.lectureItem_title {
		padding-left: 3%;
		padding-right: 3%;
		height: auto;
		min-height: 58px;
	}
	
	.lecture-box .product-right2 {
		height: auto;
	}

	.videoLookItem.viedo-height.col-lecture { 
		border-radius: 3px; 
		border: 1px solid #ccc;
	}

	.videoLookItem.viedo-height.col-lecture:hover { 
		border-radius: 3px; 
		border: 1px solid #ccc;
	}	
	
	.col-lecture .viedo-height-right-a {
		border: unset;
	}


	.swiper-slide-text-h2 {
		font-size: 14px;
		padding: 6px;
		margin-bottom: 10px;
	}
	
	.swiper-slide-text {
		top: 10%;
	}	
	
	.swiper-slide-text p{
		font-size: 12px;
		line-height: 1.3em;
	}

	.vjs-watermark {
		font-size:16px;
	}	
}

@media screen and (max-width: 556px) {
	.news-stock-table tr th:nth-child(7) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(7) {
	   display: none;
	}		


.warrants-body div{
	max-width: 50%;
	min-width: 50%;
	width: 50%;
}


	.viedo-look-c-buy.BtnsCount-2 a {
	font-size: 20px;
	}
	

	.header-hide6 {
		display: none;
	}	
}

@media screen and (max-width: 550px) {
	
    .member-collection-content-right {
        width: 100%
    }
    .member-collection-content-left {
        width: 22%;
    }
    .collection-date {
        padding-bottom: 10%;
    }
    .member-collection-content-right-right {
        width: initial;
    }
    .collection-text-right {
        width: 69%;
        height: 86px;
    }
    .pick-wrapper {
        margin-bottom: 5%;
    }

	.graphics-img-push-left {
		width: 100%;
		text-align: right;
	}
	
	.graphics-bth-red {
		width: 100%;
		text-align: center;
	}
	
	.graphics-img-push-right {
		width: 100%;
	}		

	.graphics-img-push-right a {
		width: 48%;
		margin: 1%;
	}

}

@media screen and (max-width: 539px) {

	
	.pick5-1 {
		max-width:100% !important;
		min-width:100% !important;
		width:100% !important;
	}

	.pick5-x {
		max-width:100% !important;
		min-width:100% !important;
		width:100% !important;
	}	
	
    .analysis-title-left {
        text-align: center;
        background: #dc0000;
        border-radius: 5px;
    }
	
    .analysis-title-left-1 {
        width: 100%;
        display: block;
        border-right: none;
        line-height: 50px;
        border-bottom: solid 1px #fff;
    }
    .analysis-title-left-2 {
        border-left: none;
        padding-left: 0;
        line-height: 46px;
    }

	
    .nav-pills>li>a {
        border-radius: 0;
        border: solid 1px #ccc;
        margin-top: -1px;
        text-align: center;
		padding: 10px;
    }
    .nav-pills>li+li {
        margin-left: 0px;
    }

	
    .graphics-mode ul li {
        width: 33.33333%
    }	

	.blank-a1 {
		display: none !important;
	}


	.nine-left-1 {
		float:none;
		text-align:center;
	}


	.nine-left-2 {
		float:none;
		text-align:center;
	}


	.tab-content > .tab-pane-1.active {
		display: block;
	}
	
    .pick-tab-left,
    .pick-tab-right {
        width: 100%;
		border-left: none;
		border-right: none;
    }
	
    .pick-tab-right {
        margin-top: 2em;
    }
	
	.pick-caption {
		background-color: #ddd;
		border-radius: 5px  5px 0 0;
	}
	
    .pick--nbsp {
        display: none
    }	

}



@media screen and (max-width: 520px) {
	
	
    .analysis-data-ipad-content {
        width: 100%;
		min-width:100%;
		max-width:100%;
    }

	.analysis-data-ipad-title, .analysis-data-ipad-1 {
		text-align: center;
	}
	
    .tes-ipad-none {
        display: none;
    }
    .viedo-title-content {
        width: 100%
    }
	
	
    .tab-graphics,
    .backicon,
    .graphics-close-a {
        display: block;
    }
    .bth-up,
    .bth-down,
    .bth-left,
    .bth-right {
        display: none !important;
    }
	
	
    .graphics-bth-red {
        text-align: center;
    }
    .graphics-image img {
        padding: 0 7%;
    }
    .graphics-bth-red {
        margin-top: 2%;
    }
    .pic-wrap-Analysis .tab-content>.tab-pane {
        height: 70vh;
    }
	
	#cbc {
		width: 100%;
	}
}




@media screen and (max-width: 560px) and (orientation: portrait ) {
	
    .mobile-footer2 {
		width: 100%;
		bottom: 60px;
		background: rgba(0, 0, 0, 0.6);
    }

    .mobile-footer {
        width: 100%;
    }	

	.mobile-footer2 .mobile-footer-block.first	{
		border-left: none;
	}

	footer {
		padding-bottom: 140px;
	}
	

}

@media screen and (max-width: 556px) {
	.product-info-table.query p {
		width: 100%;
		min-width:100%;
		max-width:100%;
	}	

	.member-menu-nav-ul li {
		min-width: 50%;
		max-width: 50%;
	}	
}
	
	
@media screen and (max-width: 530px) {
	.viedo-tab.nav-tabs li {
        min-width: 33.33333%;
		max-width: 33.33333%;
        text-align: center;
		border: 1px solid #ccc;
		margin-bottom:-1px;
		margin-right:-1px;
    }

	.viedo-tab.nav-tabs li a {
		padding: 10px 0;
		border-radius:0;
		margin:0;
    }

	.menu-level-2 .viedo-tab.nav-tabs li {
		border-color: #444;
    }

	.menu-level-2 .viedo-tab.nav-tabs li a {
		padding: 10px 0;
		border-radius:0;
		margin:0;
    }
	
	.menu-level-2 .viedo-tab {
		padding-top:0;
	}

	#blog-menu .viedo-tab.nav-tabs li:nth-child(1n) {
        min-width: 33.33333%;
		max-width: 33.33333%;
	}	

	#blog-menu .viedo-tab.nav-tabs li:nth-child(3n-2) {
        min-width: calc(33.33333% + 1px);
		max-width: calc(33.33333% + 1px);
    }

	#blog-menu .viedo-tab.nav-tabs li:nth-child(3n) {
        min-width: calc(33.33333% + 1px);
		max-width: calc(33.33333% + 1px);
    }


	.blog-right-text {
		font-size: 1.3em;
	}

	.product-info-table p {
		width: 100%;
		min-width:100%;
		max-width:100%;
	}	
	
}

@media screen and (max-width: 500px) {

	
	.analysis-title2 a{
		min-width: 45%;
		margin-bottom: 8px;
	}
	
	#search_title {
		width: 200px;
	}	
	
    .company-table-ipad-left,
    .company-table-ipad-left-2 {
        width: 30%;
        padding: 3% 0;
        line-height: 22px;
    }
    .company-table-ipad-right,
    .company-table-ipad-right-2 {
        width: 70%;
        padding: 3% 0;
        padding-left: 2%;
        line-height: 22px;
    }
    .analysis-title-left a {
        width: 100%;
        float: none;
        border-radius: 5px;
    }
    .analysis-title-left a:before {
        border-top: none;
        border-left: none
    }
    .analysis-title-left-2 {
        float: none;
    }
    .col-md-12,
    .col-md-8,
    .col-md-4 {
        padding: 0
    }
    .analysis-title2 {
        overflow: hidden;
        clear: both;
        padding-bottom: 0;
    }

    .band-item {
        display: none
    }
	
	
    .footer-txt {
        padding: 0 4%;
    }
	
	
    .registered-txt {
        line-height: 28px;
    }
    .act-c-vip:after {
        top: 20%;
    }
    .col-viedo {
        width: 100%;
    }
	
	.viedo-box, .videoLookItem__title {
		padding-left: 3%;
		padding-right: 3%;
		height: auto;
		min-height: 58px;
	}
	
	.product-right2 {
		height: auto;
	}
	
	.ghl-btn	 {
		font-size: 1.2em;
		width: 50%;
		padding: 8px 25px;
	}	
	
    .act-add {
        height: inherit;
        overflow: inherit;
        max-width: 345px;
        overflow: auto;
    }
    
	
    .analysis-title-left-2 {
        padding-top: 10px;
    }
	
	
    .index-tab .idxGraphics li {
        width: 50%;
    }
    .index-tab .idxGraphics li a {
        font-size: 18px;
    }

	
    .member-history-ipad {
        display: block;
    }
	
    .point-ipad-commodity-left,
    .point-ipad-commodity-right {
        width: 100%
    }
    .point-ipad-commodity-left span,
    .point-ipad-commodity-right span {
        letter-spacing: 3px;
    }

    .sentence {
        text-align: left;
        line-height: 30px;
    }

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

	
    .graphics-container {
        padding: 0
    }
    .payment-table-td-1 span {
        padding-left: 0%;
        display: block;
    }
    .payment-purchaser-ipad-span {
        display: inline-block !important;
    }
    .payment-input-1, .payment-table-input-2 {
        width: 100%;
		min-width: auto;
    }
	
    .payment2-select {
        width: 40%;
        margin-right: 2%
    }

	
    .pick-mobile-nav {
        width: 100%
    }
    .pick-bth-content-left ul li {
        width: 100%;
        margin-bottom: 3%;
        padding-right: 0;
        margin-right: 0
    }
    .pick-mobile-nav {
        margin: 0
    }
	
	
    .bth-up {
        left: 38%;
    }
    .bth-down {
        left: 38%;
    }
    .nav nav-pills tab-graphics {
        display: block !important;
    }
	
    .blog-article-right {
        display: none
    }
	
	.blog-article-content {
		margin-right: 0;
	}
	
	
    .m-o {
        margin-bottom: 7%;
    }
    .act-view-r {
        margin-top: -47px;
    }
    .viedo-look-c3 {
        line-height: 40px
    }
    .col-lg-3-viedo {
        width: 100%;
    }
    .viedo-img {
        max-width: initial;
    }
	
	
    .fb-send {
        margin-bottom: 10px
    }
    ._51mz {
        width: 100% !important;
    }
    .pick5-1-mobile {
        display: none
    }
    .pick5-2,
    .pick5-3 {
        width: 100%
    }
	
	
    .pick5-2-mobile {
        width: 50%
    }
    .pick5-span-text:after {
        display: none
    }
    .pick5-span {
        padding: 0
    }
    .pick5-1-mobile2-1 {
        width: 50%
    }
    .pick5-title {
        text-align: left;
    }
    .pick5-wrapper {
        padding-bottom: 3%;
    }
    .pick-table-content-2 a,
    .pick-table-content>.pick-table-content-2>a {
        left: 25px;
        padding-left: 20px;
    }
	
	
    .viedo-look-c-chart-img div {
        width: 100%;
    }
    .member-pick-title-left-div-mobile {
        width: 100%
    }
    .member-pick-title-left-div-mobile-text {
        width: 100%
    }
    .member-pick-title-left-1,
    .member-pick-title-left-div {
        width: 100%;
    }
    .member-pick-green {
        margin-top: 3%;
    }
	
	
    .pick--label {
        padding: 0 !important
    }


	.viedo-look-c-buy.BtnsCount-2 div:nth-child(1) {
		flex: 1;
		min-width:100%;
		max-width:100%;
		padding:0;
		text-align: center;
		margin-top: 20px;
	}
	
	.viedo-look-c-buy.BtnsCount-2 div:nth-child(2) {
		flex: 1;
		min-width:100%;
		max-width:100%;
		padding:0;
		text-align: center;
		margin-top: 6px;
		margin-bottom: 30px;
	}

	.viedo-look-c-buy.BtnsCount-1 div {
		flex: 1;
		min-width:100%;
		max-width:100%;
		padding:0;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	.viedo-look-c-buy.BtnsCount-2 a {
		font-size: 24px;
		width: 100%;
	}
	
	.viedo-look-c-buy.BtnsCount-1 a {
		font-size: 24px;
		width: 100%;
	}		

    .col-lg-3 {
        width: 80%;
        margin: 0 auto;
        float: initial;
        margin-bottom: 5%
    }	


	.blog-right-text {
		font-size: 1.2em;
	}	

}



@media screen and (max-width: 485px) {
	
	.header-hide7 {
		display: none;
	}
	
    .sign-c-line2 {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .contact-code {
        width: 50%
    }
    .mamber-pick-a {
        text-align: left;
    }

	.news-stock-table tr th:nth-child(6) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(6) {
	   display: none;
	}	

	
}


@media screen and (max-width: 480px) {


	.footer-left ul li {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}	
	
	.footer-content ul li {
		width: 33.3333%;
		max-width: 33.3333%;
		min-width: 33.3333%;
	}
	
    .f-left-img {
        width: 20%;
    }

	
    .col-lg-3 {
        width: 80%;
        margin: 0 auto;
        float: initial;
        margin-bottom: 5%
    }
    .deal-c-bottom {
        padding-bottom: 5%;
    }
    .deal-c-bottom-1 {
        padding: 2% 0;
    }
	
	
    .deal-b-display-right {
        text-align: left;
    }
    .deal-b-display-right-a {
        background: url(../images/deal-c-bottom-a2.png) center left no-repeat;
    }
    .row {
        margin: 0
    }

	
    .nav-tabs>li {
        width: 50%
    }
    .col-5 {
        width: 50%
    }

    .nine-content-txt {
        text-align: right;
        padding: 5% 0 1%;
    }
    .d_v_2 {
        width: 65%;
    }
    .blog-view-btn-ipad a {
        width: 12%;
    }
	
    .member-point-title-left {
        width: 100%;
        padding-top: 3%;
    }

    .member-point-title-right{
        width: 100%;
        padding-top: 40px;
    }
	
	.points-a{
		line-height:60px;
	}
	

	
	.analysis-title3.flex-div {
		width: 100%;

	}
	
	.analysis-title3.flex-div a {
		flex:1

	}
	
	
	.pick-bth-top-1 a, .nine-right a, .analysis-title2 a, .analysis-title3.flex-div a {
		min-width: 45%;
		margin-bottom: 8px;
	}

	.submenu-2 li:nth-child(odd) {
		margin-left:3% !important;
		margin-right:3% !important;	
	}
	
	.submenu-2 li:nth-child(even) {
		margin-left:3% !important;
		margin-right:3% !important;	
	}	
	
	
	.submenu-2 li {
		 min-width:94%;
		 max-width:94%;
		width: 94%;
	}

	.in-member .analysis-search {
		width: 100%;
	}
	
	.in-member .analysis-search input {
		width: 90%;
	}	

	.lecture-registry-left {
		width: 100%;
		text-align:left;
	}
	.lecture-registry-right {
		width: 100%;
		margin: auto;
	}


	.title-on-pic2 {
		font-size: 1.6em;
	}

	.text-on-pic2 {
		font-size: 1.2em;
	}	



}


@media screen and (max-width: 479px) {

	
	.graphics-img-push {
		width:calc(100% - 50px);
	}

	.graphics-img-push-right {
		padding-top: 4px;
	}

}


@media screen and (max-width: 465px) {
	
    .viedo-look-c3-c {
        line-height: 24px;
    }
    .titles-right input {
        height: 35px;
        width: 80%;
    }
    .banner-text {
        width: 100%;
        height: initial;
        line-height: 36px;
        padding-right: 0;
    }
    .index-bottom-text-2 h1 {
        background: none;
        width: 100%;
		line-height: 36px;
    }
    .collection-text2 {
        padding-bottom: 50px;
    }
    .member-ction h1 {
        margin-top: 8px;
    }
    .collection-text-right a {
        right: 6%;
        bottom: 4%;
        width: 90%;
        text-align: center;
    }
    .collection-text-left {
        width: 100%;
    }
    .member-collection-content-right {
        padding-left: 0
    }
    .member-collection-content {
        padding: 3%
    }
    .member-collection-content-left {
        width: 27%;
    }
    .collection-text-right {
        height: inherit;
        margin-bottom: 5%;
        width: 100%;
        line-height: 24px;
    }
    .blog-right-article h1 {
        padding-top: 8%
    }
    .viedo-ipad-right ul {
        width: 50%
    }
    .video-nav,
    .video-nav-s {
        width: 100% !important
    }
    .video-nav-s {
        text-align: center;
    }
    .viedo-ipad-right ul {
        border-bottom: solid 1px #ccc
    }
    .payment-select-img img {
        width: 60%;
    }
    .payment-select-img {
        text-align: left
    }

    .pick-lightboxes-3-body div {
        width: 100%;

    }
	
	
	.blog-top {
		width:100%;
		margin: 12px 0 10px 0;
	}
	
	.blog-top.text-right {
		text-align: center;
	}
	
	.blog-top a {
		padding: 12px 0;
		width: calc(50% - 8px);
		text-align: center;
	}
	
	.blog-v {
		float: unset;
	}


	.blog-right-img {
		display: none;
	}

	.blog-right-date {
		position:relative;
	}		
	
	.blog-right-text {
		font-size: 1.3em;
	}
	
	.blog-nav-center {
		display: none;
		width: 0;
	}

	.blog-nav-left, .blog-nav-right {
		width: 50%;
	}


	.reading .col-lecture {
		width: 100%;
	}
	

	.vjs-watermark {
		font-size:12px;
	}	
}




@media screen and (max-width: 450px) {
	.nav-child ul {
		width: 98%;
	}
	
	.ipad-seach-bth-li {
		margin-left: 1%;
	}

	
	.swiper-slide-text {
		max-width: 90%;
	}		
}


@media screen and (max-width: 425px) {
	.header-hide8 {
		display:none;
	}
	
    .pick-table-content-2 a,
    .pick-table-content>.pick-table-content-2>a {
        left: 20px;
        padding-left: 18px;
    }
    .deal-div-2,
    .deal-div-1,
    .deal-div-3 {
        width: 100%;
    }


	#search_title {
		width: 160px;
	}		
}

@media screen and (max-width: 420px) {
	
	.nav-child .second-header1 {
		width: 90%;
	}
	
	.second-header1 .logo {
		padding: 0;
	}
	
	.second-header1 .ipad-seach-bth-li {
		width: 100%;
		margin: 12px 0 8px 0;
	}
	

    .offer {
        text-align: right;
        margin-top: -24px;
    }
    .viedo-height-right-a {
        margin-top: 0
    }
	
	
    .blog-right-article h1 {
        text-align: center;
    }
	
	
    .blog-view-btn-ipad a {
        width: 12%;
    }
	
	
    .blog-time {
        width: 30%;
    }
    .blog-view-title {
        width: 70%;
    }
    .blog-right-article-right {
        text-align: left;
    }
    .index-top h1,
    .index-top h2,
    .index-bottom-text h1 {
        line-height: 38px;
    }
    .history-view-commodity-left,
    .history-view-commodity-right {
        width: 100%;
    }

    .sentence {
        border-bottom: solid 1px #ccc;
        margin-bottom: 3%;
        text-align: left;
        line-height: 20px;
    }
	
/*	member-profile-p  改為 sentence */


    .member-history-view-top div {
        line-height: 36px;
    }
    .member-history-view-bottom-text ul {
        background: none;
        padding-left: 0
    }
    .member-ction h1 {
        margin-top: 0;
    }
    .member-collection-content-right-right {
        width: 32%;
    }
    .payment-table-span-1 {
        display: block;
    }
    .payment-table-div-color span {
        padding: 0
    }
    .cart-confirm-a a {
        width: 100%
    }
    .cart-ok-page-blue {
        width: 100%;
        margin-bottom: 3%;
        line-height: 48px;
        font-size: 22px;
    }
    .cart-ok-page-red {
        width: 100%;
        line-height: 48px;
        font-size: 22px;
    }
    .cart-ok_img-pc {
        display: none
    }
    .cart-ok_img-mobile {
        display: block;
    }
    .pick-mobile-nav2 {
        width: 100%;
        margin: 1% 0;
    }
    .col-lg-3 {
        width: 100%
    }
	
	.news-stock-table tr th:nth-child(5) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(5) {
	   display: none;
	}

	.nine-right {
		width:100%;
		padding-right:0;
		padding-left:0;
	}

	.nine-right a {
		width:48%;
		margin-left: 1%;
		margin-right: 1%;
	}	
	
	.blog-article-left {
		display:none;
	}
	
	.blog-article-content {
		margin-left: 0;
	}	

	.blog-article-body>div	{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.blog-article-body>div:last-child{
		margin-top: 6px;
		border-top: 1px solid #ccc;
		padding-top: 12px;
	}
	
	
	.source {
		text-align: left;
		padding-left: 1%;
	}


	.blog-article-body>div.blog-article-content-text {
		padding-left: 1%;
		padding-right: 1%;
	}
	
	
	
	.blog-article-box {
		padding-left: 1%;
		padding-right: 1%;
	}
	

	.blog-article-content-text>div.JQellipsis {
		max-height: unset;
	}	
	
	
	.swiper-slide-text {
		display: none;
	}
	
	
	
	table.payment-table, table.payment-table tbody, table.payment-table tr, table.payment-table td {
		display: block;
	}
	
	table.payment-table td.payment-table-td-1 {
		width: 100%;
		color: #000;
		font-weight: bold;
		line-height: 1.4;
		padding-bottom: 0;
		padding-top: 24px;
	}

	table.payment-table td.payment-table-td-2 {
		line-height: 1.6;
	}
	
	table.payment-table .payment-input-desc {
		margin-left:0;
		margin-top: 8px;
		display: block;
		
	}
	

	.play-btn.shopping-cart {
		text-align: center;
	}
	
	.payment-table .lecture-btn {
		width: 46%;
		max-width: 280px;
	}


	.col-lg-6-profile #twzipcode>div {
		width: 33.3333%;
	}

	table.invoice-table {
		display: table;
	}

	table.invoice-table td	{
		display: table-cell;
	}	


	.lecture-btn.lovecode-btn {
		padding: 8px;
		display: inline-block;
		width: 136px;
		max-width: 40%;
		vertical-align: middle;
		margin-left: 5%;
	}	
	
}

@media screen and (max-width: 400px) {
	.pick-input {
		width: 120px;
	}

	
    .payment-select-1 {
        width: 100%;
        border-right: none
    }
    .payment-select-2 {
        display: none
    }
    .payment-select-content,
    .payment-select-wrapper {
        line-height: 30px;
    }
    .payment-select-1 {
        padding: 3%
    }
    .payment2-select {
        margin-right: 2%
    }		
}

@media screen and (max-width: 385px) {
 
    .contact-data-c-right span {
        padding: 0 2px;
    }
    .contact-input3 {
        width: 70%;
    }
    .contact-input-2 {
        width: 20%;
    }
	

    .sentence {
        text-align: left;
        line-height: 26px;
    }
	
    /*.member-profile-p 改為 sentence */
	
	
	.product-right {
		flex:1;
	}

	
    .payment-page-blue {
        margin-left: 0;
		width: 100%;
        max-width: 100%;
        margin-top: 3%;		
    }
    .payment-page-red {
        background: #dc0000;
		width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 3%;
    }
	
}

@media screen and (max-width: 375px) {
	
	.header-hide9 {
		display:none;
	}

	#search_title {
		width: 120px;
	}	
	
	.pick5-x-span {
		width:100%;
		text-align:center;
		padding-bottom: 8px;
	}
	
	
	.pick-input {
		width: 150px;
	}
	
	
    .col-lg-3 {
        padding: 0
    }
    .nine-blue,
    .nine-green {
        width: 49%;
        margin-bottom: 3%;
    }
    .nine-green {
        margin: 0
    }
    .act-c-vip:after {
        top: 17%;
        right: 1%
    }


	
    .a-cart,
    .a-buy {
        width: 49%;
    }
    .a-buy {
        background: url(../images/video_look_2.png) no-repeat right center;
    }
	
	
	
    .blog-view-btn-ipad {
        bottom: 8.5%
    }
	
	
    .member-collection-content-left {
        width: 32%;
    }
	
	/*
    .payment-page-blue,
    .payment-page-red {
        padding: 0
    }
	*/
	
    .pick-mobile-nav {
        width: 100%
    }
    .pick-mobile-nav1 {
        width: 100%
    }
    .pick-mobile-nav2 {
        width: 100% !important;
        margin-top: 3%
    }
    .vip-lightboxes h1 {
        font-size: 33px;
        line-height: 58px;
    }
	

	
	.news-post {
	 display:block;
	 float:right;
	 margin-right:0;
	 

	}
	
    .nav>li>a {
        padding: 10px 2px;
    }
	
	.p_r {
		width:calc(50% - 2px);

	}
	
	.sort-btn a.sort-key {
		margin: 4px 2px;
		padding: 10px 16px;
		text-align: center;
	}


	.fb-group a, .line-group-text {
		font-size: 28px;
		line-height: 60px;
	}
	
	.line-icon {
		width: 32px;
		height: 32px;
	}
}

@media screen and (max-width: 360px) {
    .col-lg-4 {
        padding: 0
    }
    footer {
        padding-bottom: 15%;
    }
    .footer-txt {
        padding: 0 2%;
    }
	
	.close-btn a {
		padding: 12px;
	}
	
}

@media screen and (max-width: 350px) {
    .sign-c-line2 {
        padding-left: 5%
    }

	.news-stock-table tr th:nth-child(4) {
	   display: none;
	}
	
	.news-stock-table tr td:nth-child(4) {
	   display: none;
	}
	
}


@media screen and (max-width: 320px) {
    .des-link {
        margin-bottom: -28px;
        line-height: 26px;
        min-height: 63px;
        font-size: 14px;
    }
    .sign-c-line2 {
        padding-left: 13%;
    }
	
    .blog-view-btn-ipad a {
        width: 16%;
    }
    .contact-data-c-right label {
        padding-left: 0%;
    }
    .member-collection-content-right-right {
        width: 40%;
    }
    .payment-table-div-1 span {
        width: 100%;
        padding: 0;
    }

	
}

@media screen and (max-width: 280px) {
   .tse-tab.nav-tabs li {
        width: 50%;
    }
}


.zoom-btn:focus { outline: none; }

.tab-content.graphics-image {
    height: 100vh;
}
.tab-content.graphics-image > .tab-pane {
    align-items: center;
    display: flex;
    height: 100vh;
    position: absolute;
    width: 100%;
}

.tab-content.graphics-image img {
    align-items: center;
    max-height: 100%;
    opacity: 0;
}
.tab-content.graphics-image > .active img {
    opacity: 1;
}

#tmp_img, #tmp_img1 { display: none !important; }


/* 
    .tab-content.graphics-image 圖形介面 tab 含圖片
        .tab-pane.active
    .graphics-seach 右下角 放大、縮小、搜尋
    .tab-graphics 圖形介面下方 選項
*/



@media screen and (max-width: 1200px) {
    .graphics-img:not(.idxGraphics) {

        top: 0;
        left: 0;
    }
    .graphics-image .tab-pane {
        opacity: 1;
    }
    .graphics-image .tab-pane.active {
        opacity: 1;
    }
}


@media screen and (max-width: 1024px) {

    .tab-content.graphics-image img {
        position: relative;
    }
	
    .banner-text {
        width: 25%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


    .pickGraphics {
         top: 0;
        padding-top: 15px;
    }
    .pickGraphics {
        margin-top: 15px;
    }
	
    
    .graphics-image img { padding:  0; }

    .pic-wrap-Analysis .tab-content>.tab-pane {
        height: 100vh;
    }
	
    .graphics-bth { display: none; }

    #showimg1 { background: none; }
    .graphics-bth-red { margin-top: 0; }
}

@media screen and (max-width: 1024px) and (orientation:landscape) {

    .pickGraphics { margin-top: 15px; }
    .graphics-seach { bottom: 3%; }
}

@media screen and (max-width: 1024px) and (min-width: 640px) and (orientation:landscape) { 

    .tab-graphics > li > a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

}

@media screen and (max-width: 736px) {

    .pickGraphics { margin-top: 15px }
}


@media screen and (max-width: 736px) and (orientation:landscape) {

    .tab-graphics > li > a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

    .graphics-img-push-left #stocknameurl { padding-left: 5%; }
}
@media screen and (max-width: 640px) {
    .swiper-button-next, .swiper-button-prev {
        height: 48px;
        line-height: 48px;
    }

    .graphics-img { position: initial; height: auto !important; }

    .idxTab .tab-content .tab-pane > img { position: initial; }
    .tab-content #home.tab-pane > img { position: initial; }

	.pick5-x {
		max-width:360px;
		min-width:360px;
		width: 360px;
	}

	.pick5-1 {
		max-width: calc(100% - 360px);
		min-width: calc(100% - 360px);
		width: calc(100% - 360px);
	}	
}





@media screen and (max-height: 820px) {

	.loginDialog.regDialog {
		margin-top:0;
		max-height:100%;
	}
	
}

@media screen and (max-height: 750px) {

	.loginDialog{
		margin-top:0;
		max-height:100%;
	}
	
}



@media screen and (max-width: 510px){

    .tab-graphics {
		border-bottom:none;
    }

	.tab-graphics>li {
		width: 33%;
	}

    .tab-graphics>li+li {
        margin-left: 0px;
    }
	
    .tab-graphics>li>a {
        border-radius: 0;
        border: solid 1px #ccc;
        margin-top: -1px;
        text-align: center;
    }	
}


@media screen and (max-height: 996px) and (max-width: 550px) and (orientation: portrait) {


    .tab-graphics {
		position: fixed;
        bottom: 10%;
		left: 40px;
		right:20px;
		border-bottom:none;
    }

	.tab-graphics>li {
		width: 33%;
	}

    .tab-graphics>li+li {
        margin-left: 0px;
    }
	
    .tab-graphics>li>a {
        border-radius: 0;
        border: solid 1px #ccc;
        margin-top: -1px;
        text-align: center;
    }	
}


@media screen and (max-height: 480px)  {
	#login_form div {
		margin-top: 6px;
	}
	
	.buttons {
		height: 38px;
		line-height: 38px;
	}

	.dialog-header {
		height:38px;
		padding-top:4px;
	}

	.dialog-body{
		top: 38px;
	}


	.sign-c-input {
		line-height: 32px;
		font-size: 1em;
	}

}



@media screen and (max-width: 530px)  {

	.sign-c-input {
		line-height: 32px;
		font-size: 1em;
	}

	.loginDialog.regDialog {
		height: 820px;
	}

    .registered-txt {
        padding-left: 0
    }
    .col-2 {
        width: 100%;
        text-align: left;
    }
    .registered-div-input {
        width: 30%
    }
    .col-10 {
        width: 100%;
    }
    .sign-c-left {
        width: 95%;
        text-align: left;
		margin-left: 4%;
    }
    
	.sign-c-right {
        width: 100%;
    }
	
	.sign-c-right2 {
		margin-top: 0 !important;
	}
	.sign-empty {
		display: none;
	}
	
    .sign-c-margin {
        padding-left: 1%;
    }
    .right_sigin2 {
        padding-left: 2%;
        margin-top: -3%;
    }

	.left-empty {
		margin-left: 10px;
	}
}


@media screen and (max-height: 480px) and (orientation: landscape){
	.land-dismiss {
		display: none;
	}
	
	.land-show {
		display: inline-block;
	}
	
	.land-cut-3 {
		width:30%;
		margin-left: 1%;
		margin-right: 1%;
	}	

	.land-67 {
		width:64%;
		margin-left: 1%;
		margin-right: 1%;
	}		
}

@media screen and (max-width: 480px) and (orientation: portrait){


	#login_form div {
		margin-top: 8px;
	}

	
    .band-item {
        right: 14%;
        top: -10px;
    }
    .rm-toggle.rm-button {
        top: 16px;
    }
    .tes-ipad {
        width: 100%
    }
    .deal-b-display-right p {
        width: 100%;
        margin: 0;
        line-height: 36px;
    }
    .deal-b-display-right-a {
        margin: 0
    }
    .deal-b-display-content {
        width: 100%
    }
    .deal-b-display-left {
        width: 100%;
        text-align: center;
    }
    .deal-b-display-left img {
        max-width: 60%
    }

	
    .col-lg-3-points {
        width: 100%
    }
    .viedo-look-c-bottom img {
        max-height: inherit;
    }
    .viedo-look-c-table div {
        width: 100%;
    }
    .d_v_2 {
        text-align: center;
        width: 55%;
    }
    .a-cart,
    .a-buy {
        margin-top: 3%;
    }
    .viedo-look-c2 {
        padding-top: 8%;
    }
	

	

	
	.out-1 { width: 100%; margin: 20px 0 0 0; display: block; }	
	
}



@media screen and (max-height: 360px)  {
	#login_form div {
		margin-top: 2px;
	}
	
}