@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.navbar-toggle, #nav-menu, .footer_nav a{
    display:none !important;
}
.navbar-header{text-align: center;}
.navbar-brand{
    padding-left:0;
    text-align: center;
}
.logo-img{
    /* margin-top:0; */
    /* filter:none; */
}
.footer{
    text-align:center;
}
.footer_row{
    justify-content:center !important;
}
.footer_copyright{
    margin-top:30px !important;
}
.logo-img{
    width:195px;
}
body, html{
	font-family: 'Open Sans', 'PingFang HK', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
}
#thankyou .btn_booking {
    display: none !important;
}
.table{
	width:100%;
	height:100%;
	display:table;	
	margin:0;
	table-layout:fixed;
}

.cell{
	display:table-cell;
	vertical-align:middle;
}

.for_pc{
	display:block !important;
}

.for_mobile{
	display:none !important;
}

.for_tablet{
	display:none;
}

.Lato{
	font-family: 'Lato', sans-serif;
}

.position_relative{
	position:relative;
}

/*--------------button------------------------*/
.button, .button *{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.button:hover, .owl-next:hover, .owl-prev:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#toTop{
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/2016_brand-launch/footer/btn_toTop.png) no-repeat center top;
	width:102px;
	height:50px;
	position:relative;
	margin-bottom:20px;
	opacity:0.6;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#toTop:before{
	content:"Back to Top";
	font-size:14px;
	color:#535353;
	padding-top:25px;
	display:inline-block;
}


.btn_book{
	background:#081a2c;
	font-size:25px;
	color:#fff !important;
	width:54px;
	height:206px;
	display:inline-block;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-163px;
	z-index:9999;
	padding:35px 13px 35px 15px;
}


.btn_layout{
	background:#626262;
	font-size:20px;
	line-height:46px;
	text-align:center;
	color:#fff !important;
	cursor:pointer;
	display:block;
	width:100%;
}
	
/*--------------button------------------------*/

/*.logo-img{
	padding-top:48px;
	display:inline-block;
}

.navbar-collapse{
	text-align:center;
}

.navbar-nav{
	margin-top:25px;
	margin-bottom:0px;
	float:none;
	text-transform:uppercase;
	display:inline-block;	
}

.navbar-toggle{
	background:#fff;
	background:rgba(255,255,255,0.7);
}

.navbar-header{
	float:none;
	display:block;	
}

.navbar-brand{
	float:none;
	width:100%;
	text-align:center;
	margin-left:0 !important;
	padding-top:0;
	padding-bottom:0;
	height:auto;
}

.navbar-nav > li{		
	position:relative;	
}

.navbar-nav > li > a{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	font-size:15px;
	padding-left:50px;
	padding-right:50px;
	margin-left:18px;
	margin-right:18px;
	display:inline-block;
	letter-spacing:1px;
}


.navbar-nav > li > a:hover{
	
}

.navbar-default .navbar-nav > li > a{
	color:#b7a682;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.current > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ 
	color:#b7a682;
	background:none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color:transparent;
}

.sub_menu{
	color:#3f3f3f;
}


.sub_menu li a {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;	
}

.sub_menu li a:hover{
	color:#777;
}

.sub_menu > span{
	padding-bottom:10px;
	display:block;
}

.header_lang_select{
	width:110px;
	height:23px;
	line-height:23px;
	font-size:13px;
	color:#fff;
	font-size:100;
	background:#9b0700;
	border:0;
}

.header_search_area{
	border:1px solid #000;
	height:22px;
}

.header_search_field{
	height:20px;
	line-height:20px;
	border:0;
	width:130px;
	padding-left:5px;
	vertical-align:top;
}

.header_search_field:focus{
	outline:0;
}

.header_search_area img{
	padding:4px 3px 4px 2px;
	vertical-align:top;
	border-left:1px solid #000;
	cursor:pointer;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
	max-height:none;
}*/

/*--------------#footer------------------------*/
/*#foo{
}

#foo.container{
	color:#535353;
	font-size:16px;
	margin:0 auto;
	position:relative;
	line-height:35px;
	padding-top:20px;
	padding-bottom:20px;
	letter-spacing:2px;	
	margin-top:50px;
}

.footer_copyright{
	font-size:14px;	
	letter-spacing:1px;
	margin-top:20px;
}

.footer_copyright:before{
	content:"";	
	border-top:1px solid #000;
	display:block;	
	padding-bottom:20px;
}

.footer_copyright a.button{
	display:inline-block !important;
	padding-left:5px;
	padding-right:5px;
}

.footer_copyright a.button:before{
	content:"|";
	display:inline-block;
	padding-right:10px;
}

.footer_icon{
	display:inline-block;
	padding-left:6px;
}

.footer_nav{
	margin-bottom:50px;
	padding-top:26px;
	padding-bottom:26px;
	text-align:center;
	background:#e8e8e8;
}

.footer_nav a{
	display:inline-block;
	font-size:16px;
	color:#000;
	padding:0px 36px 0 38px;
	padding:0 6px 0 12px;
	border-left:1px solid #000;
	line-height:16px;
}

.footer_nav a:first-child{
	border-left:0;
}

.footer_info{
	font-size:14px;
	letter-spacing:1px;
}

.footer_info span{
	display:inline-block;
	padding-right:30px;
}*/



/*--------------#footer------------------------*/
/*--------------#main------------------------*/
.btn_down {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity:100;
}
.btn_down:hover, .btn_down:focus, .btn_down:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*.navbar .container{
	padding-top:0;
	padding-bottom:0;
}*/

.Raleway{
	font-family:"Raleway";
}

.main_banner_area{	
	width:100%;
}

.main_solgan{
	font-size:20px;
	margin-top:56px;
	margin-bottom:48px;
	line-height:50px;
}

.main_solgan > span{
	display:inline-block;
}

.main_solgan .en{
	font-size:56px;	
	text-transform:uppercase;
	font-weight:200;
}

.main_box_area{
	margin-left:-8px;
	margin-right:-8px;
}

.main_box{
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
	position:relative;
}

.main_box_bg{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;	
	overflow:hidden;
	position:relative;
}

.main_box02 .main_box_bg{	
	background-color:#b5b5b5;
	background-position:right -51px top;
}

.main_box03 .main_box_bg{
	background-position:right top;
}

.main_box_relative{
	position:relative;
	width:100%;
	height:100%;
}

.main_box02, .main_box03{
	float:right;
}

.main_box01 .main_box_bg, .main_box03 .main_box_bg{
	height:0;
	padding-bottom:36%;
}

.main_box02 .main_box_bg, .main_box04 .main_box_bg{
	height:0;
	padding-bottom:72%;
}

.main_box h2{
	margin:0;
	font-size:28px;
	letter-spacing:1px;
}

.main_box h3{
	font-size:16px;
	margin-top:13px;
	margin-bottom:12px;
	text-transform:uppercase;
	letter-spacing:1px;
}

.main_box04_animation, .main_box02_animation{
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}

.main_box04_animation img{
	height:120%;
	width:auto;
	position:absolute;
	top:0;
	right:-60px;
}

.main_box04_ball_dot01{
	-webkit-animation: main_box04_ball_ani01 6000ms linear infinite;
  	animation: main_box04_ball_ani01 6000ms 6000ms linear infinite;
}

.main_box04_ball_dot02{
	-webkit-animation: main_box04_ball_ani02 6000ms linear infinite;
  	animation: main_box04_ball_ani02 6000ms linear infinite;
}


@-webkit-keyframes main_box04_ball_ani01 {
  from {
    	transform: rotate(0deg);
  	}
  	to {
    	transform: rotate(360deg);
  	}
}

@keyframes main_box04_ball_ani01 {
  from {
    	-webkit-transform: rotate(0deg);
  	}
  	to {
    	-webkit-transform: rotate(360deg);
  	}
}





@-webkit-keyframes main_box04_ball_ani02 {
  0%, 30%, 90% {
    opacity: 1;
  }

  10%, 75% {
    opacity: 0.1;
  }
}

@keyframes main_box04_ball_ani02 {
  0%, 30%, 90% {
    opacity: 1;
  }

  10%, 75% {
    opacity: 0.5;
  }
}

