@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_back {
    background: url(../img/bg/010.jpg);
    /*background-size: cover;*/
    background-position: 70% 63%;
    background-attachment: fixed;
}

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

.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%;
}