a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;text-align:left}h1,h2,h3,h4,h5,h6{clear:both}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:dotted thin}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#fff9c0;text-decoration:none}hr{background-color:#ccc;border:0;height:1px;margin:24px 24px 1.714285714rem}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}small{font-size:smaller}img{border:0;-ms-interpolation-mode:bicubic}@font-face{font-family:GESSLight;src:url(../fonts/gs-Light.eot);src:url(../fonts/gs-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/gs-Light.woff) format('woff'),url(../fonts/gs-Light.ttf) format('truetype'),url(../fonts/gs-Light.svg#MHGOZ-Light) format('svg');font-weight:400;font-style:normal}.btn-style{background-color:#a9d842}.btn-style:hover{background-color:#a4c842}.margin_auto{margin:0 auto}html{color:#fff}body{font-size:18px;font-family:GESSLight;direction:ltr}a{color:#ff0}a:hover{color:#f50}h1.logo{font-size:80px;border-bottom:solid #fff 1px;text-align:center}a{text-decoration:none}nav#menu{border-right:solid #D3D3D3 1px;width:20%;height:100%;position:absolute;background-color:rgba(0,0,0,.5)}nav#menu ul a{color:#cc5}nav#menu ul a li{text-indent:20px;padding:10px 0;text-transform:uppercase;border-bottom:solid rgba(0,0,0,.4) 1px}nav#menu ul a:hover{color:#cc9}.active,nav#menu ul a:hover li{text-indent:30px;background:rgba(0,0,0,.4);border-left:solid 3px #cd0a0a}#content{width:80%;margin-left:auto;height: 89vh;}#content article{width:100%;padding:50px 0;text-align:center}ul.profile{width:100%;text-align:center;margin-bottom:50px}ul.profile li{padding:20px 10px;background:rgba(0,0,0,.5);border-bottom:solid #000 1px}ul.profile li:hover{background:rgba(0,0,0,.2);border-bottom:solid #fff 1px;border-left:solid 8px #cd0a0a;color:#cc5}ul.profile li a{color:#fff}
#warpper{width:80%;background:rgba(0,0,0,0.3);margin:0 auto;height:100vh;}
#main{text-align:center;}
img.bg {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;height: auto;	
/* Set up positioning */
position: fixed;bottom: 0;right: 0;z-index:-999;
}
@font-face{font-family:GESSLight;src:url(./fonts/gs-Light.eot);src:url(./fonts/gs-Light.eot?#iefix) format('embedded-opentype'),url(./fonts/gs-Light.woff) format('woff'),url(./fonts/gs-Light.ttf) format('truetype'),url(./fonts/gs-Light.svg#MHGOZ-Light) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:GUNPLAYRG;src:url(./fonts/gunplayrg.ttf);src:url(./fonts/gunplayrg.ttf) format('truetype');font-weight:400;font-style:normal}
html{background-color:rgba(207, 0, 247, 1);}
#p1,#p2{min-height: 90vh;}
#p1{width:40%;position:fixed;right:0;}
#p1 img.logo{margin-top:30%;vertical-align: middle;}
#p1 .weblogo{width:200px;left: 25px;margin-top:20px;position: relative;}
#p2{width: 30%;position: relative;margin-left:100px;}
#p2 .script{font-size: 20px;margin-top:60px;min-height: 200px;background: rgba(0,0,0,0.5);border-right: 30px solid #000;}
#p2 .script:hover{background:#570404;border-right: 30px solid #f90b0b;}
.cncslogo,.wsmlogo{width: 60%;margin: 16px 0;position: relative;left: 140px;}
article{font-family: "GUNPLAYRG";text-align: center;font-size: 20px;margin-top:60px;background: rgba(0,0,0,0.5);border-right: 20px solid #ff0083;width:100%;}
article header{padding-top: 10px;font-size: 80px;letter-spacing: 5px}
article:hover{color: rgba(207, 202, 207, 1);background:rgba(207, 22, 207, 0.2);border-right-color: rgba(207, 22, 207, 0.9);}
#en-detail{text-transform: uppercase;letter-spacing: 2px;}
#ar-detail{font-family:"GESSLight";}
a{color: #cc9;}
footer{padding:5px 0;width: 100%;text-align: center;margin-top: 10px;}

@media only screen and (max-width:650px){#warpper{width:100%;}img{width:100%;}
img.bg {left: 50%;margin-left: -512px;   /* 50% */}
#p1{width:100%;position:inherit;}
#p1,#p2{min-height: auto;}
#p1 img.logo{margin-top:0%;vertical-align: middle;}
#p2{width: 100%;position: static;margin-left: 0px;}
article{font-size: 16px;margin:5px 0;border-right-width: 10px;}
article header{padding-top: 5px;font-size: 70px;letter-spacing: 3px;}
#en-detail{letter-spacing: 1px;}
img.bg{display: none;}
footer{padding:15px 0;}
article:hover{color: rgba(0,0, 0, 1);border-right-color: rgba(207, 0, 2, 0.9)}
#p1 .weblogo{left: 10px;margin-top:20px;color:#000;}
}
@media only screen and (min-width:651px){
    article header{
        font-size: 5vw;
    }
    #en-detail,#ar-detail{
        font-size: 1vw;
}
}