.main_box04_ball_dot03{
	-webkit-animation-name: main_box04_ball_ani03;
    -webkit-animation-duration: 80000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: main_box04_ball_ani03;
    -moz-animation-duration: 80000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: main_box04_ball_ani03;
    -ms-animation-duration: 80000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: main_box04_ball_ani03;
    animation-duration: 80000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.main_box04_ball_dot04{
	-webkit-animation-name: main_box04_ball_ani04;
    -webkit-animation-duration: 80000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: main_box04_ball_ani04;
    -moz-animation-duration: 80000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: main_box04_ball_ani04;
    -ms-animation-duration: 80000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: main_box04_ball_ani04;
    animation-duration: 80000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@-ms-keyframes main_box04_ball_ani03 {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes main_box04_ball_ani03 {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes main_box04_ball_ani03 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes main_box04_ball_ani03 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}



@-ms-keyframes main_box04_ball_ani04 {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(-360deg); }
}
@-moz-keyframes main_box04_ball_ani04 {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes main_box04_ball_ani04 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes main_box04_ball_ani04 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}


.btn_main_more{
	display:inline-block;
	position:relative;
	z-index:10;
}

.btn_main_more:before{
	content:"更多";
	display:inline-block;
	border:1px solid #000;
	padding:0 26px;
	line-height:23px;
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
	cursor:pointer;
}

.btn_main_more:hover:before{
	opacity:0.7;
	transition:all 0.3s linear;
}

.btn_main_more.font_white:before{
	border:1px solid #fff;
}

.main_box03{
	float:right;
}

.ani_hidden{
	visibility:hidden;
}

.ani_visible{
	visibility:visible;
}

.animated_setting{
	-webkit-animation-duration: 0.5s;
	   -moz-animation-duration: 0.5s;
	     -o-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.fadeInUp_ani{
	-webkit-animation-name:fadeInUp_ani;
	animation-name:fadeInUp_ani;
}

@-webkit-keyframes fadeInUp_ani{
	from{
		opacity:0;		
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
	}
	
	to{
		opacity:1;		
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

@keyframes fadeInUp_ani{
	from{
		opacity:0;		
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
	}
	
	to{
		opacity:1;		
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}


.dot_nav{
	position:fixed;
	left:2%;
	top:45%;
	z-index:100;
}

.dot_nav li a{
	width:10px;
	height:10px;
	border-radius:20px;
	background:#fff;
	display:inline-block;
	padding:0;
	margin:11px 0;
}

.dot_nav li.active a{
	background:#cac6a0;
}

.main_container{
	overflow:hidden;
}

.rel_banner{
	background:url(../images/relationship/HIFU-RF射頻-水光槍-banner.jpg) no-repeat center top;
	background-size:100% auto;
	line-height:40px;
	text-align:center;
	padding-top:40%;
	padding-bottom:10%;
}

.rel_banner h1{
	font-size:50px;
	font-weight:200;
}

.rel_banner p{
	margin-bottom:0;
	font-size:20px;
}

.rel_banner h4{
	font-size:30px;
	line-height:56px;
	color:#b7b193;
	font-weight:300;
}

.btn_next{
	background:url(../images/2016_brand-launch/btn_next.png) no-repeat left top;
	width:57px;
	height:30px;
	display:inline-block;
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-28px;
	z-index:200;
}

.relationship_detail{
	position:relative;
	padding-bottom:40px;
}

.relationship_detail h1{
	font-size:45px;
	letter-spacing:2px;
	margin-bottom:20px;
}

.relationship_detail h2{
	font-size:22px;
	letter-spacing:2px;
	margin-top:0;
}

.rel_con{
	padding-top:20px;
	margin-bottom:40px;
}

#relationship .click_con_area{
	border-top:0;
	border-bottom:0;
}

.rel_con_border{
	border-top:3px solid #bcb699;
	border-bottom:3px solid #bcb699;
}

.rel_click_box_area, .rel_click_box_area01 {
	padding-top:40px;
	padding-bottom:30px;
}

.rel_click_box_area01 {
	max-width:860px;
	margin:0 auto;
}
.rel_click_box_area01 .click_box {
	max-width: 280px;
}

.click_box{
	cursor:pointer;
	text-align:center;
}


.click_box_title{
	background-repeat:no-repeat;
	background-position:center center;	
	height:160px;
	background-size:cover;
}

.click_box_title{
	text-align:center;
	font-size:24px;
	color:#000;
	letter-spacing:2px;	
	position:relative;
	border:1px solid #000;
}

.click_box_title-over{
	text-align:center;
	font-size:24px;
	color:#fff;
	letter-spacing:2px;
	line-height:60px;
	height:60px;
	position:relative;
	border:1px solid #000;
	background:#b8b395;
}

.click_box_title-over:before, .click_box_title-over:after{
	display:none;
}

.click_box_title:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:0%;
	height:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-transition:all 0.3s cubic-bezier(.6,0,.3,1);
	transition:all 0.3s cubic-bezier(.6,0,.3,1);
	
}


.click_box_title:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:0%;
	/*border-left:1px solid #b7b193;
	border-right:1px solid #b7b193;*/
	border-left:1px solid #000;
	border-right:1px solid #000;
	-webkit-transition:all 0.3s cubic-bezier(.6,0,.3,1);
	transition:all 0.3s cubic-bezier(.6,0,.3,1);
}



.rel_click_box01 .btn_click_box_arrow, .rel_click_box02 .btn_click_box_arrow, .rel_click_box03 .btn_click_box_arrow, .rel_click_box04 .btn_click_box_arrow {
	opacity:0;
}



.click_box_title01, .click_box_title02, .click_box_title03{
	text-align:center;
	color:#000;
	font-size:46px;
	letter-spacing:4px;
	line-height:164px;
	height:164px;
	background-size:cover !important;
	text-shadow:0px 0px 4px #fff;
	position:relative;
	border:1px solid #000;
}



.selected .click_box_title:before, .click_box:hover .click_box_title:before{
	width:100%;
}

.selected .click_box_title:after, .click_box:hover .click_box_title:after{
	height:100%;
}

.selected .btn_click_box_arrow, .click_box:hover .btn_click_box_arrow{
	opacity:1;
}
	

.btn_click_box_arrow{
	background:url(../../../醫學美容/images/main/btn_next.png) no-repeat center top;
	background-size:cover;
	width:34px;
	height:18px;
	display:inline-block;
	margin-top:30px;
	opacity:0.25;
}

.rel_click_box .click_box_title{
	color:#000;
}

.rel_click_box_area01 .click_box_title{	
	height:auto !important;
	line-height:60px;
	height:60px;
}
	
.click_con_area{
	border-top:3px solid #bcb699;
	border-bottom:3px solid #bcb699;
}

#rel_con00a{
	background:url(../images/relationship/HIFU-RF射頻-水光槍bg00a.jpg) no-repeat center 100%;
	background-size:cover;
}

#rel_con00b{
	background:url(../images/relationship/HIFU-RF射頻-水光槍bg00b.jpg) no-repeat center 100%;
	background-size:cover;
}

#rel_con00c{
	background:url(../images/relationship/HIFU-RF射頻-水光槍bg00c.jpg) no-repeat center 100%;
	background-size:cover;
}

#rel_con01a{
	background:url(../images/relationship/HIFU-RF射頻-水光槍bg01a.jpg) no-repeat center top;
	/*background-size:cover;*/
}



#rel_con01, #rel_con02, #rel_con03 {
	background:#fcfbf7;
}

#rel_con01a img{
	margin-bottom:30px;
}
	
/*	
#rel_con01{
	background:url(../images/relationship/rel_bg01.jpg) no-repeat center top;
	background-size:cover;
}

#rel_con02{
	background:url(../images/relationship/rel_bg02.jpg) no-repeat center top;
	background-size:cover;
}

#rel_con03{
	background:url(../images/relationship/rel_bg03.jpg) no-repeat center top;
	background-size:cover;
}

*/
	

#dot_bn_01, #dot_bn_02, #dot_bn_03 {
	border-radius:40px;
	border:1px solid #b8b395;
	background:#fff;
	height:20px;
	width:20px;
	margin:10px;
	float:left;
	cursor:pointer;
}
#dot_bn_01:hover, #dot_bn_02:hover, #dot_bn_03:hover {
	background:#e2dfcf;
}
.dot_bn_active {
	background:#b8b395 !important;
}


.rel_con_padding{
	padding-top:32px;
	padding-top:11%;
	margin-top:30px;
	margin-left:110px;
	margin-right:110px;
	font-size:18px;
	line-height:36px;
	border-top:3px solid #c8c3ad;
}

.rel_con_no{
	position:absolute;
	top:-37px;
	left:-40px;
	font-size:40px;
	color:#b7b193;
}

.rel_con_no:after{
	content:"";
	position:absolute;
	top:10px;
	right:-12px;
	-webkit-transform:rotate(25deg);
	transform:rotate(25deg);
	border-left:1px solid #b7b193;
	height:51px;
}

.rel_con h3{
	font-size:30px;
	color:#b7b193;	
	position:relative;
	letter-spacing:2px;
	margin-top:35px;
	margin-bottom:0;
}

.rel_con h3 span.en{
	font-size:20px;
	line-height:40px;
}

.rel_con h4{
	font-size:34px;
	color:#b7b193;
	margin-top:35px;
	margin-bottom:0;
}

.rel_con h4 span.en{
	font-size:24px;
	line-height:42px;
}


.rel_con_ps{
	font-size:18px;
	color:#959595;
	margin-top:35px;
	position:relative;
	padding-left:16px;
}

.rel_con_ps:before{
	content:"*";
	position:absolute;
	left:0px;
	top:0px;
}

.rel_con_ul{
	margin-left:-15px;
}

.rel_table_section{
	background:url(../images/relationship/rel_bg01b.jpg) no-repeat bottom center; 
	background-size:cover;
	padding-bottom:150px;
}

.rel_table_th{
	line-height:67px;
	background:#000;
	width:100%;
	max-width:900px;
	margin:30px auto 0 auto;
	position:relative;
	color:#fff;
	font-size:20px;
	margin-bottom:3px;
}

.rel_table_tr:nth-child(even){
	line-height:67px; 
	background:#eee;
	width:100%; 
	max-width:900px; 
	margin:0 auto; 
	position:relative; 
	color:#000;
	font-size:20px; 
	margin-bottom:3px;
}

.rel_table_tr:nth-child(odd){
	line-height:67px; 
	background:#fff;
	width:100%; 
	max-width:900px; 
	margin:0 auto; 
	position:relative; 
	color:#000;
	font-size:20px; 
	margin-bottom:3px;
}

.rel_plan_subtitle{
	font-size:27px;
	line-height:45px !important;
	letter-spacing:2px;
}

.rel_plan_subtitle big, .safety_con_subtitle big{
	font-size:40px;
}

.rel_plan_box{
	text-align:center;
	cursor:pointer;
	margin-bottom:30px;
	padding-left:7px;
	padding-right:7px;
}

.rel_plan_box:nth-child(2){
	animation-delay:0.3s;
}

.rel_plan_box:nth-child(3){
	animation-delay:0.6s;
}

.rel_plan_box:nth-child(4){
	animation-delay:0.9s;
}

.rel_plan_img{
	margin-bottom:20px;
}	

.rel_plan_btn{
	font-size:32px;
	line-height:42px;
	background:#b7b092;
	color:#fff !important;
	text-align:center;
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	margin-bottom:10px;
	letter-spacing:2px;
}

.rel_plan_desc{
	font-size:22px;
	line-height:28px;
	color:#fff;
	background:#b7b092;
	padding:40px 15px 20px 15px;
	max-width:227px;
	margin:0 auto;
	position:relative;
	transform:translateY(-20px);
	opacity:0;
	transition:all 0.3s linear;
}

.rel_plan_box:hover .rel_plan_desc, .rel_plan_box.active .rel_plan_desc{
	opacity:1;
	transform:none;
}

.rel_plan_desc .glyphicon{
	position:absolute;
	top:10px;
	left:45%;
	z-index:2;
}
	
.id_anchor{
	padding-top:100px;
	margin-top:-100px;
	display:block;
}

