@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
@import url(https://fonts.googleapis.com/css?family=Aldrich);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);
@import url(https://fonts.googleapis.com/css?family=Arsenal);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans);



body {
    background-color: #000;
    background: #010000;
    font-family:"Arsenal","Alegreya Sans","Titillium Web","sans-serif","微軟正黑體","Microsoft JhengHei";
    font-size: 22px;
    width: 100%;    
}

h1 {
    font-size: 60px;
    color: #fff;
    font-family:"Oswald","Ubuntu Condensed","Aldrich";
}

h2{
    color: #fff;
}

h3{
    color: #fff;
}
p{
    font-size: 18px;
    color: #E6E6E6;
}

*{
    margin: 0;
    padding: 0;
    list-style:none;
}

ul {
    margin-bottom: 0; 
}


/* 4k */

.k_contain {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.k_contain:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 1100px;
    background-color: rgba(20,20,20,.3);
}


#k_back {
    background: url(../img/bg/010.jpg);
    /*background-size: cover;*/
    background-position: 70% 63%;
    background-attachment: fixed;
}

.k_word h1 {
    margin-top: 3%;    
}
.k_contain h2 {
    margin-top: 3%;
    line-height: 30px;
}

.k_img {
    /*padding-top: 5%;*/
    padding-bottom: 5%;
}

.k_line {
   position: absolute;
   bottom:0;
   left: 0;
}


/*LIGHT*/

.light_part {
    padding: 0;
    position: relative;
}

.light_word {
    padding-top: 3%; 
}

.light_word h2 {
    padding-top: 3%;
    line-height: 30px;
}

.light_img {
}

.light_img img {
    position: relative;
    animation: Float-mobile 1.5s forwards ease-in-out infinite 1s ;    
}
            @keyframes Float-mobile {  
                0% {transform:translateY(0px); }
                /*50% {transform:translateY(4px);opacity: .9;}*/
                50% {transform:translateY(10px);opacity:1;}
            }

.light_line {
   position: absolute;
   bottom:0;
   left: 0;
}


/*------color------*/


.aorus_color_content a {
    /*margin-bottom: 5%; */
    margin: 1% auto 0 auto;
    display: inline-block;
    border-radius: 0;
    border: 2px solid #fff;
    background-color: transparent;
    padding: 1% 4%;
    transition: .3s;
    outline: medium none;
    text-align: center;
    color: #fff;
    transition: .3s;
}


.aorus_color_content a:hover {
    background-color: transparent;
    transition: .3s;
    border-color: #ff6400;
    color: #ff6400;
}


.aorus_color_content a:active {
    background-color: transparent;
    outline: medium none;
}
.aorus_color_content a:visited {
    background-color: transparent;
    outline: medium none;
}


/*-------SIZE---------*/

.size {
    padding-top: 0;
    padding-bottom: 10%;
}

.size_word {

}

.size_img {
    padding-top: 3%;
}



.size_img .size_img_item a:nth-child(2) {
    display: inline-block;
    border-radius: 0;
    border: 2px solid #fff;
    background-color: transparent;
    padding: 1% 4%;
    transition: .3s;
    text-align: center;
    color: #fff;
    transition: .3s;   
}

.size_img .size_img_item a:hover{
    transition: .3s;
    color: #ff6400;
    border-color: #ff6400;
}

.size_img_item_1 a {
    color: #ff6400;
}

.size_img_a:hover .size_img_item_1 a{
    transition: .3s;
    color: #ff6400;
    border-color: #ff6400;
}




/*-----------------------------------CARE-----------------------------------*/


.care_part {
    padding: 0;
}

.care_part .care_title{
    margin-bottom: 2%;
    padding-top:3%;
    background-color: #000; 
}

.care_item {
    padding: 0;
    background-color: #222;
    /*box-shadow: 0 0 2px 0 rgba(255,100,0,1),0 0 10px 0 rgba(255,100,0,.9),0 0 20px 0 rgba(255,100,0,.8);*/
}



.care_item i {
}


.care_part_lg .care_item img{
    transform: scale(0.8);
    opacity: .7;
    transition: .2s;
}

.care_part_lg .care_word_1 {
    background: url(../img/care/pro_bg_01.png) no-repeat;
    background-size: cover;
}
.care_part_lg .care_word_1 .care_word_1_p{
    padding: 50% 10% 0 10%;
}
.care_part_lg .care_word_2 {
    background: url(../img/care/pro_bg_02.png) no-repeat;
    background-size:cover;
 }


.care_more_i {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #eeeeee;
    transition: .2s;
    font-weight: 800;
    border-bottom: 1px ridge #ccc;
}

.care_more_i:hover {
    color: #ff6400;
    transition: .2s;
}


.care_item_item {
    padding-top: 2%;
    padding-bottom: 2%;
    transition: .2s;
}

.care_part_lg .care_item_item {
    /*cursor: pointer;*/
}
.care_part_lg .care_item_item h3 {
    transition: .2s;
}

.care_part_lg .care_item_item:hover h3{
    /*transform: scale(0.901);*/
    transition: .2s;
}

.care_part_lg .care_item_active_1 {
    background-color: #2A2A2A;
    transition: .3s;
    border-top: 1px solid #ff6400;
    border-right: 1px solid #ff6400;
}
.care_part_lg .care_item_active_2 {
    background-color: #2A2A2A;
    transition: .3s;
    border-top: 1px solid #ff6400;
    border-left: 1px solid #ff6400;
}

.care_part_lg .care_item_active_1 h3 {
    color: #ff6400;
    transition: .3s;
}
.care_part_lg .care_item_active_2 h3 {
    color: #ff6400;
    transition: .3s;
}


.care_item_item .care_more_i i{
    font-size: 16px;
    color: #eeeeee;
    transition: .2s;
    
}


.care_more_i:hover i {
    color: #ff6400;
        transition: .2s;
}

.care_word {
    padding: 0;
}

.care_item_content {
    padding: 0 0 2% 0;
    position: relative;
   background-color: #313131; 

}


.care_close {
    display: inline-block;
    color: #fff;
    transition: .2s;
    cursor:pointer;
    margin-bottom: 2%;
}

.care_close:hover {
    opacity: .7;
    color: #fff;
    transition: .2s;
}

.care_item_content button {
    border-radius: 0;
    border: 2px solid #fff;
    background-color: transparent;
    margin-top: 0.5%; 
    padding: 1% 4%;
    transition: .3s;
    outline: medium none;
}

.care_item_content span {
    margin: 0;
    color: #fff;
    transition: .3s;
}


.care_item_content button:hover {
    background-color: transparent;
    transition: .3s;
    border-color: #ff6400;
}

.care_item_content button:hover span{
    color: #ff6400;
    transition: .3s;
}

.care_item_content button:active {
    background-color: transparent;
    outline: medium none;
}
.care_item_content button:visited {
    background-color: transparent;
    outline: medium none;
}


/*-----------------------------------SLI-----------------------------------*/

.SLI {
    background:url(../img/GameReady_KV_V2.png) 50% 50% ;
    /*background:url(../img/bg8-2_1.jpg) 50% 50% ;    */
    background-size: cover;
    padding-top: 0;
    position: relative; 
}

.SLI:before   {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 0;
    background-color:rgba(200,200,200,.4); 
}


.SLI_big  h1{
    padding-bottom: 3%;
}

.SLI_big p {
    padding-bottom: 20%;
}
/*-----------------------------------follow us-----------------------------------*/

.follow_us {
     overflow: hidden;  
}

.follow_us_title {
    background-color: #000;
}


.follow_us_icon {
    transition: .2s;
    cursor: pointer;
    border:1px solid #fff;
}

.follow_us_icon_1 {
    margin-right: 2%;
}


.follow_us_icon:hover {
    background-color: rgba(200,200,200,.3);
    transition: .2s;
}

.follow_active {
    background-color: rgba(180,180,180,.1);
}
.follow_active p {
       color:  #ff6400; 
}
.follow_active i {
    opacity: 1;
    transform: scale(1.1);
}

.follow_us i{
    padding: 3% 0 0 0 ;
    color: #eee;
    font-size: 50px;
    transition: .2s;
    opacity: .8;    
}

.follow_us  p {
    padding-bottom: 2%;
}