html{
	overflow-x: hidden;
	overflow-y: scroll;
}
/*
html * {max-height:1000000px; }
*/
body{
	margin:0px;
	/* font-family: 'Playfair Display', serif; */
	font-family: 'Open Sans', sans-serif;
	background:#EAEAEA;
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
}

.black{
	position:absolute;
	background:#441F7F;
	opacity:0.9;
	z-index:502;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:pointer;
	display:none;
}

.rmenu{
	position:absolute;
	top:0;
	bottom:0;
	right:-84%;
	width:84%;
	background:#C4113A;
	
	z-index:503;
	
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}

.rmenu-shift{
	right:0;
}

.rmenu-ul{
	padding:0px;
	margin:0px;
	margin-top:65px;
	padding-left:65px;
	font-weight:300;
	font-size:33px;
	list-style:none;
}

.rmenu-ul li{
	margin-top:33px;
	margin-bottom:33px;
}

.rmenu-ul a:link{
	color:#FFF;
	text-decoration:none;
}

.rmenu-ul a:visited{
	color:#FFF;
	text-decoration:none;
}

.rmenu-ul a:hover{
	opacity:0.7;
}

.wtobs-logo{
	margin:0px auto;
	display:block;
	padding-top:36px;
}

.logo-b{
	display:none;
}