.safety_banner{
	background:url(../images/safety/banner.jpg) no-repeat center top;
	padding-bottom:6%;
	text-align:center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

.safety_banner > *{
	position:relative;
	z-index:11;
}

.safety_banner_ball01{
	position:absolute;
	width:100%;
	max-width:615px;
	left:-206px;
	top:-171px;
	left:-15%;
	top:-13%;
	z-index:10;
	-webkit-animation: main_box04_ball_ani03 80000ms infinite linear;
	animation: main_box04_ball_ani03 80000ms infinite linear;
}

.safety_banner_ball02{
	position:absolute;
	width:100%;
	max-width:615px;
	right:-389px;
	bottom:-398px;
	right:-28%;
	bottom:-29%;
	z-index:10;
	-webkit-animation: main_box04_ball_ani04 80000ms infinite linear;
	animation: main_box04_ball_ani04 80000ms infinite linear;
}

.safety_banner h1{
	font-size:45px;
	letter-spacing:2px;
	margin-bottom:2%;
}

.safety_banner p{
	font-size:20px;
	line-height:40px;
	margin-bottom:0;
}

.safety_click_box_area{
	padding-top:30px;
	padding-bottom:30px;
}

.safety_click_box_area .click_box_title{
	border:0;
}

.safety_click_box_area .click_box_title:before{
	border-top:1px solid #b7b193;
	border-bottom:1px solid #b7b193;
}

.safety_click_box_area .click_box_title:after{
	border-left:1px solid #b7b193;
	border-right:1px solid #b7b193;
}


.safety_con_no{
	position:absolute;
	top:18px;
	left:25px;
	font-size:40px;
	color:#b7b193;
}

.safety_con_no:after{
	content:"";
	position:absolute;
	top:10px;
	right:-12px;
	-webkit-transform:rotate(25deg);
	transform:rotate(25deg);
	border-left:1px solid #b7b193;
	height:51px;
}

.safety_con_title{
	font-size:45px;
	letter-spacing:0px;
	margin-top:28px;
	margin-bottom:48px;
}

.safety_con_title .en{
	font-size:50px;
}

#safety_con01 .safety_con_title{
	margin-top:7%;
}


.safety_con_subtitle{
	font-size:30px;
	letter-spacing:2px;
	margin-bottom:20px;
}

.safety_con_headline{
	font-size:30px;
	letter-spacing:2px;
	margin-bottom:15px;
}

.safety_con_p{
	font-size:18px;
	line-height:40px;
	margin-bottom:0;
}

.safety_con section{
	position:relative;
	padding-top:22px;
	padding-bottom:120px;
}

.safety_con_section02 .safety_con_bg{
	background:url(../images/safety/box01_bg01.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
}

.safety_con03_section01 .safety_con_bg{
	background:url(../images/safety/box03_bg02.jpg) no-repeat center top;
	background-size:cover;
	padding-bottom:10px;
}

.safety_con_text{
	padding-top:8%;
	padding-bottom:8%;
}

.safety_con_text {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.safety_con_section03 .safety_con_bg{
	background:url(../images/safety/box01_bg02.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
}

.safety_con section:last-child{
	padding-bottom:35px;
}

.safety_skin_box{
	position:relative;
}

.safety_skin_box:before{
	content:"";
	position:absolute;
	right:-28px;
	top:130px;
	background:url(../images/2016_720Landing/btn_next.png) no-repeat left top;
	background-size:cover;
	width:56px;
	height:28px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

.safety_skin_box:nth-child(3):before{
	display:none;
}

.safety_doctor_box{
	text-align:center;
	font-size:20px;
	padding-bottom:40px;
	padding-top:40px;
}

.safety_doctor_box img{
	padding-bottom:18px;
}

.safety_doctordetail{
	font-size:20px;
}

.safety_cert{
	padding-top:60px;
}

.safety_con_section01{
	position:relative;
	overflow:hidden;
}

.safety_con_section02{
	padding-top:0 !important;
}

.logo_gp > div > div {
    padding-bottom: 40px;
}

/*.safety_con_section04 .safety_con_title, .safety_con03_section03 .safety_con_headline{
	margin-top:0;
	margin-bottom:20px;
	padding-top:0;
}



.safety_quote{
	font-size:32px;
	color:#b7b193;
	margin-bottom:25px;
	display:inline-block;
	position:relative;
}

.safety_quote:before{
	content:"";
	width:13px;
	height:23px;
	background:url(../images/safety/icon_quote.png) no-repeat left top;
	position:absolute;
	left:-20px;
	top:0px;
}

.safety_quote:after{
	content:"";
	width:13px;
	height:23px;
	background:url(../images/safety/icon_quote.png) no-repeat left top;
	position:absolute;
	right:-20px;
	top:0px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}



.safety_720box01{
	background:url(../images/safety/box02_img05.png) no-repeat center center;
}

.safety_720box02{
	background:url(../images/safety/box02_img06.png) no-repeat center center;	
}

.safety_720box01, .safety_720box02{
	background-size:contain;
	text-align:center;
}

.safety_720box01 .table, .safety_720box02 .table{
	height:469px;
}

.safety_con_subtitle02{
	font-size:32px;
	font-weight:400;
}


.safety_box03_img03, .safety_box01_img01, .safety_box01_img02{
	position:relative;
}

.safety_box03_img03 img:first-child, .safety_box01_img01 img:first-child, .safety_box01_img02 img:first-child{
	position:relative;
	z-index:2;
}

.safety_box03_img03_bg, .safety_box01_img01_bg, .safety_box01_img02_bg{
	position:absolute;
	max-width:100%;
	right:-57px;
	bottom:-111px;
	z-index:0;
}

.safety_box01_img01_bg{
	position:absolute;
	max-width:100%;
	left:-68px;
	top:-108px;
	z-index:0;
}

.safety_box01_img02_bg{
	position:absolute;
	max-width:100%;
	right:-57px;
	bottom:-126px;
	z-index:0;
}
*/
.about_banner, .main_banner_area{
	position:relative;
}

.about_banner:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-28px;
	border-bottom:28px solid white;
	border-left:28px solid transparent;
	border-right:28px solid transparent;
}

.main_banner_area:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-45px;
	border-bottom:45px solid white;
	border-left:45px solid transparent;
	border-right:45px solid transparent;
}

.about_title{
	font-size:45px;
	letter-spacing:2px;
	margin-top:52px;
	margin-bottom:52px;
}

.about_subtitle{
	font-size:30px;
	margin-top:45px;
	margin-bottom:45px;
	font-weight:500;
	letter-spacing:2px;
}

.about_ul{
	font-size:22px;
	line-height:44px;
	margin-top:40px;
}

section.about_con{
	padding-bottom:88px;
	position:relative;
	padding-top:60px;
	padding-top:22px;
	padding-bottom:120px;

}

section.about_con:first-child{
	padding-top:0;
}


section.about_con:last-child{
	padding-bottom:0;
}

.about_address_border{
	background:#efefef;
	border-top:3px solid #b7b193;
	border-bottom:3px solid #b7b193;
	position:relative;
}

.about_map_area{
	position:absolute;
	right:0;
	top:0;
	height:100%;
}

.about_address_border iframe{
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	left:0;
	bottom:0;
}

.btn_about_map{
	display:inline-block;
	font-size:23px;
	margin-bottom:35px;
	line-height:44px;
	cursor:pointer;
}

.btn_about_map_close{
	position:absolute;
	right:0px;
	top:-34px;
	z-index:15;
	font-size:16px;
	display:inline-block;
	cursor:pointer;
	border:1px solid #b7b193;
	padding:4px 10px;
}

.about_info{
	font-size:18px;
	line-height:38px;
	margin-bottom:40px;
}

.about_con p{
	font-size:18px;
	line-height:38px;
	margin-bottom:34px;
}

.sharing_banner h1{
	font-size:50px;
	font-weight:400;
	margin-top:70px;
}

.sharing_banner h2{
	font-size:30px;
	margin-top:28px;
	margin-bottom:20px;
	font-weight:300;
}

.sharing_banner p{
	font-size:18px;
	line-height:38px;
}

div.periodic_table #container{
	position:absolute;
	top:0%;
	left:0%;
	z-index:0;
	width:100%;
	height:100%;
	opacity:0.2;
}

.periodic_table #container > div{
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}

.periodic_table a {
	color: #ffffff;
}

.periodic_table #menu {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
.periodic_table .element {
	width: 120px;
	height: 160px;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
	border: 1px solid rgba(0,0,0,0.8);
	text-align: center;
	cursor: default;
	background-color:rgba(0, 0, 0, 0.333333) !important;
}
.periodic_table .element:hover {
	box-shadow: 0px 0px 12px rgba(0,0,0,0.75);
	border: 1px solid rgba(0,0,0,0.8);
}
.periodic_table .element .number {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 12px;
	color: rgba(255,255,255,0.75);
}
.periodic_table .element .symbol {
	position: absolute;
	top: 40px;
	left: 0px;
	right: 0px;
	font-size: 50px;
	font-weight: bold;
	color: rgba(255,255,255,0.75);
	text-shadow: 0 0 10px rgba(255,255,255,0.95);
}
.periodic_table .element .details {
	position: absolute;
	bottom: 15px;
	left: 0px;
	right: 0px;
	font-size: 12px;
	color: rgba(255,255,255,0.75);
}
.periodic_table button {
	color: rgba(255,255,255,0.75);
	background: transparent;
	outline: 1px solid rgba(246,255,0,0.75);
	border: 0px;
	padding: 5px 10px;
	cursor: pointer;
}
.periodic_table button:hover {
	background-color: rgba(0,255,255,0.5);
}
.periodic_table button:active {
	color: #000000;
	background-color: rgba(255,255,255,0.75);
}

#canvas{
	position:absolute; 
	width:100%; 
	height:100%; 
	left:0; 
	top:0;
}

.canvas_area{
	width:100%; 
	height:0px; 
	padding-bottom:55%; 
	position:relative;
}

.logo720{
	position:absolute;
	left:0px;
	top:25px;
	z-index:10;
}

#waterballAnimation{
	position:absolute; 
	right: 3%; 
	top: 12%; 
	width: 63%;
}

.btn_periodictable_close{
	background:#c0b595;
	position:fixed;
	right:0;
	top:0;
	z-index:999;
	padding:0 20px;
	line-height:30px;
}

/*.btn_gold{
	border:1px solid #b7b093;
	color:#b7b093 !important;
	font-size:24px;
	line-height:47px;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	letter-spacing:2px;
}*/


#thankyou #form_box{
	font-size:18px;
	line-height:36px;
}

.xr_button{
	/*background:url(../../../images/xr/xr_button.jpg) no-repeat center top !important;
	background-size:cover !important;
	border-top-left-radius:5px !important;
	border-top-right-radius:5px !important;
	color:#666 !important;*/
	position:relative;
}

