* {
font-family:sans-serif;
}
body {
margin: 0;
padding: 0;
font:20px;
}
#asc {
display:none;
}
header {
display:flex;
width:100%;
background:#282626;
}
a {
text-decoration:none;
}
#nal {
margin: 0;
width: 100%;
height: 66px;
top: 0px;
float:none;
left:0px;
position:relative;
padding:0;
z-index: 100;
}
#nal ul.pcli {
margin:0;
padding:0;
list-style-type:none;
margin:0;
padding:20px;
position:relative;
display:block;
float:right;
}
#nal ul.pcli li {
float:left;
margin:0;
position:relative;
width:100px;
list-style-type: none;
padding:10px;
}
#nal ul.pcli li:hover ul.pcliul {
display:block;
margin:0;
padding:0;
position:absolute;
background-color:#282626;
list-style-type:none;
}
#nal ul.pcli a {
display:block;
color:white;
text-align:center;
}
#nal ul.pcliri {
margin:0;
padding:0;
margin:0;
padding:0px;
float:right;
position:relative;
display:block;
}
#nal ul.pcliri:hover ul {
display:block;
margin:0;
padding:0;
position:absolute;
background-color:#282626;
list-style-type:none;
}
#nal ul.pcliri:hover ul li{
padding:10px;
margin:0;
}
#nal ul.pcliri:hover ul li a {
text-align:center;
}
#nal ul a {
color:white;
}
#nal ul.mlri {
display:none;
}
#nal ul li ul {
display:none;
}
#nal span.pclo {
margin:0;
padding:0;
float:left;
left:10%;
position:relative;
width:222px;
height:66px;
background-color:#282626;
text-align:center;
}
#nal ul.mlo {
display:none;
}
#T1 {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
background-image: url(http://www.gcwith.com/p/T1.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
display:none;
text-align: center;
}
#T2 {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
background-image: url(http://www.gcwith.com/p/T2.jpg);
background-size: 100% 100%;
display:none;
text-align: center;
}
#T3 {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
background-image: url(http://www.gcwith.com/p/T3.jpg);
background-size: 100% 100%;
display:none;
text-align: center;
}
#l {
width:100%;
height:100%;
margin:0;
padding:0;
float:left;
left:0;
top:66px;
position:absolute;
z-index:-100;
}
#co {
margin:0;
padding:0;
width:80%;
height:350px;
left:10%;
margin-top:20px;
position:absolute;
border-radius:10px 10px 10px 10px ;
}
.col {
margin:10px 10px;
padding:0;
width:23%;
height:100%;
position:absolute;
display:inline;
border-radius:10px 10px 10px 10px ;
}
#coul {
margin:0;
padding:0;
width:100%;
height:100%;
display:inline;
position:absolute;
list-style-type:none;
}
#coul li {
text-align:center;
margin:1px;
padding:5px;
width:90%;
height:23px;
background-color:rgba(220,220,220,0.5);
border-radius:10px 10px 10px 10px ;
}
#coul li a {
color:black;
}
#coul li:hover  {
background-color:orange;
}
#coul li:hover a {
color:white;
}
.covi {
margin:0;
padding:0;
width:75%;
float:left;
left:25%;
height:100%;
position:absolute;
}
.covi img {
margin:0;
padding:0;
width:100%;
height:300px;
top:0;
position:absolute;
z-index:-500;
border-radius:10px 10px 0 0;
}
.cvpt {
margin:0;
padding:0;
width:100%;
height:300px;
top:0;
position:absolute;
border-radius:10px 10px 0 0;
}
#cvalt {
top:300px;
margin:0;
padding:0;
width:100%;
height:50px;
position:absolute;
text-align:center;
background-color:rgba(212,212,212,0.5);
}
#xli {
margin:0;
padding:0;
width:80%;
left:10%;
margin-top:390px;
position:absolute;
border-radius:10px 10px 10px 10px ;
}
.xld {
margin:0;
padding:0;
width:100%;
height:435px;
margin-top:10px;
margin-bottom:10px;
position:relative;
border-radius:5px 5px 5px 5px ;
background-color:rgba(255,255,0,0.05);
display:block;
overflow-y:auto;
}
.xldl {
margin:10px 10px;
padding:0;
width:63%;
float:left;
height:95%;
position:absolute;
border-radius:10px 10px 10px 10px ;
}
.xldl ul {
list-style-image:url(http://www.gcwith.com/p/li01.png);
}
.xldd img {
margin:10px 10px;
padding:0;
width:33%;
left:65%;
height:95%;
position:absolute;
z-index:-500;
background-color:rgba(220,220,220,0.1);
border-radius:10px 10px 10px 10px ;
}
.xldp {
margin:10px 10px;
padding:0;
width:33%;
left:65%;
height:95%;
position:absolute;
border-radius:10px 10px 10px 10px ;
}
footer {
top:1960px;
width:100%;
position:absolute;
}
@media only screen and (max-width: 735px) {
footer {
font-size:10px;
}
#nal ul.mlri {
float:right;
display:block;
margin:0 auto;
padding:0px;
position:relative;
height:66px;
list-style-type: none;
top:-5px;
}
#nal ul.mlri li {
float: right;
margin: 0;
padding: 0;
width:66px;
position: relative;
list-style-type: none;
}
#nal ul.mlri li a {
display: block;
padding: 0;
background-color: #282626;
text-decoration: none;
}
#nal ul.mlri li ul {
display:none;
}
#nal ul.mlri li:hover ul {
display: block;
background-color:#282626;
position: absolute;
width: 66px;
float: right;
right: 0;
top: 62px;
}
#nal ul.mlri li:hover ul li {
padding:20px;
margin:0;
}
#nal ul.mlri li:hover ul li a{
text-align:center;
}
#nal ul.mlri li ul li ul li {
display:none;
}
#nal ul.mlri li ul li:hover li {
float:right;
right:66px;
display:block;
padding:20px;
min-width:66px;
top:-66px;
background-color:#282626;
border-right:0px solid #282626;
}
#nal ul.mlo {
float:right;
display:block;
margin:0 auto;
padding:0px;
position:relative;
height:66px;
width:70%;
list-style-type: none;
}
#nal ul.mlo li {
margin:0;
padding:0;
width:100%;
float:left;
}
#nal span.pclo {
display:none;
}
#nal ul.pcli {
display:none;
}
#nal ul.pcliri {
display:none;
}
#T1 {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
background-image: url(http://www.gcwith.com/p/mT1.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
display:none;
text-align: center;
}
#T2 {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
background-image: url(http://www.gcwith.com/p/mT2.jpg);
background-size: 100% 100%;
display:none;
text-align: center;
}
#T3 {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
background-image: url(http://www.gcwith.com/p/mT3.jpg);
background-size: 100% 100%;
display:none;
text-align: center;
}
#l {
visibility:hidden;
}
#co {
width:100%;
height:390px;
left:0;
margin-top:0;
border-radius:0;
}
.col {
margin:0;
width:100%;
height:40px;
top:350px;
display:flex;
position:absolute;
border-radius:0;
}
#coul {
width:100%;
height:100%;
display:flex;
position:absolute;
}
#coul li {
margin:2px;
padding:5px;
width:25%;
position:relative;
background-color:red;
border-radius:10px 10px 10px 10px ;
}
#coul li a {
color:yellow;
}
#coul li:hover  {
background-color:yellow;
}
#coul li:hover a {
color:red;
}
.covi {
width:100%;
left:0;
height:350px;
}
.covi img {
height:350px;
position:absolute;
border-radius:0;
}
.cvpt {
height:350px;
position:absolute;
border-radius:0;
}
#cvalt {
height:50px;
}



#xli {
width:100%;
left:0;
margin-top:435px;
border-radius:0;
}
.xld {
border-radius:0;
}
.xldl {
margin:0;
width:100%;
height:100%;
border-radius:0;
}
.xldl ul {
list-style-image:url(http://www.gcwith.com/p/li01.png);
}

.xldd img {
visibility:hidden;
}
.xldp {
visibility:hidden;
}
}
@media only screen and (max-width: 365px) {
#asc {
display:block;
visibility:visible;
text-align:center;
font-size:26px;
width:100%;
height:100%;
background-color:rgba(220,220,220,0.8);
border-radius:10px;
z-index:600;
position:fixed;
}
}