.top{
	background:url('../images/stars.png') no-repeat, linear-gradient(#DDDDDD, #EAEAEA);
	background-color: #DDDDDD; /* For browsers that do not support gradients */
	background-color: -webkit-linear-gradient(#DDDDDD , #EAEAEA); /* For Safari 5.1 to 6.0 */
	background-color: -o-linear-gradient(#DDDDDD , #EAEAEA); /* For Opera 11.1 to 12.0 */
	background-color: -moz-linear-gradient(#DDDDDD , #EAEAEA); /* For Firefox 3.6 to 15 */
	background-color: linear-gradient(#DDDDDD , #EAEAEA); /* Standard syntax */
}

.top2{

	background-color: #B69649;
	padding-bottom:34px;
}

.top-red-bar{
	height:27px;
	background:#D1253C;
}

.common_wrapper{
	width:1300px;
	margin:0px auto;
}

.common_wrapper-top{
	width:1300px;
	margin:0px auto;
}

.common_wrapper-wtobs{
	width:calc(1300px - 60px);
	margin:0px auto;
	background:#441F7F;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	margin-top:24px;
	margin-bottom:70px;
}

.common_wrapper-djc{
	width:calc(1300px - 60px);
	margin:0px auto;
	background:#441F7F;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	margin-bottom:70px;
}

.common_wrapper-gtl{
	width:calc(1300px - 60px);
	margin:0px auto;
	background:#D0112B;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	margin-bottom:70px;
}

.common_wrapper-djc2{
	width:calc(1300px - 60px);
	margin:0px auto;
	/* background:#B69649; */
	background:#441F7F;
	padding-left:30px;
	padding-right:30px;
}

.common_wrapper-djc3{
	width:calc(1300px - 60px);
	margin:0px auto;
	background:#441F7F;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	/* padding-top:30px; */
	margin-bottom:70px;
}

.common_wrapper-gtl2{
	width:calc(1300px - 60px);
	margin:0px auto;
	background:#D0112B;
	padding-left:30px;
	padding-right:30px;
}

.body-wtobs{
	background:#FFF;
}

.top-white-bar{
	height:93px;
	background:#FFF;
	width:100%;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	
	-webkit-box-shadow: 0px 1px 5px 0px rgba(173,173,173,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(173,173,173,1);
	box-shadow: 0px 1px 5px 0px rgba(173,173,173,1);

	position:relative;
}

.logo{
	position:absolute;
	top:-27px;
	left:20px;
	z-index:501
}

.logo-word{
	font-family:Playfair Display;
	/* font-weight:bold; */
	color:#441F7F;
	font-size:33px;
	margin-left:184px;
	
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.logo-word-b{
	display:none;
	
	font-family:Playfair Display;
	font-weight:bold;
	/* margin-left:30px; */
	
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.logo-word1-b{
	font-size:33px;
	color:#CE0A2C;
	opacity:0.9;
}

.logo-word2-b{
	font-size:33px;
	color:#441F7F;
	opacity:0.9;
}

.logo-b{
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.logo-word-img{
	display:none;
}

.menuA{
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#D52941;
}

.menuB{
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#666666;
}

.menu-inside{
	display:inline-block;
	vertical-align:top;
	
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.menu0{
	display:inline-block;
	vertical-align:top;
	height:calc(100% - 6px);
	padding-right:20px;
	padding-left:20px;
}

.menu1{
	display:inline-block;
	vertical-align:top;
	height:calc(100% - 6px);
	/* padding-left:20px; */
	padding-right:20px;
}

.menu2{
	display:inline-block;
	vertical-align:top;
	height:calc(100% - 6px);
	padding-left:20px;
	padding-right:20px;
}

.menu3{
	display:inline-block;
	vertical-align:top;
	height:calc(100% - 6px);
	padding-left:20px;
	padding-right:20px;
}

.menu-active{
	border-bottom:6px solid #D52840;
}

.yearword-word{
	color:#000;
	font-size:20px;
	font-weight:300;
	line-height:1.5;
}

.yearword-line{
	height:1px;
	background:#C4AA6B;
	margin-top:30px;
}

.yearword-tri-a{
	margin-left:25px;
	margin-top:-1px;
}

.yearword-tri-b{
	margin-right:25px;
	margin-left:auto;
	margin-top:-1px;
	display:block;
}

.yearword-line-word-a{
	margin-left:60px;
	margin-bottom:68px;
}

.yearword-line-word-b{
	text-align:right;
	margin-right:54px;
	margin-bottom:68px;
}

.yearword-line-word1{
	margin-right:20px;
}

.yearword-line-wrapper{
	position:relative;
}

.yearword-line-word1{
	font-weight:600;
	font-size:20px;
	color:#B69648;
}

.yearword-line-word2{
	font-weight:300;
	font-size:20px;
	color:#B69648;
}

.line{
	display:inline-block;
	vertical-align:top;
	height:40px;
	width:1px;
	background:#666666;
	
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.line2{
	display:inline-block;
	vertical-align:top;
	height:60px;
	width:2px;
	background:#F2F2F2;
	
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.rmenu-button{
	display:inline-block;
	margin-left:26px;
	margin-right:31px;
	width:41px;
	
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
	
	cursor:pointer;
}

.rmenu-line{
	height:4px;
	border-radius:5px;
	background:#652D90;
}

.rmenu-line1{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}

.rmenu-line2{
	margin-top:9px;
	margin-bottom:9px;
	background:#D52840;
}

.rmenu-line3{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	position:relative;
}

.rmenu-line1-cross{
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.rmenu-line2-cross{
	opacity:0;
}

.rmenu-line3-cross{
	top:2px;
	transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	-webkit-transform-origin: 0% 100%;
	
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

.menu-wrapper{
	float:right;
	height:100%;
	margin-right:20px;
}

.menu-wrapper2{
	display:none;
	float:right;
	height:100%;
}

.menu-wrapper a{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}

.menu-wrapper a:hover{
	opacity:0.5;
}

.footer{
	height:90px;
	background:#D52840;
}

.logo2{
	float:left;
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.copyright{
	font-size:17px;
	font-weight:lighter;
	color:#FFF;
	
	float:right;
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}

.full-height{
	height:100%;
}

/* what_the_old_boys_say.php */
.wtobs-top{
	background:#441F7F;
}

.wtobs-bg{
	background:url('../images/stars.png') no-repeat, linear-gradient(#DDDDDD, #EAEAEA);
	background-color: #DDDDDD; /* For browsers that do not support gradients */
	background-color: -webkit-linear-gradient(#DDDDDD , #EAEAEA); /* For Safari 5.1 to 6.0 */
	background-color: -o-linear-gradient(#DDDDDD , #EAEAEA); /* For Opera 11.1 to 12.0 */
	background-color: -moz-linear-gradient(#DDDDDD , #EAEAEA); /* For Firefox 3.6 to 15 */
	background-color: linear-gradient(#DDDDDD , #EAEAEA); /* Standard syntax */
}

.wtobs-title{
	font-family: 'Playfair Display', serif;
	font-weight:bold;
	font-size:58.5px;
	/* color:#441F7F; */
	color:#FFF;
	background:#441F7F;
	padding-top:36px;
	padding-bottom:36px;
	margin-bottom:45px;
	text-align:center;
}

.wtobs-video{
	text-align:center;
}

.wtobs-title2{
	font-size:30px;
	color:#000;
	margin-top:40px;
	margin-bottom:25px;
	text-align:center;
}

.wtobs-title3{
	font-size:30px;
	color:#441F7F;
	margin-top:40px;
	margin-bottom:25px;
	text-align:center;
}

.wtobs-title4{
	font-family: 'Playfair Display', serif;
	font-weight:bold;
	font-size:58.5px;
	color:#441F7F;
	padding-top:36px;
	padding-bottom:36px;
	margin-bottom:45px;
	text-align:center;
}

.wtobs-msg2{
	font-size:16px;
	color:#000;
	width:730px;
	margin:0px auto;
	/* margin-bottom:95px; */
	padding-bottom:30px;
}

.wtobs-s-video-container{
	text-align:left;
	width:730px;
	margin:auto;
}

.wtobs-s-video-box{
	display:inline-block;
	vertical-align:top;
	/* width:254px; */
	/* width:19%; */
	width:23%;
	/* margin-right:38px; */
	margin-right:2%;
	cursor:pointer;
}

.wtobs-s-video-msg-long{
	display:none;
}

.wtobs-s-video-box:nth-child(4n+1) {
	margin-right:0px;
}

.wtobs-iframe{
	width:730px;
	height:446px;
}

.wtobs-s-img{
	width:100%;
}

.wtobs-s-video-title{
	color:#000;
	font-size:16px;
	padding-top:12px;
	padding-bottom:30px;
	text-align:left;
}

.wtobs-s-video-title2{
	color:#441F7F;
	font-size:20px;
	padding-top:12px;
	padding-bottom:12px;
	text-align:left;
}

.wtobs-s-video-msg{
	color:#666666;
	font-size:14px;
	padding-bottom:30px;
	text-align:left;
}

.br1000{
	display:none;
}

/*index.php*/
.cover-container{
	-webkit-box-shadow: 0px 1px 5px 0px rgba(173,173,173,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(173,173,173,1);
	box-shadow: 0px 1px 5px 0px rgba(173,173,173,1);
	
	padding:12px;
	background:#FFF;
	margin-top:24px;
}

.cover-img{
	width:100%;
	vertical-align:top;
}

.index-brown{
	/* height:487px; */
	background:#B69649;
	text-align:center;
	padding-top:27px;
	/* padding-bottom:66px; */
	padding-bottom:17px;
}

.index-brown-title{
	font-family:Playfair Display, sans-serif;
	font-weight:bold;
	color:#FFF;
	padding-top:28px;
	padding-bottom:28px;
	font-size:33px;
}

.index-brown-msg{
	color:#FFF;
	font-size:16px;
	width:938px;
	margin:0px auto;
}

.index-white{
	/* background:url("../images/bg2.png") no-repeat;
	background-color:#EEEEEE; */
	background:url('../images/stars.png') no-repeat, linear-gradient(#DDDDDD, #EAEAEA);
	background-color: #DDDDDD; /* For browsers that do not support gradients */
	background-color: -webkit-linear-gradient(#DDDDDD , #EAEAEA); /* For Safari 5.1 to 6.0 */
	background-color: -o-linear-gradient(#DDDDDD , #EAEAEA); /* For Opera 11.1 to 12.0 */
	background-color: -moz-linear-gradient(#DDDDDD , #EAEAEA); /* For Firefox 3.6 to 15 */
	background-color: linear-gradient(#DDDDDD , #EAEAEA); /* Standard syntax */
}

.index-white-title{
	text-align:center;
	padding-top:70px;
	/* padding-bottom:70px; */
	padding-bottom:30px;
	position:relative;
}

.index-white-red-line1{
	display:inline-block;
	vertical-align:top;
	width:100px;
	/* margin-top:40px;
	margin-bottom:31px; */
	height:1px;
	background:#CE0A2C;
	
	position:absolute;
	top:calc(50% + 20px);
	left:0px;
}

.index-white-red-line2{
	display:inline-block;
	vertical-align:top;
	width:100px;
	/* margin-top:40px;
	margin-bottom:31px; */
	height:1px;
	background:#CE0A2C;
	
	position:absolute;
	top:calc(50% + 20px);
	right:0px;
}

.index-white-title-text{
	display:inline-block;
	vertical-align:top;
	
	font-family:Playfair Display, sans-serif;
	font-weight:bold;
	font-size:54px;
	padding-left:32px;
	padding-right:32px;
	color:#CE0A2C;
}

.index-white-msg{
	width:916px;
	margin:0px auto;
	color:#383838;
	font-size:16px;
	text-align:justify;
	line-height:1.7;
}

.index-white-signature{
	margin-top:50px;
	margin-bottom:20px;
	text-align:center;
}

.index-white-signature-b{
	text-align:left;
	color:#383838;
	font-size:16px;
	padding-bottom:110px;
}

.signature-img{
	width:235px;
}

/* index.php slider */
.cycle-pager { 
    text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	bottom: 5px;
	overflow: hidden;
}

.cycle-pager span { 
    font-family: arial;
	font-size: 50px;
	width: 16px;
	height: 16px; 
    display: inline-block;
	color:#A31332;
	margin:0px 7px;
	opacity:0.7;
	cursor: pointer; 
}

.cycle-pager span.cycle-pager-active { 
	color:#A31332;
	opacity:1;
}

/*djc.php */
.body-djc-title{
	font-size:59px;
	color:#FFF;
	/* padding-top:48px;
	padding-bottom:48px; */
	padding-top:36px;
	padding-bottom:36px;
	background:#441F7F;
	margin-top:24px;
	
	font-family:Playfair Display;
	font-weight:bold;
	text-align:center;
}

.body-djc-white{
	width:100%;
	background:#FFF;
}

.logo60{
	padding-top:60px;
	padding-left:44px;
	padding-right:44px;
}

.logo60-right{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 508px);
	padding-right:44px;
	padding-top:50px;
}

.logo60-date{
	color:#B69649;
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 25px);
}

.logo60Arrow{
	width:22px;
	height:22px;
	display:inline-block;
	vertical-align:top;
	margin-left:-5px;
	background:url('../images/arrow2.png');
	margin-top:8px;
}

.logo60-event{
	padding-bottom:45px;
}

.logo60-line{
	background:#D6D6D6;
	height:1px;
	width:100%;
	margin-top:5px;
	margin-bottom:8px;
}

.logo60-title{
	color:#D22946;
	font-size:38px;
	margin-top:-15px;
	font-weight:300;
}

.cel-main{
	width:100%;
}

.cel-text{
	font-size:16px;
	text-align:justify;
	font-weight:400;
	color:#000;
	margin-top:20px;
}

.cel-photowrapper{
	margin-top:20px;
	margin-bottom:20px;
}

.cel-photowrapper img{
	display:inline-block;
	vertical-align:top;
	width:31%;
	margin-right:calc(3% - 8px);
	margin-bottom:15px;
}

.cel-photowrapper img:nth-child(3n) {
	margin-right:0%;
}

.logo60-right a:link{
	text-decoration:none;
}

.logo60-right a:visited{
	text-decoration:none;
}

.logo60-right a:hover .logo60-title{
	color:#652F8D;
}

.logo60-right a:hover .logo60Arrow{
	background:url('../images/arrow.png');
}

.djc-body{
	padding:41px;
	width:calc(100% - 82px);
	background:#FFF;
}

.djc-left{
	display:inline-block;
	vertical-align:top;
	/* width:560px; */
	width:450px;
	margin-right:30px;
}

.djc-right{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 485px);
}

.djc-img{
	width:100%;
	vertical-align:top;
}

.djc-date{
	font-size:23px;
	font-weight:400;
	/* margin-bottom:5px; */
	color:#B69649;
}

.djc-title{
	font-weight:300;
	color:#CE0A2C;
	font-size:38px;
	margin-bottom:40px;
}

.djc-msg{
	color:#383838;
	font-size:16px;
	line-height:1.6;
	margin-bottom:42px;
}

.djc-month{
	padding-top:15px;
	padding-bottom:10px;
	font-size:38px;
	color:#FFF;
	font-weight:300;
}

.djc-td1{
	font-weight:600;
	color:#CE0A2C;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	width:94px;
	padding-bottom:28px;
}

.djc-td2{
	font-weight:300;
	color:#333333;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 99px);
	padding-bottom:28px;
}

/* gtl.php */
.body-gtl-title{
	font-size:58px;
	color:#FFF;
	padding-top:48px;
	padding-bottom:48px;
	/* margin-top:30px; */
	margin-top:24px;
	
	font-family:Playfair Display;
	font-weight:bold;
	text-align:center;
}

.body-gtl{
	padding:41px 60px;
	width:calc(100% - 120px);
	background:#FFF;
	line-height:1.6;
}

.button_a:link{
	text-decoration:none;
}

.button_a:visited{
	text-decoration:none;
}

.gtl-msg ol{
	padding:0px;
	margin:0px;
	padding-left:18px;
}

.gtl-logo{
	text-align:center;
	padding-bottom:28px;
}

.gtl-msg{
	font-size:16px;
	color:#000;
	text-align:justify;
	font-weight:400;
	margin-bottom:50px;
}

.gtl-msg-word{
	text-align:center;
}

.gtl-from-button{
	font-size:24px;
	color:#FFF;
	padding:5px 25px;
	border-radius:10px;
	width:300px;
	transition: 0.4s;
	display:block;
	margin:0px auto;
	background:#D52840;
	cursor:pointer;
	text-align:center;
	margin-bottom:25px;
}

.gtl-from-button:hover{
	opacity:0.7;
}

.gtl-title{
	font-size:22px;
	font-weight:400;
	color:#CE0A2C;
	margin-bottom:5px;
}

.gtl-title-black{
	font-size:28px;
	font-weight:400;
	color:#000;
	margin-bottom:30px;
	text-align:center;
}

.gtl-tbl{
	/* border:1px solid #000; */
	color:#000;
	font-size:18px;
	
	display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   
    flex-wrap: wrap;
	
	margin-bottom:20px;
}

.gtl-tbl2{
	/* border:1px solid #000; */
	color:#000;
	font-size:18px;
	
	display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   
    flex-wrap: wrap;
	
	margin-bottom:30px;
}

.gtl-tbl-col{
	/* border:1px solid #000; */
	border:1px solid #441F7F;
	/* border-top:0px solid #000; */
	border-top:0px solid #441F7F;
	text-align:center;
	color:#441F7F;
}

.gtl-tbl-row1-col1{
	/* border-top:1px solid #441F7F; */
	border-top:1px solid #441F7F;
	width:100%;
	background:#441F7F;
	color:#FFF;
}

.gtl-tbl-row1b-col1{
	border-top:0px solid #441F7F;
	width:100%;
}

.gtl-tbl-row2-col1{
	width:calc(50% - 22px);
	padding-left:10px;
	padding-right:10px;
}

.gtl-tbl-row2-col2{
	padding-left:10px;
	padding-right:10px;
	width:calc(50% - 21px);
	border-left:0px solid #441F7F;
	color:#000;
	
}

.gtl-highlight{
	color:#CE0A2C;
}

.gtl-logo-img2{
	width:500px;
}

.subcat1{
	background:#B69649;
	color:#FFF;
	border-left:1px solid #B69649;
}

.subcat2{
	background:#B69649;
	color:#FFF;
	
	border-right:1px solid #B69649;
}

.mail-a:link{
	color:#B69649;
	text-decoration:none;
}

.mail-a:visited{
	color:#B69649;
	text-decoration:none;
}

.mail-a:hover{
	color:#B69649;
	text-decoration:underline;
}

.center{
	text-align:center;
}

@media only screen and (max-width: 1360px) {
	.common_wrapper{
		padding-left:30px;
		padding-right:30px;
		width:calc(100% - 60px);
	}
	
	.common_wrapper-top{
		padding-left:12px;
		padding-right:12px;
		width:calc(100% - 24px);
	}
	
	.common_wrapper-wtobs{
		padding-left:30px;
		padding-right:30px;
		margin-left:33px;
		margin-right:33px;
		width:calc(100% - 126px);
	}
	
	.common_wrapper-djc{
		padding-left:30px;
		padding-right:30px;
		margin-left:30px;
		margin-right:30px;
		width:calc(100% - 120px);
	}
	
	.common_wrapper-djc2{
		padding-left:30px;
		padding-right:30px;
		margin-left:30px;
		margin-right:30px;
		width:calc(100% - 120px);
	}
	
	.common_wrapper-djc3{
		padding-left:30px;
		padding-right:30px;
		margin-left:30px;
		margin-right:30px;
		width:calc(100% - 120px);
	}
	
	.common_wrapper-gtl{
		padding-left:30px;
		padding-right:30px;
		margin-left:30px;
		margin-right:30px;
		width:calc(100% - 120px);
	}
	
	.common_wrapper-gtl2{
		padding-left:30px;
		padding-right:30px;
		margin-left:30px;
		margin-right:30px;
		width:calc(100% - 120px);
	}
	
	.logo-word1{
		font-size:20px;
		display:block;
		color:#CE0A2C;
		opacity:0.9;
	}
}

@media only screen and (max-width: 1000px) {
	/* .common_wrapper-wtobs{
		padding-left:80px;
		padding-right:80px;
		width:calc(100% - 160px);
	} */
	
	.body-wtobs2{
		padding-left:30px;
		padding-right:30px;
	}
	
	.wtobs-s-video-box{
		width:46%;
		margin-right:6%;
	}
	
	.wtobs-s-video-box:nth-child(2n) {
		margin-right:0px;
	}
	
	.wtobs-msg2{
		width:100%;
	}
	
	.wtobs-iframe{
		width:100%;
		height:100%;
	}
	
	.menu-wrapper{
		display:none;
	}
	
	.menu-wrapper2{
		display:block;
	}
	
	.wtobs-s-video-container{
		width:100%;
	}
	
	.logo{
		left:8px;
	}
	
	.logo-word{
		margin-left:172px;
	}
	
	.logo2{
		display:none;
	}
	
	.copyright{
		float:none;
		text-align:center;
		font-size:22px;
	}
	
	.footer{
		height:140px;
	}
	
	.br1000{
		display:block;
	}
	
	.index-brown-msg{
		width:100%;
	}
	
	.index-white-msg{
		width:100%;
	}
	
	.index-white-red-line1{
		display:none;
	}
	
	.index-white-red-line2{
		display:none;
	}
	
	.index-brown-title{
		font-size:42px;
	}
	
	.index-brown-title1{
		display:block;
	}
	
	.index-brown-title2{
		display:none;
	}
	
	.index-brown-title3{
		display:block;
	}
	
	.index-brown-msg{
		font-size:30px;
	}
	
	.index-white-title-text{
		padding-left:0px;
		padding-right:0px;
		font-size:48px;
	}
	
	.index-white-msg{
		font-size:30px;
	}
	
	.index-white-signature-b{
		font-size:30px;
	}
	
	/* djc.php */
	.djc-body{
		padding:0px;
		width:100%;
	}
	
	.djc-left{
		width:100%;
		margin-right:0px;
	}
	
	.djc-right{
		width:calc(100% - 60px);
		padding:30px;
	}
	
	.djc-msg{
		font-size:30px;
	}
	
	.djc-title{
		margin-bottom:10px;
	}
	
	.djc-td1{
		width:132px;
		font-size:30px;
	}
	
	.djc-td2{
		width:calc(100% - 137px);
		font-size:30px;
	}
	
	.djc-month{
		font-size:42px;
	}
	
	.logo60{
		display:none;
	}
	
	.logo60-right{
		padding-right:30px;
		padding-left:30px;
		width:calc(100% - 60px);
	}
	
	/* gtl.php */
	.gtl-msg{
		font-size:30px;
	}
	
	.gtl-title{
		font-size:35px;
	}
	
	.gtl-title-black{
		font-size:48px;
		font-weight:400;
		color:#000;
		margin-bottom:30px;
		text-align:center;
	}
	
	.gtl-msg ol{
		padding-left:32px;
	}
	
	.gtl-logo-img2{
		width:400px;
	}
	
	/* 60year60word.php */
	.yearword-word{
		font-size:26px;
	}
	
	.yearword-line-word1{
		font-size:26px;
	}
	
	.yearword-line-word2{
		font-size:26px;
	}
}

@media only screen and (max-width: 750px) {
	.common_wrapper-wtobs{
		padding-left:30px;
		padding-right:30px;
		margin-left: 33px;
		margin-right: 33px;
		width:calc(100% - 126px);
	}
	
	.wtobs-s-video-box{
		width:100%;
		margin-right:0%;
	}
	
	.gtl-logo-img2{
		width:90%
	}
}

@media only screen and (max-width: 600px) {
	.rmenu-button{
		margin-left:15px;
		margin-right:25px;
		
	}
	
	.logo{
		display:none;
	}
	
	.logo-word-img{
		display:inline-block;
		vertical-align:top;
		/* width:calc(100% - 300px); */
		width:252px;
		margin-left:20px;
		
		position: relative;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.logo-word{
		margin-left:30px;
		display:none;
	}
	
	.logo-word-b{
		/* display:inline-block; */
		vertical-align:top;
		margin-left:15px;
	}
	
	.logo-b{
		display:inline-block;
		width:60px;
		margin-left:15px;
	}
	
	.gtl-logo-img{
		width:100%;
	}
	
	.body-gtl{
		padding-left:30px;
		padding-right:30px;
		width:calc(100% - 60px);
	}
	
	.copyright{
		font-size:14px;
	}
	
	.footer{
		height:90px;
	}
	
	.rmenu-ul{
		font-size:16.5px;
		padding-left:32px;
	}
	
	.index-white-title-text{
		font-size:40px;
		padding-left:0px;
		padding-right:0px;
	}
	
	.index-brown-title{
		font-size:33px;
	}
	
	.index-brown-msg{
		font-size:16px;
	}
	
	.index-white-msg{
		font-size:16px;
	}
	
	.index-white-signature-b{
		font-size:16px;
	}
	
	/* djc.php */
	.djc-msg{
		font-size:16px;
	}
	
	.djc-td1{
		font-size:16px;
	}
	
	.djc-td2{
		font-size:16px;
	}
	
	.djc-month{
		font-size:39px;
	}
	
	.body-djc-title{
		font-size:29px;
	}
	
	/* gtl.php */
	.body-gtl-title{
		font-size:29px;
	}
	
	.gtl-msg{
		font-size:16px;
	}
	
	.gtl-title{
		font-size:22px;
	}
	
	.gtl-tbl-col{
		border:1px solid #441F7F;
		border-top:0px solid #441F7F;
	}
	
	.gtl-tbl-row1-col1{
		border-top:1px solid #441F7F;
		width:100%;
	}
	
	.gtl-tbl-row1b-col1{
		border-top:0px solid #441F7F;
		width:100%;
	}
	
	.gtl-tbl-row2-col1{
		width:calc(100% - 12px);
		padding-left:10px;
		padding-right:10px;
		border-bottom:0px solid #441F7F;
	}
	
	.gtl-tbl-row2-col2{
		padding-left:10px;
		padding-right:10px;
		width:calc(100% - 12px);
		border-left:1px solid #441F7F;
	}
	
	.gtl-msg ol{
		padding-left:18px;
	}
	
	.gtl-title-black{
		font-size:28px;
	}
	
	.hide600{
		display:none;
	}
	
	.gtl-from-button{
		font-size:15px;
		width:70%;
	}
	
	/* celebrate subpage */
	.cel-photowrapper img{
		display:inline-block;
		vertical-align:top;
		width:48%;
		margin-right:calc(4% - 10px);
		margin-bottom:8px;
	}
	
	.cel-photowrapper img:nth-child(2n) {
		margin-right:0%;
	}
	
	/* 60year60word.php */
	.yearword-word{
		font-size:18px;
	}
	
	.yearword-line-word1{
		font-size:18px;
		display:block;
		margin-right:0px;
	}
	
	.yearword-line-word2{
		font-size:18px;
		display:block;
	}
	
	.yearword-line-word-a{
		margin-left:60px;
		text-align:left;
	}
	
	.yearword-line-word-b{
		margin-right:60px;
		text-align:right;
	}
}

@media only screen and (max-width: 400px) {
	.rmenu-button{
		width:30px;
	}
	
	.rmenu-line2{
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.rmenu-button{
		margin-left:10px;
		margin-right:20px;
	}
	
	.logo-word{
		display:none;
	}
	
	.logo-b{
		width:40px;
	}
	
	.logo-word-img{
		display:inline-block;
		vertical-align:top;
		
		
	}
	
	.common_wrapper-wtobs{
		margin-left:15px;
		margin-right:15px;
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 60px);
	}
	
	.common_wrapper-djc{
		margin-left:15px;
		margin-right:15px;
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 60px);
	}
	
	.common_wrapper-djc2{
		margin-left:15px;
		margin-right:15px;
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 60px);
	}
	
	.common_wrapper-djc3{
		margin-left:15px;
		margin-right:15px;
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 60px);
	}
	
	.common_wrapper-gtl{
		margin-left:15px;
		margin-right:15px;
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 60px);
	}
	
	.common_wrapper-gtl2{
		margin-left:15px;
		margin-right:15px;
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 60px);
	}
	
	.logo60-right{
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 30px);
	}
	
	.djc-right{
		padding:15px;
	}
	
	.logo60-title{
		font-size:25px;
		margin-top:-4px;
	}
	
	.logo60-date{
		font-size:17px;
	}
	
	.body-wtobs2{
		padding-left:15px;
		padding-right:15px;
	}
	
	.body-gtl{
		padding-left:15px;
		padding-right:15px;
		width:calc(100% - 30px);
	}
	
	.gtl-from-button{
		font-size:15px;
		width:auto;
	}
	
	.wtobs-title{
		font-size:29px;
	}
	
	.wtobs-title4{
		font-size:29px;
	}
	
	.djc-td1{
		width:74px;
	}
	
	.djc-td2{
		width:calc(100% - 79px);
	}
	
	.logo-word-img{
		width:calc(100% - 90px);
	}
	
	
}