.xr_button:after{
	content:"NEW";
	position:absolute;
	right:-15px;
	top:-10px;
	font-size:12px;
	color:#b11d01;
	animation:xr_button_after 1.2s linear infinite;
}

.xr_button:before{
	display:none;
}

@keyframes xr_button_after{
	0%, 5%, 35% {
    	opacity: 0.5;
	}
	10%, 30%, 40%, 60%, 100% {
		opacity: 1;
	}
}

.icon_ws {
    position: fixed;
    right: 15px;
    bottom: 10px;
	width:70px;
	height:70px;
	background:url(../../../images/main/icon_whatapps.png) no-repeat center center/100% 100%;
	z-index:50;
}

.form_dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #645f64;
    margin-left: 15px;
    margin-right: 13px;
    display: inline-block;
}

.form_dots span.blue {
    background: #c0b595;
}



/*now*/



.btn_close{
	position:absolute;
	bottom:8%;
	left:50%;
	width:55px;
	height:55px;
	margin-left:-27px;
	z-index:100;
	cursor:pointer;
	background:url(../images/main/btn_close.png) no-repeat left top;
}

.no_wrap{
	white-space:nowrap;
}

.owl-item{
	cursor:move;
}

.owl-nav{
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:0;
	width:100%;
}

.owl-nav .owl-prev{
	position:absolute;
	top:0;
	left:0px;
	width:47px;
	height:75px;	
	line-height:75px;
	z-index:10;
	text-align:center;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.owl-nav .owl-prev:before{
	content:'';
	background:url(../../../images/2016_720Landing/slider_prev.png) no-repeat left top;
	background:url(../../../images/aboutus/slider_prev.png) no-repeat left top;
	width:47px;
	height:75px;		
	display:inline-block;
}

.owl-nav .owl-next{
	position:absolute;
	top:0;
	right:0px;
	width:47px;
	height:75px;	
	line-height:75px;
	z-index:10;
	text-align:center;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.owl-nav .owl-next:before{
	content:'';
	background:url(../../../images/2016_720Landing/slider_next.png) no-repeat left top;
	background:url(../../../images/aboutus/slider_next.png) no-repeat left top;
	width:47px;
	height:75px;
	display:inline-block;	
	
}

.owl-nav .owl-next:hover, .owl-nav .owl-prev:hover{
	filter: alpha(opacity=70);
	opacity:0.7;	
}

.owl-dots{	
	margin-left:-10px;
}

.owl-dot{
	display:inline-block;	
}

.owl-dot span{
	background:#cfcec5;
	border:0;
	cursor:pointer;
	display:block;
	width:100%; 
	height:0; 
	padding-bottom:71%; 
	border-radius:0; 
	margin:0;
	background-size:cover;
	background-position:center center;
	box-sizing:border-box;
	position:relative;
	border:0px solid #aba68a;
	transition:all 0.6s linear;
}

.owl-dot.active span:before{
	border:2px solid #aba68a;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.owl-carousel .owl-controls .owl-dot {
	float: left; 
	padding: 8px 0px 8px 10px;
}

.rel_slider .owl-dots{
	margin:0;
	position:absolute;
	bottom:50px;
	left:-5px;
	width:100%;
	text-align:center;
}

.rel_slider.owl-carousel .owl-controls .owl-dot{
	float:none;
	margin:0 8px 0 10px;
}

.rel_slider.owl-carousel .owl-controls .owl-dot span{
	width:19px;
	height:19px;
	border-radius:50%;
	background:#fff;
	border:1px solid #b8b395;
}

.rel_slider.owl-carousel .owl-controls .owl-dot.active span:before{
	display:none;	
}

.rel_slider.owl-carousel .owl-controls .owl-dot.active span{
	background:#b8b395;
}

.rel_con01_hr{
	border-bottom: 1px solid #000; 
	margin:60px 60px;  
	height:0px; 
	clear:both;
}
	
.sitemap_ul{
	margin-top:50px;
}

.sitemap_ul, .sitemap_ul ul{
	text-align:center;
	list-style:none;
	margin-left:-40px;
}

.sitemap_ul > li{
	display:block;	
	margin-bottom:60px;
}

.sitemap_ul > li > a{
	font-size:30px;
	letter-spacing:6px;
	color:#b7b193;
	position:relative;
}

.sitemap_ul > li > a:before{
	content:"";
	position:absolute;
	bottom:-30px;
	left:50%;
	width:40px;
	margin-left:-20px;
	height:1px;
	background:#b7b193;
}

.sitemap_ul ul{
	margin-top:25px;
}

.sitemap_ul ul li{
	font-size:22px;
	letter-spacing:2px;
	display:inline-block;
	padding-left:40px;
	padding-right:40px;
}

.sitemap_ul a{
	transition:all 0.3s linear;
}

.sitemap_ul a:hover{
	opacity:0.8;
}
	
#cover_banner {
	display: block;
}
#cover_banner_m {
	display: none;
}

.table_section{
	border-bottom:3px solid #b7b193;
	background:url(../../../images/safety/table_bg.jpg) no-repeat center top;
	background-size:cover;
	padding-top:55px;
	padding-bottom:70px;
	font-size:24px;
	line-height:41px;
}

.safety_table{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.safety_table .table_tr, .safety_table .table_th{
	background:#eeeeee;
	position:relative;
	border-bottom:2px solid #fff;
}


.safety_table .table_tr:last-child{
	border-bottom:0;
}


.safety_table .table_tr td, .safety_table .table_th td{	
	padding-top:15px;
	padding-bottom:15px;
	font-size:22px;
	line-height:34px;
	color:#232323;
	border-right:2px solid #fff;
}

.safety_table .table_tr td:nth-child(1){
	color:#b8b395;
}

.safety_table .table_tr td:last-child{
	border-right:0;
}

.safety_table .table_th td{
	color:#fff;
	background:#b8b395;
}

.safety_table .table_th td:last-child{
	background:#898989;
	border-right:0;
}

.safety_table02 .table_tr td{	
	vertical-align:top;
}


.safety_table.safety_table02 .table_tr td:nth-child(1){
	vertical-align:middle;
}

.safety_table .font_light{
	color:#898989;
}

.safety_table img{
	vertical-align:middle;
	margin-top:-5px;
	margin-bottom:0 !important;
}

.safety_table .table_tr td:nth-child(1) img{
	padding-right:14%;
}

.rel_click_box_area, .rel_click_box_area01 {
	padding-top:40px;
	padding-bottom:30px;
}

.rel_click_box_area01 {
	max-width:860px;
	margin:0 auto;
}
.rel_click_box_area01 .click_box {
	max-width: 280px;
}

.click_box{
	cursor:pointer;
	text-align:center;
}


.click_box_title{
	background-repeat:no-repeat;
	background-position:center center;	
	background-size:cover;
}

.click_box_title{
	text-align:center;
	font-size:24px;
	color:#000;
	line-height:40px;
	position:relative;
	border:1px solid #000;
}

.click_box_title-over, .click_box.selected .click_box_title{
	color:#fff;
	position:relative;
	border:1px solid #000;
	background:#b8b395;
}

.click_box_title-over:before, .click_box_title-over:after, .selected .click_box_title:before, .selected .click_box_title:after{
	display:none;
}

.click_box_title:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:0%;
	height:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-transition:all 0.3s cubic-bezier(.6,0,.3,1);
	transition:all 0.3s cubic-bezier(.6,0,.3,1);
	
}


.click_box_title:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:0%;
	/*border-left:1px solid #b7b193;
	border-right:1px solid #b7b193;*/
	border-left:1px solid #000;
	border-right:1px solid #000;
	-webkit-transition:all 0.3s cubic-bezier(.6,0,.3,1);
	transition:all 0.3s cubic-bezier(.6,0,.3,1);
}



.rel_click_box01 .btn_click_box_arrow, .rel_click_box02 .btn_click_box_arrow, .rel_click_box03 .btn_click_box_arrow {
	opacity:0;
}



.click_box_title01, .click_box_title02, .click_box_title03{
	text-align:center;
	color:#000;
	font-size:46px;
	letter-spacing:4px;
	line-height:164px;
	height:164px;
	background-size:cover !important;
	text-shadow:0px 0px 4px #fff;
	position:relative;
	border:1px solid #000;
}



.selected .click_box_title:before, .click_box:hover .click_box_title:before{
	width:100%;
}

.selected .click_box_title:after, .click_box:hover .click_box_title:after{
	height:100%;
}

.selected .btn_click_box_arrow, .click_box:hover .btn_click_box_arrow{
	opacity:1;
}
	

.btn_click_box_arrow{
	background:url(../../../images/main/btn_next.png) no-repeat center top;
	background-size:cover;
	width:34px;
	height:18px;
	display:inline-block;
	margin-top:30px;
	opacity:0.25;
}

.rel_click_box .click_box_title{
	color:#000;
}

.rel_click_box_area01 .click_box_title{	
	height:auto !important;
	line-height:60px;
	height:60px;
}
	

.click_con_area{
	border-top:3px solid #bcb699;
	border-bottom:3px solid #bcb699;
}

#rel_con01a{
	background:url(../../../images/relationship/rel_bg01a.jpg) no-repeat center top;
	/*background-size:cover;*/
}

.rel_con{
	padding-top:20px;
	margin-bottom:40px;
}

#rel_con01, #rel_con02, #rel_con03 {
	background:#fcfbf7;
}

#rel_con01a img{
	margin-bottom:30px;
}

#dot_bn_01, #dot_bn_02, #dot_bn_03 {
	border-radius:40px;
	border:1px solid #b8b395;
	background:#fff;
	height:20px;
	width:20px;
	margin:10px;
	float:left;
	cursor:pointer;
}
#dot_bn_01:hover, #dot_bn_02:hover, #dot_bn_03:hover {
	background:#e2dfcf;
}
.dot_bn_active {
	background:#b8b395 !important;
}


.rel_con_padding{
	padding-top:32px;
	padding-top:11%;
	margin-top:30px;
	margin-left:110px;
	margin-right:110px;
	font-size:18px;
	line-height:36px;
	border-top:3px solid #c8c3ad;
}

.rel_con_slider_no{
	font-size:90px;
	line-height:95px;
	font-weight:100;
	position:relative;
	z-index:3;
}

.rel_con_slider_title{
	font-size:22px;
	position:relative;
	z-index:3;
}

.rel_con_no{
	position:absolute;
	top:-37px;
	left:-40px;
	font-size:40px;
	color:#b7b193;
}

.rel_con_no:after{
	content:"";
	position:absolute;
	top:10px;
	right:-12px;
	-webkit-transform:rotate(25deg);
	transform:rotate(25deg);
	border-left:1px solid #b7b193;
	height:51px;
}


.rel_slider_con h3, .rel_con h3{
	font-size:30px;
	color:#b7b193;	
	position:relative;
	letter-spacing:2px;
	margin-top:30px;
	margin-bottom:0;
}

.rel_slider_con h3 span.en{
	font-size:20px;
	line-height:40px;
}

.rel_con h4, .rel_slider_con h4{
	font-size:34px;
	color:#b7b193;
	margin-top:35px;
	margin-bottom:0;
}

.rel_con h4 span.en, .rel_slider_con h4 span.en{
	font-size:24px;
	line-height:42px;
}


.rel_con_ps{
	font-size:14px;
	line-height:20px;
	color:#959595;
	color:#7b7b7b;
	margin-top:35px;
	position:relative;
	padding-left:16px;
}

.rel_con_ps:before{
	content:"*";
	position:absolute;
	left:0px;
	top:-5px;
	line-height:30px;
}

.rel_con_ul{
	margin-left:-15px;
	position:relative;
}

.rel_table_section{
	background:url(../../../images/relationship/rel_bg01b.jpg) no-repeat bottom center; 
	background-size:cover;
	padding-bottom:150px;
}

.rel_table_th{
	line-height:67px;
	background:#000;
	width:100%;
	max-width:900px;
	margin:30px auto 0 auto;
	position:relative;
	color:#fff;
	font-size:20px;
	margin-bottom:3px;
}

.rel_table_tr:nth-child(even){
	line-height:67px; 
	background:#eee;
	width:100%; 
	max-width:900px; 
	margin:0 auto; 
	position:relative; 
	color:#000;
	font-size:20px; 
	margin-bottom:3px;
}

.rel_table_tr:nth-child(odd){
	line-height:67px; 
	background:#fff;
	width:100%; 
	max-width:900px; 
	margin:0 auto; 
	position:relative; 
	color:#000;
	font-size:20px; 
	margin-bottom:3px;
}

.rel_plan_subtitle{
	line-height:45px !important;
	letter-spacing:2px;
}

.rel_plan_subtitle big, .safety_con_subtitle big{
	font-size:40px;
}

.rel_plan_box{
	text-align:center;
	cursor:pointer;
	margin-bottom:30px;
	padding-left:7px;
	padding-right:7px;
}

.rel_plan_box:nth-child(2){
	animation-delay:0.3s;
}

.rel_plan_box:nth-child(3){
	animation-delay:0.6s;
}

.rel_plan_box:nth-child(4){
	animation-delay:0.9s;
}

.rel_plan_img{
	margin-bottom:20px;
}	

.rel_plan_btn{
	font-size:32px;
	line-height:42px;
	background:#b7b092;
	color:#fff !important;
	text-align:center;
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	margin-bottom:10px;
	letter-spacing:2px;
}

.rel_plan_desc{
	font-size:22px;
	line-height:28px;
	color:#fff;
	background:#b7b092;
	padding:40px 15px 20px 15px;
	max-width:227px;
	margin:0 auto;
	position:relative;
	transform:translateY(-20px);
	opacity:0;
	transition:all 0.3s linear;
}

.rel_plan_box:hover .rel_plan_desc, .rel_plan_box.active .rel_plan_desc{
	opacity:1;
	transform:none;
}

.rel_plan_desc .glyphicon{
	position:absolute;
	top:10px;
	left:45%;
	z-index:2;
}

.rel_graph_area{	
	position:relative;
	max-width:1130px;
	margin:0 auto;
	margin-bottom:50px;
}

.rel_graph_text{
	font-size:40px;
	line-height:40px;
	position:absolute;
	right:5px;
	bottom:84.8%;
	margin-right:25%;
	opacity:0;
	transition:all 0.8s ease-out;
}

.rel_graph_area.active .rel_graph_text{
	margin-right:0;
	opacity:1;
}

.rel_slider_con:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#dfdedb;
	z-index:2;
	-webkit-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
}


.active .rel_slider_con:before{
	opacity:0;
	-webkit-transition:all 0.3s linear 1.5s, z-index 0s 3s;
	transition:all 0.3s linear 1.5s, z-index 0s 3s;
	z-index:0;	
}

.rel_slider_con:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#f6f5f1;
	z-index:-1;
	-webkit-transition:all 1s linear 2s;
	transition:all 1s linear 2s;
	opacity:1;
}

.active .rel_slider_con:after{
	opacity:0;
}

.rel_con_slider_no{	
	transition:all 0s linear 0s;
	
	-webkit-transform:translateY(315%);
	transform:translateY(315%);
}

.rel_con_slider_title{
	transition:all 0s linear 0s;
	-webkit-transform:translateY(1060%);
	transform:translateY(1060%);
}


.active .rel_con_slider_no, .active .rel_con_slider_title{
	-webkit-transform:translateY(0%) !important;
	transform:translateY(0%) !important;
	-webkit-transition:all 0.3s ease-in 1s;
	transition:all 0.3s ease-in 1s;
	
}

.rel_jm_img01{
	position:absolute;
	right:6%;
	bottom:20%;
	border:3px solid #dedac6;
}

.rel_jm_img02{
	position:absolute;
	left:11%;
	bottom:0;
	border:3px solid #dedac6;
}

.rel_gold_bg{
	background: #ede8d7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ede8d7, #f2f1e9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ede8d7, #f2f1e9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ede8d7, #f2f1e9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ede8d7, #f2f1e9); /* Standard syntax */
}

.rel_click_box01.selected .click_box_title, .rel_click_box02.selected .click_box_title, .rel_click_box03.selected .click_box_title{
	background:#fff;
	color:#000;
}

#safety .rel_slider_con{
	background:#f6f5f1;
}

#safety .rel_con_padding, #xr .rel_con_padding{
	text-align:center;
	padding-top:0;
}

#safety .active .rel_con_slider_no, #safety .active .rel_con_slider_title, #xr .active .rel_con_slider_no, #xr .active .rel_con_slider_title{
	color:#b7b193;
}

#safety .active .rel_con_slider_title{
	padding-top:30px;
	font-size:40px;
}

#safety .rel_con_slider_no{
	-webkit-transform:translateY(215%);
	transform:translateY(215%);
}

#safety .rel_con_slider_title{
	-webkit-transform:translateY(1036%);
	transform:translateY(1036%);
}


.font_50{
	font-size:46px;
	line-height:60px;
	margin-bottom:20px;
}

.gold_table > div, .sliver_table > div{
	padding-top:15px;
	padding-bottom:15px;
	font-size:22px;
	margin-bottom:2px;
	background:#eeeeee;
}

.gold_table .table_th{
	font-size:24px;
	background:#b8b395;
	color:#fff;
}

.gold_table .table_td01{
	color:#b8b395;
}

.table_td01 img{
	padding-right:12%;
}

.gold_table > div> div:last-child, .sliver_table > div> div:last-child{
	padding-right:30px;
}

.gold_table img, .sliver_table img{
	vertical-align:middle;
	margin-top:-5px;
}

.table_bar span:before{
	position:absolute;
	left:0px;
	width:100%;
	background:#fff;
	content:"";
	height:22px;
	border-radius:8px;
	top:0;
	margin-top:6px;
	display:inline-block;
}

.gold_table .table_bar span:after{
	position:absolute;
	left:0px;
	background:#b8b395;
	content:"";
	height:22px;
	border-radius:8px;
	top:0;
	margin-top:6px;
	width:0;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.gold_table .active.gold_bar01:after{
	width:95%;
}

.gold_table .active.gold_bar02:after{
	width:90%;
}

.sliver_table{
	color:#636363;
}

.sliver_table .table_th{
	font-size:24px;
	background:#a8a8a8;
	color:#fff;
}

.sliver_table .table_td01{
	color:#636363;
}

.sliver_table .table_bar span:after{
	position:absolute;
	left:0px;
	background:#a8a8a8;
	content:"";
	height:22px;
	border-radius:8px;
	top:0;
	margin-top:6px;
	width:0%;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.sliver_table .active.sliver_bar01:after{
	width:89%;
}

.sliver_table .active.sliver_bar02:after{
	width:56%;
}

.sliver_table  .active.sliver_bar03:after{
	width:30%;
}

.sliver_table  .active.sliver_bar04:after{
	width:20%;
}

.gold_table, .sliver_table{
	margin-top:50px;
}

.safety_table .gold_table, .safety_table .sliver_table{
	margin-top:0;
}

.safety_table .table_bar .active.safety_bar01:after{
	width:100%;
}

.safety_table .table_bar .active.safety_bar02:after{
	width:12%;
}

.safety_table .table_bar .active.safety_bar03:after{
	width:80%;
}

.safety_table .table_bar .active.safety_bar05:after{
	width:96%;
}

.safety_table .table_bar .active.safety_bar06:after{
	width:84%;
}

.safety_table .table_bar .active.safety_bar07:after{
	width:92%;
}

.safety_table .table_bar .active.safety_bar08:after{
	width:60%;
}

.safety_table .table_bar .active.safety_bar09:after{
	width:97%;
}

.safety_table .table_bar .active.safety_bar10:after{
	width:30%;
}

.safety_table .table_bar .active.safety_bar11:after{
	width:100%;
}

.safety_table .table_bar .active.safety_bar12:after{
	width:18%;
}

.safety_table .sliver_table{
	color:#232323;
}

.table_detail{
	padding-left:0 !important;
	padding-right:0 !important;
}

.wheel_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1200;
    width: 553px;
    height: 553px;
}

.wheel_close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 55;
    color: #000;
    font-size: 30px;
    background: #f5f5f5;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.wheel_bg{
	width: 553px;
    height: 553px;
	position:absolute;
	left:0;
	top:0;
	background: url(../../../images/cny/wheel_bg.png) no-repeat center top;
    z-index: 2;
    animation: wheel_bg_ani 1s 0.5s linear both;
}

@keyframes wheel_bg_ani{
	0% {
		transform: translateY(50%) rotate(-180deg);
		opacity: 0;
	}
	100% {
		transform: translateY(0%) rotate(0);
		opacity: 1;
	}
}

.wheel_text01{
	width:104px;
	height:47px;
	position:absolute;
	left:222px;
	top:184px;
	z-index:3;
	background:url(../../../images/cny/text01.png) no-repeat center top;
	animation:fadeInUp 0.3s 1.5s linear both;
}

.wheel_text02{
	width:386px;
	height:90px;
	position:absolute;
	left:0px;
	top:256px;
	z-index:3;
	background:url(../../../images/cny/text02.png) no-repeat left top;
	animation:wheel_text02_ani 0.9s 2.4s ease-out both;
}

@keyframes wheel_text02_ani{
	0%{
		width:0;
		left:0;
	}
	
	100%{
		width:190px;
		left:79px;
	}
}

.wheel_text02b{
	width:386px;
	height:90px;
	position:absolute;
	right:0px;
	top:256px;
	z-index:3;
	background:url(../../../images/cny/text02.png) no-repeat right top;
	animation:wheel_text02_ani2 0.9s 2.4s ease-out both;
}

@keyframes wheel_text02_ani2{
	0%{
		width:0;
		right:0;
	}
	
	100%{
		width:190px;
		right:79px;
	}
}

.wheel_flower01{
	width:79px;
	height:77px;
	position:absolute;
	left:34px;
	top:85px;
	z-index:5;
	background:url(../../../images/cny/flower01.png) no-repeat center top;
	animation:wheel_flower_ani 0.7s 3.6s linear both, wheel_flower_ani2 20s 4.3s ease-out infinite;
}

@keyframes wheel_flower_ani{
	0%{
		transform:scale(0) rotate(-100deg);
	}
	100%{
		transform:scale(1) rotate(0deg);
	}
}

@keyframes wheel_flower_ani2{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}

.wheel_flower02{
	width:109px;
	height:111px;
	position:absolute;
	left:-27px;
	top:115px;
	z-index:4;
	background:url(../../../images/cny/flower02.png) no-repeat center top;
	animation:wheel_flower_ani 0.7s 3.3s linear both, wheel_flower_ani2 30s 4s ease-out infinite;
}

.wheel_flower03{
	width:68px;
	height:67px;
	position:absolute;
	left:375px;
	top:467px;
	z-index:5;
	background:url(../../../images/cny/flower03.png) no-repeat center top;
	animation:wheel_flower_ani 0.7s 3.8s linear both, wheel_flower_ani2 20s 4.5s ease-out infinite;
}

.wheel_flower04{
	width:131px;
	height:130px;
	position:absolute;
	left:391px;
	top:386px;
	z-index:4;
	background:url(../../../images/cny/flower04.png) no-repeat center top;
	animation:wheel_flower_ani 0.7s 3.5s linear both, wheel_flower_ani2 30s 4.2s ease-out infinite;
}

.ws_button{
	display:inline-block;
	color:#b7b193 !important;
	border:1px solid #b7b193;
	font-size:22px;
	padding:0 30px;
	margin-left:10px;
	margin-right:10px;
	line-height:36px;
	letter-spacing:2px;
}

@keyframes rel_bubble_ani{
	0%,100%{
		transform:translateY(-5%);
	}
	
	50%{
		transform:translateY(5%);
	}
}

.safety_banner{
	background:url(../../../images/safety/banner.jpg) no-repeat left top;
	padding-bottom:43%;
	text-align:center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

.safety_banner > div{
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:0;
	z-index:50;
}

.safety_banner_light01 > img, .safety_banner_light02 > img, .safety_banner_light03 > img{
	position:absolute;
	bottom:0;
	left:0;
}

.safety_banner_light01{
	position:absolute;
	bottom:8.5%;
	left:14.67%;	
	width:28.9%;
	transform-origin:center center;
	-webkit-animation:light01_ani 1s linear forwards;
	animation:light01_ani 1s linear forwards;
	z-index:40;
	overflow:hidden;
	display:inline-block;
}

.safety_banner_light02{
	position:absolute;
	bottom:11.92%;
	left:10.21%;	
	width:39.85%;
	transform-origin:center center;
	-webkit-animation:light02_ani 1s 1.5s linear forwards;
	animation:light02_ani 1s 1.5s linear forwards;
	z-index:41;
	overflow:hidden;
	display:inline-block;
}

.safety_banner_light03{
	position:absolute;
	bottom:30.32%;
	left:3.06%;	
	width:47.29%;
	transform-origin:center center;
	-webkit-animation:light03_ani 1s 3s linear forwards;
	animation:light03_ani 1s 3s linear forwards;
	z-index:42;
	overflow:hidden;
	display:inline-block;
}

@-webkit-keyframes light01_ani{
	0%{
		height:0;
	}
	
	90%,100%{
		height:80.74%;
	}
}

@keyframes light01_ani{
	0%{
		height:0;
	}
	
	90%,100%{
		height:80.74%;
	}
}

@-webkit-keyframes light02_ani{
	0%{
		height:0;
	}
	
	90%,100%{
		height:80.74%;
	}
}

@keyframes light02_ani{
	0%{
		height:0;
	}
	
	90%,100%{
		height:80.74%;
	}
}

@-webkit-keyframes light03_ani{
	0%{
		height:0;
	}
	
	90%,100%{
		height:69.84%;
	}
}

@keyframes light03_ani{
	0%{
		height:0;
	}
	
	90%,100%{
		height:69.84%;
	}
}

@-webkit-keyframes light_ani{
	0%{
		opacity:0;
		transform:scale(0.1);
	}
	
	30%{
		opacity:1;
	}
	
	90%,100%{
		opacity:0;
		transform:scale(2);
	}
}

@keyframes light_ani{
	0%{
		opacity:0;
		transform:scale(0.1);
	}
	
	30%{
		opacity:1;
	}
	
	90%,100%{
		opacity:0;
		transform:scale(2);
	}
}

.safety_banner_jm, .group_banner_jm, .user_banner_jm{
	position:absolute;
	top:0;
	right:2%;
	height:100%;
	z-index:45;
}

.group_banner{
	background:url(../../../images/group/banner.jpg) no-repeat left top;
	padding-bottom:43%;
	text-align:center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

.group_banner > div{
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:0;
	z-index:50;
}

.group_banner_light01{
	position:absolute;
	top:0px;
	left:0;	
	width:23.06%;
	transform-origin:center center;
	-webkit-animation:flash 1s linear 3 forwards;
	animation:flash 1s linear 3 forwards;
	z-index:40;
}

.group_banner_light02{
	position:absolute;
	top:0px;
	right:0;	
	width:20.51%;
	transform-origin:center center;
	-webkit-animation:flash 1s linear 3 forwards;
	animation:flash 1s linear 3 forwards;
	z-index:40;
}

.sharing_banner_banner{
	background:url(../../../images/sharing/banner_gigi.jpg) no-repeat left top;
	padding-bottom:43%;
	text-align:center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

.sharing_banner_banner > div{
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:0;
	z-index:10;
}

.sharing_banner_ball01{
	position:absolute;
	z-index:8;
	width:10.9%;
	max-width:150px;
	left:50%;
	margin-left:-44%;
	top:12%;
	animation:rel_bubble_ani 8.3s ease-in-out infinite;
}

.sharing_banner_ball02{
	position:absolute;
	z-index:8;
	width:8.2%;
	max-width:112px;
	left:50%;
	top:25.3%;
	animation:rel_bubble_ani 5.3s 0.5s ease-in-out infinite;
}

.sharing_banner_ball03{
	position:absolute;
	z-index:8;
	width:12%;
	max-width:165px;
	left:50%;
	margin-left:-13.2%;
	bottom:-2.9%;
	animation:rel_bubble_ani 8.3s 0.2s ease-in-out infinite;
}

.sharing_banner h1{
	font-size:50px;
	font-weight:400;
	margin-top:70px;
}

.sharing_banner h2{
	font-size:30px;
	margin-bottom:20px;
	font-weight:300;
}

.sharing_banner p{
	font-size:18px;
	line-height:38px;
}

.sharing_banner_banner h1{
	font-size:50px;
	font-size:45px;
	line-height:80px;
	line-height:60px;
	font-weight:200;
}

/*--------------#main------------------------*/


/*--------------editor------------------------*/
.for_editor p{
	margin:0 0 3% 0;
}

.for_editor p:last-child{
	margin-bottom:0;
}

.for_editor ul, ol{
	margin:0 0 3% 0;
	margin-left:-24px;
}

.for_editor img{
	max-width:100%;
	height:auto;
	display:inline-block;
}

@media (max-width:640px){
.for_editor p{
	margin:0 0 20px 0;
}

.for_editor ul, ol{
	margin:0 0 20px 0;
	margin-left:-24px;
}
}

/*--------------editor------------------------*/

@media (min-width:1432px){
	.owl-nav .owl-prev{
		left:-22px;
	}
	
	.owl-nav .owl-next{
		right:-22px;
	}
	
	.owl-nav .owl-prev:hover{
		left:-47px;
	}
	
	.owl-nav .owl-next:hover{
		right:-47px;
	}
		
	#aboutus .main_container, #relationship .main_container{
		overflow:initial;
	}
	
}
	
@media (min-width: 1200px){	
	.rel_slider_con{
		min-height:692px;
	}
	
	.rel_slider_con{
		-webkit-transform: perspective(800px) translateZ(-100px);
		transform: perspective(800px) translateZ(-100px);
		-webkit-transition:all 0.5s linear;
		transition:all 0.5s linear;
		
	}
	
	.prev_slide .rel_slider_con{
		-webkit-transform: perspective(800px) translateZ(-100px) translateX(6%);
		transform: perspective(800px) translateZ(-100px) translateX(6%);
	}
	
	.prev_slide .rel_slider_con .text-center{
		width:22%;
		margin-left:78%;
	}
	
	.next_slide .rel_slider_con{
		-webkit-transform: perspective(800px) translateZ(-100px) translateX(-6%);
		transform: perspective(800px) translateZ(-100px) translateX(-6%);
	}	
	
	.next_slide .rel_slider_con .text-center{
		width:22%;	
	}
	
	.next_slide .rel_slider_con:before{
		background:#d4d3d1;
	}
	
	
	.active .rel_slider_con{
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
	}

	
	.rel_con_padding{
		line-height:28px;
	}
	
	.rel_con_padding > *{
		width:65%;
	}	
	
	.rel_slider .owl-nav .owl-prev, .rel_slider .owl-nav .owl-prev:hover{
		left:15.5%;
		left:17%;
		width:37px;
		height:68px;
	}
	
	.rel_slider .owl-nav .owl-next, .rel_slider .owl-nav .owl-next:hover{
		right:15%;
		right:17%;
		width:37px;
		height:68px;
	}
	
	.rel_slider .owl-nav .owl-prev:before{
		background:url(../../../images/relationship/arrow_prev.png) no-repeat left top;
	}
	
	.rel_slider .owl-nav .owl-next:before{
		background:url(../../../images/relationship/arrow_next.png) no-repeat left top;
	}
}

@media (max-width: 1199px){
	.main_box02 .main_box_bg{
		background-size:86% auto;
		background-position:right -45% top 89%;
	}
	
	#waterballAnimation{
		width:54%;
		right:3%;
		top:21%;
	}
	
	.main_box04_animation img{
		right:-95px;
	}
	
	.main_box03 .main_box_bg{
		background-position:center top;
	}
	
	
}




@media (min-width: 992px){
	.gold_table .text-right img, .sliver_table .text-right img{
		width:41%;
		max-width:27px;
	}
	
}

@media (min-width: 992px) and (max-width:1200px){
	.gold_table > div> div:first-child, .sliver_table > div> div:first-child{
		padding-left:0;
	}
	
	.gold_table > div> div:last-child, .sliver_table > div> div:last-child{
		padding-right:10px;
	}
}


@media (max-width: 991px){
	
	
	/*.footer_nav{
		margin-bottom:20px;
	}
	
	.footer_nav a{
		padding-left:32px;
		padding-right:30px;
	}*/
	
	.for_tablet{
		display:block;
	}			
	
	.no_tablet{
		display:none !important;
	}
	
	.click_box_title{
		font-size:20px;
	}
	.click_box_title-over{
		font-size:20px;
	}
	
	.safety_click_box_area .click_box_title{
		line-height:100px;
		height:95px;
		background-size:cover;
	}
	
	.logo_gp > div:nth-child(2n):after {
		clear: both;
		content: "";
		display: block;
	}
	
	.safety_banner{
		min-height:420px;
	}
	
	.safety_table .table_tr td:nth-child(1) img {
		padding-right: 0;
		display: block !important;
	}
	
	.sharing_banner h1{
		font-size:38px;
	}
	
}


@media (max-width: 640px){
#cover_banner {
	display: none;
}
#cover_banner_m {
	display: block;
}	
	
.rel_banner{
	line-height:38px;
	background-size:1330px auto;
	padding-top:81%;
	padding-bottom:18%;
	background-position:left -353px top;
}	
	
.for_pc{
	display:none !important;
}

.for_mobile{
	display:block !important;
	opacity:1 !important;
}



/*.navbar-nav{
	margin-top:0px;
	margin-bottom:0;
	float:none;	
	display:block;
	background:#fff;
	border-bottom:1px solid #ccc;
}

.navbar-nav > li{
	border-bottom:0;
	background:#fff;
}

.navbar-nav > li:first-child{
	padding-top:55px;
}

.navbar-nav > li:last-child{
	border-bottom:0;
	padding-bottom:55px;
}

.navbar-nav > li:hover{
	
}

.sub_menu li{
	padding-top:5px;
	padding-bottom:5px;
}

.sub_menu li a{
	display:block;
}

.navbar-nav > li.current > a{
	opacity:0.7;	
}


.navbar-default .navbar-nav > li > a{
	border:0;
	font-size:32px;
	letter-spacing:3px;
	padding-top:28px;
	padding-bottom:28px;
	margin:0;
	display:block;	
}


.menu_fl_right{ float:none !important;}


#header-logo{
	background-size:100% 100%;
}

#header-logo .container{
	background:rgba(0,0,0,0.5);
}

.navbar-toggle{
	float:left;
	margin:0;
	border:0;
	padding:0;
	padding-top:43px;
	padding-bottom:43px;
	padding-left:45px;
	padding-right:20px;
}

.navbar-default .navbar-toggle .icon-bar{
	width:45px;
	background-color:#b7b193;
	border-radius:0;
	height:4px;
}

.navbar-toggle .icon-bar + .icon-bar{
	margin-top:10px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:none;
	opacity:0.8;
}

.logo-img{
	margin-left:-100px;
	padding-top:20px;
	padding-bottom:20px;
	width:175px;
	width:205px;
}

.navbar-brand{
	height:115px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.current > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	border-left:0;
	border-bottom:0 !important;
}

ul.sub_menu{
	list-style:none;
	color:#999;
	font-size:24px;
	padding-left:0;
	letter-spacing:2px;
	margin-top:-15px;
}

ul.subsub_menu{
	margin-top:0;
	color:#333;
}

#foo *{
	text-align:center !important;
}

.logo-img{
}*/

.id_anchor{
	margin-top:-116px;
	padding-top:116px;
}


.main_solgan .en{
	font-size:60px;
	line-height:65px;
	margin-bottom:12px;
}

.main_solgan > span{
	font-size:24px;
}

.main_box{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}


.rel_banner h4{
	line-height:45px;
}


.rel_con{
	background-position:right top !important;
}

.safety_banner{
	background-position:left top;
	padding-top:14%;
	padding-bottom:14%;
}

.safety_banner h1{
	margin-bottom:4%;
}


.safety_click_box_area .click_box{
	padding-left:8px;
	padding-right:8px;
}

.safety_click_box_area .click_box_title{
	line-height:90px;
	height:90px;
}

.safety_skin_box{
	padding-top:80px;
}

.safety_skin_box:before{
	content:"";
	position:absolute;
	left:50%;
	margin-left:-28px;
	top:initial;
	bottom:-54px;
	background:url(../images/main/btn_next.png) no-repeat left top;
	background-size:cover;
	width:56px;
	height:28px;
	-webkit-transform:rotate(0);
	transform:rotate(0);
}

.safety_skin_box:last-child:before{
	display:none;
}

.safety_720box02{
	margin-top:50px;
}

.safety_720box01 .table, .safety_720box02 .table{
	height:332px;
}

.btn_close{
	right:15px;
	left:initial;
}

.safety_con_text{
    position: relative;
    padding-top: 15px;
    text-align: center;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.logo_gp > div:nth-child(3) > div {
    padding-top: 50px;
}

.sitemap_ul ul li{
	padding-left:13px;
	padding-right:13px;
}


.about_title{
	font-size:46px;
}

.safety_box01_img02{
	padding-top:30px;
	margin-bottom:30px;
}

.rel_slider .owl-dots{
	position:relative;
	bottom:0;
	padding-top:25px;
}


/*.btn_book{
	background:#fffdf0;
	position:fixed;
	top:0;
	right:0;
	color:#c0b595 !important;
	font-size:34px;
	line-height:38px;
	border-left:1px solid #c0b595;
	z-index:9999;
	padding:17px 16px 13px 24px;
	margin:0;
	width:116px;
	height:118px;
	letter-spacing:2px;
	box-shadow:-2px 0px 3px rgba(0,0,0,0.2);
	-webkit-animation: btn_book_ani 6000ms linear infinite;
  	animation: btn_book_ani 6000ms 6000ms linear infinite;
}*/

.btn_book{
	font-size:34px;
	width: 60px;
    height: 256px;
}

@-webkit-keyframes btn_book_ani{
	from{
		background:#fffdf0;
	}
	
	50%{
		background:#fff;
	}
	
	to{
		background:#fffdf0;
	}
}

@keyframes btn_book_ani{
	from{
		background:#fffdf0;
	}
	
	50%{
		background:#fff;
	}
	
	to{
		background:#fffdf0;
	}
}
/*
.btn_book{
	position:fixed;
	top:35px;
	right:0;
	font-size:20px;
	line-height:35px;
	border-left:1px solid #c0b595;
	z-index:9999;
	padding:0px 20px 0px 20px;
	margin:0;
	width:auto;
	height:auto;
	letter-spacing:2px;
}*/

.br_m{
	display:block;
}

.rel_banner h1{
	font-size:54px;
	font-size:60px;
	margin-bottom:30px;
}

.relationship_detail h1, .safety_con_title, .about_title, .safety_banner h1{
	font-size:48px;
	margin-bottom:20px;
}

.rel_banner p, .safety_banner p{
	font-size:22px;
}

.rel_con_padding, .safety_con_p, .about_con p, .about_info{
	font-size:20px;
}


.safety_con_section01{
	background:url(../images/safety/ball_bg.jpg) no-repeat center center;
	background-size:cover;
}

.btn_140{
	background:#c0b595;
	font-size:22px;
	line-height:60px;
	color:#fff !important;
	letter-spacing:2px;
	padding:0px 20px 0px 22px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	margin-top:40px;
	display:inline-block !important;
}



.main_box01 .main_box_bg{
	background-image:url(../images/main/box01_m.jpg) !important;
}

.main_box02 .main_box_bg{
	background-position:right -46px bottom;
	background-color:#b5b5b5;
	background-size:90%;
}

.main_box03 .main_box_bg{
	background-image:url(../images/main/box03_m.jpg) !important;
	background-position:left top !important;
}

.main_box03 .main_box_bg{
	background-position:right -133px center;
}

.main_box01 .main_box_bg, .main_box02 .main_box_bg{
	padding-bottom:74%;
}

.main_box03 .main_box_bg, .main_box04 .main_box_bg{
	padding-bottom:150%;
}

.main_box01 .main_box_text{
	margin-top:37%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.main_box02 .main_box_text{
	padding-top:35px;
	padding-left:30px;
}

.main_box04 .main_box_text{
	padding-left:30px;
	padding-top:305px;
}

.main_box04_animation img{
	top:-62%;
}

.main_box03 .main_box_text{
	padding-top:28px;
	padding-left:23px;
}

#waterballAnimation{
	top:24%;
	right:6%;
	width:52%;
}


.main_box h2{
	font-size:32px;
}

.main_box h3{
	font-size:22px;
	margin-top:10px;
	margin-bottom:20px;
}

.btn_main_more:before{
	font-size:20px;
	line-height:33px;
	padding:0 38px;
}

.safety_banner_ball01, .safety_banner_ball02{
	width:50%;
}

.safety_con03_section01 .safety_con_bg .safety_con_text{
	background:none;
}

.about_map_area{
	position:relative;
	height:300px;
	margin-bottom:20px;
}

.about_address_border iframe{
	width:90%;
	left:5%;
}

#relationship .owl-carousel .owl-item > .rel_con{
	height:798px;
}

.footer_icon{
	padding-top:15px;
}

.btn_gold{
	font-size:37px;
	line-height:45px;
	padding-top:15px;
	padding-bottom:15px;
}

#thankyou #form_box{
	font-size:24px;
	line-height:36px;
}


#thankyou #form_box h3{
	font-size:32px;
	line-height:42px;
}

.xr_button:after{
	right:50%;
	transform:translateX(50%);
	font-size:14px;
}

.icon_ws {
	width:100px;
	height:100px;
}

#safety .rel_slider_con, #xr .rel_slider_con{
	min-height:520px;
}

.safety_banner{
	background:url(../../../images/safety/banner_m.jpg) no-repeat left top;
	background-size:640px auto;
	padding-top:667px;
	padding-bottom:0;
}

.safety_banner_ball02{
	width:184px;
	top:224px;
	bottom:initial;
	margin-left:0;
	left:467px;
}

.safety_banner_ball03{
	width:370px;
	bottom:initial;
	top:96px;
	margin-left:0;
	left:-200px;
	
}

.safety_banner_jm{
	width:117%;
	height:auto;
	right:-42px;
}

.group_banner{
	background:url(../../../images/group/banner_gigi_m.jpg) no-repeat left top;
	background-size:640px auto;
	padding-top:667px;
	padding-bottom:0;
}

.sharing_banner_banner{
	background:url(../../../images/sharing/banner_gigi_m.jpg) no-repeat left top;
	background-size:640px auto;
	padding-top:667px;
	padding-bottom:0;
}

.sharing_banner_ball01{
	display:none;
}

.sharing_banner_ball02{
	width:114px;
	left:26px;
	top:60px;
	margin-left:0;
}

.sharing_banner_ball03{
	width:200px;
	bottom:437px;
	left:552px;
	margin-left:0;
}

.safety_banner > div, .group_banner > div, .sharing_banner_banner > div, .user_banner > div{
	position:absolute;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	position:relative;
	top:0;
}

.safety_banner > div:before, .group_banner > div:before, .sharing_banner_banner > div:before, .user_banner > div:before{
	content:"";
	position:absolute;
	top:-80px;
	left:50%;
	margin-left:-56px;
	border-bottom:56px solid white;
	border-left:56px solid transparent;
	border-right:56px solid transparent;
	z-index:99;
}

.safety_banner h1, .group_banner h1, .sharing_banner_banner h1, .user_banner h1{
	margin-bottom:4%;
}

.rel_banner p, .safety_banner p, .group_banner p, .relationship_detail h2, .sharing_banner p, .about_con p, .about_info, #group .safety_con_p, .xr_con, .user_banner p{
	font-size:27px;
}

.rel_con_padding, .safety_con_p{
	font-size:21px;
}

.about_headline{
	font-size:32px;
}

.about_banner:before{
	content:"";
	position:absolute;
	bottom:0px;
	left: 50%;
    margin-left: -56px;
    border-bottom: 56px solid white;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
    z-index: 99;
}

.sharing_banner h2{
	font-size:32px;
	font-weight:400;
}

.sharing_banner h1{
	font-size:44px;
}

.relationship_detail h1, .safety_con_title, .about_title, .safety_banner h1, .group_banner h1, .user_banner h1{
	font-size:48px;
	margin-bottom:20px;
}

.rel_banner p, .safety_banner p, .group_banner p, .relationship_detail h2, .sharing_banner p, .about_con p, .about_info, #group .safety_con_p, .xr_con, .user_banner p{
	font-size:27px;
}

.safety_banner, .group_banner, .user_banner{
	min-height:900px;
}

}

@media (min-width:641px){		
	/*#header-logo{
		min-height:164px;
	}
	
	.navbar-nav > li > a{
		padding-bottom:15px;
	}			
		
	ul.sub_menu{
		list-style:none;
		color:#b7a682;
		border-top:0;
		background:rgba(255,255,255,0.85);
		font-size:15px;
		letter-spacing:2px;
		position:absolute;
		top:40px;
		left:50%;
		transform:translateX(-50%);
		width:100%;
		padding:10px 5px 10px 5px;
		min-width:230px;
		z-index:99;
		
		opacity:0;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	
	ul.subsub_menu{
		color:#333;
		top:-10px;
		transform:translateX(50%);		
	}
	
	.navbar-nav > li:hover > ul.sub_menu, ul.sub_menu > li:hover > ul.subsub_menu{
		opacity:1;
		
	}
	
	.navbar-nav > li:hover > ul.sub_menu, ul.sub_menu > li:hover > ul.subsub_menu{
		display:block;
	}
	
	ul.sub_menu li{
		display:block;
		text-align:center;		
		position:relative;		
		padding:10px 0 10px 0;
	}
		
	ul.sub_menu li a{
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	ul.sub_menu li a:hover{
		color:#999;
	}
	
	
	.navbar-nav > li > a:before, .navbar-nav > li.current > a:before{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:3px;
		background:#b7b193;
		opacity:0;
		-webkit-transition:all 0.3s linear;
		transition:all 0.3s linear;
	}
	
	
	.navbar-nav > li > a:hover:before, .navbar-nav > li.current > a:before{
		opacity:1;
	}
		
	.navbar-fixed-top .logo-img{
		padding-top:10px;
		padding-bottom:10px;
		width:167px;
		//height:50px;
	}
	
	.navbar-fixed-top .navbar-nav{
		margin-top:0;
	}*/	
	
	/*.main_box04{
		margin-top:-17%;
		margin-top:calc(-18% + 8px);
	}*/
	
	.about_img01{
		text-align:center;
	}
	
	.safety_con_section02 .safety_con_bg:before{
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:50%;
		height:100%;
		background:url(../images/safety/box01_img01.jpg) no-repeat left center;
		background-size:cover;
		display:block;
	}
	
	.safety_con_section03 .safety_con_bg:before{
		content:"";
		position:absolute;
		right:0;
		top:0;
		width:42%;
		height:100%;
		background:url(../images/safety/box01_img02.png) no-repeat center center;
		background-size:223px auto;
		display:block;
	}
	
	/*.navbar-fixed-top .navbar-collapse {
		display:none !important;
	}*/
	
	.main_box_text{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:2;
		padding:25px 21px;
	}
	
	/*.livechat_tag{
		position:fixed;
		right:95px;
		bottom:24px;
		width:130px;
		height:40px;
		line-height:40px;
		color:#fff;
		font-size:17px;
		background:url(../../../images/footer/tag_bg.png) no-repeat left top;
		text-align:center;
		z-index:2147483640;
		z-index:9999;
		letter-spacing:1px;
	}*/
	
	.rel_slider_con{
		min-height:746px;
	}	
	
	#safety .rel_slider_con{
		min-height:660px;
	}		
		
}

@media (max-width:1280px){
	
}

@media (min-width: 641px) and (max-width:750px){

}




/* ------------------------------------------------------------------
Selection
------------------------------------------------------------------ */

::-moz-selection {
	background: #000;
	color: #fff;
}

::-webkit-selection {
	background: #000;
	color: #fff;
}

::selection {
	background: #000;
	color: #fff;
}

/* ------------------------------------------------------------------
Forms
------------------------------------------------------------------- */

.form-control {
	border: 2px solid #eee;
	height: 32px;
	letter-spacing: 1px;
	font-size: 12px;
	color: #af9752;
	width:100%;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	   -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	     -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.form-control::-moz-placeholder{
	color: #af9752;
}

.form-control:focus {
	border-color: #8a8c8e;
}

/* Form sizes */

.input-lg,
.form-horizontal .form-group-lg .form-control {
	height: 42px;
	font-size: 12px;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
	height: 29px;
	font-size: 10px;
}

/*field*/

.form-control, .q_text{
	border:0;
	border-radius:0;
	color:#636466;
	font-size:21px;
	height:45px;
}

.font_white{
	color:#fff !important;
}

.font_gold{
	color:#b7b193;
	color:#081a2c;
}


/*.navbar{
	top:-20%;
	
	-webkit-transition: top 0.6s linear;
	-moz-transition: top 0.6s linear;
	-o-transition: top 0.6s linear;
	transition: top 0.6s linear;	
}

.navbar-fixed-top{	
	top:0;
}*/


::-moz-selection {
  background: #d5d1bb; /* Gecko Browsers */
}

::selection {
  background: #d5d1bb; /* WebKit/Blink Browsers */
}

/*pop up terms*/

.term_wrapper p b{font-weight: normal;}

.rel_click_box_area01 b{
	font-weight: normal;
}


/*.livechat_tag:before{
	content:"Whatsapp查詢";
}
.livechat_tag {
	position: fixed;
	right: 85px;
	bottom: 24px;
	width: 130px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 17px;
	background: url(../../../images/footer/tag_bg.png) no-repeat left top;
	text-align: center;
	z-index: 2147483640;
	z-index: 9999;
	letter-spacing: 1px;
	background-size:contain;
	width:158px;
	height:46px;
	line-height:46px
}

@media (max-width: 640px) {
	.icon_ws {
		width: 50px;
		height: 50px;
		bottom: initial;
		top: 17px;
		z-index: 999999;
		right: 45px;
	}
	.livechat_tag{
		bottom: initial;
		top: 56px;
		right: -1px;
		background: no-repeat;
		color: #c0b595;
		font-size: 20px;
	}
	.icon_ws:before{
		content: "";
		border-left: #c0b595 1px solid;
		top: -17px;
		left: -65px;
		height: 119px;
		display: inline-block;
		position: absolute;
		box-shadow: -1px 0px 3px rgba(0,0,0,0.2);
	}
	.icon_ws:after{
		content: "";
		border-bottom: #c0b595 1px solid;
		bottom: -52px;
		left: -65px;
		width: 160px;
		display: inline-block;
		position: absolute;
	}*/
	/*.livechat_tag{
		background:#c0b595;
		right:15px;
		font-size:40px;
		box-shadow:3px 3px 8px rgba(0,0,0,0.15);
		width:310px;
		height:70px;
		line-height:70px;
	}*/
/*}*/