@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1 {font-weight:bold; font-size:36px; color:#fff; }
h2 {font-weight:bold; font-size:24px; color:#555; }
h3 {font-size:18px; }
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Create the Default Paragraphs */
p { color: #9f9f9f; font-size: 15px; line-height: 24px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* To make FontSmooth in MAC */
.mac * {-webkit-font-smoothing: antialiased;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input{line-height: normal;}
input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;}
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder{ color: #000;}
:-moz-placeholder{ color: #000;}
::-moz-placeholder{ color: #000;}
:-ms-input-placeholder{ color: #000;}
::-ms-input-placeholder{ color: #000;}
:placeholder-shown{ color: #000;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* opacity effect */
.opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; }

/* column grid */
.row{width: 100%;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float: left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* Page Layout */
body{font-family: 'Roboto', sans-serif;}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */; position: relative; transition: 0.5s ease all;}
#full_wrapper.active_nav{transform: translateX(-350px); box-shadow: -1px 1px 7px 5px rgba(0, 0, 0, 0.25);}
.wrapper{ width: 100%; padding-left: 400px; padding-right: 400px;}
.content{ margin:0 auto; padding:0; width:100%;}

@font-face {
    font-family: ff-good-headline-web-pro-con;
    src: url("https://use.typekit.net/af/63c1b4/00000000000000003b9b05c1/27/l?subset_id=2&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/63c1b4/00000000000000003b9b05c1/27/d?subset_id=2&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/63c1b4/00000000000000003b9b05c1/27/a?subset_id=2&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: ff-good-headline-web-pro-con;
    src: url("https://use.typekit.net/af/cf4af4/00000000000000003b9b05c0/27/l?subset_id=2&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/cf4af4/00000000000000003b9b05c0/27/d?subset_id=2&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/cf4af4/00000000000000003b9b05c0/27/a?subset_id=2&fvd=i9&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 900
}

@font-face {
    font-family: ff-good-headline-web-pro-con;
    src: url("https://use.typekit.net/af/e960f3/00000000000000003b9b05bf/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/e960f3/00000000000000003b9b05bf/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/e960f3/00000000000000003b9b05bf/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: ff-good-headline-web-pro-con;
    src: url("https://use.typekit.net/af/3049de/00000000000000003b9b05be/27/l?subset_id=2&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/3049de/00000000000000003b9b05be/27/d?subset_id=2&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/3049de/00000000000000003b9b05be/27/a?subset_id=2&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: ff-good-headline-web-pro-ext;
    src: url("https://use.typekit.net/af/00d748/00000000000000003b9b05db/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/00d748/00000000000000003b9b05db/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/00d748/00000000000000003b9b05db/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: ff-good-headline-condensed-p;
    src: url("https://use.typekit.net/af/b05369/00000000000000003b9b05ba/27/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/b05369/00000000000000003b9b05ba/27/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/b05369/00000000000000003b9b05ba/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: ff-good-headline-condensed-p;
    src: url("https://use.typekit.net/af/0c4bb3/00000000000000003b9b05c2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/0c4bb3/00000000000000003b9b05c2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/0c4bb3/00000000000000003b9b05c2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: ff-good-headline-condensed-p;
    src: url("https://use.typekit.net/af/2c6a17/00000000000000003b9b05c3/27/l?subset_id=2&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/2c6a17/00000000000000003b9b05c3/27/d?subset_id=2&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/2c6a17/00000000000000003b9b05c3/27/a?subset_id=2&fvd=i9&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 900
}

.tk-ff-good-headline-web-pro-con {
    font-family: ff-good-headline-web-pro-con, sans-serif;
}

.tk-ff-good-headline-web-pro-ext {
    font-family: ff-good-headline-web-pro-ext, sans-serif;
}

.tk-ff-good-headline-condensed-p {
    font-family: ff-good-headline-condensed-p, sans-serif;
}



/* Header*/
header{position: fixed; background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); width: 100%; z-index: 9999;left: 0;top: 0;  padding-left: 400px; padding-right: 400px;}
header .wrapper{ position:relative; }
header .inner_wrapper{ position:relative; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; height: 100px; justify-content: space-between}
nav{position: fixed; right: 0; top: 0px; background: #fff; padding: 20px 15px; width: 350px; opacity: 0; visibility: hidden; transition: 0.5s ease all; height: 100%;}
nav.active{opacity: 1; visibility: visible;}
nav .nav_close{float: right; margin-bottom: 20px; margin-right: 5px;}
nav ul{list-style: none}
nav ul li{margin-bottom: 10px;}
nav ul li a{transition: 0.5s ease all;}
nav ul li a:hover{color: #ff4900;}

/* Push */
.push{}
.main{height: 102vh;background-image: url(../images/site/main_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 9; background-size: 100% 100%}
.main.final{background-image: url(../images/site/main_bg_final.png); background-position:bottom 74px center}
.main .title_part{padding-top: 146px;font-family: "FF Good Headline"; font-size: 90px;color: #fff;font-weight: 900;}
.main .title_part span{color: #ff4900; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; letter-spacing: 2px;}
.main .question_list_part{font-family: "FF Good Headline"; font-size: 20px; color: #fff; position: relative; width: 340px;}
.main .question_list_part:after{position: absolute; content: ''; width: 250px; height: 2px; background: #fff; left: 90px; top: 10px;}
.main .question_list_part span{position: absolute; display: block; z-index: 9;}
.main .question_list_part span em{font-style: normal; width: 20px; height: 20px; font-size: 12px; background: #70C8D7; display: inline-block; border-radius: 50%; line-height: 20px; text-align: center; position: relative; z-index: 99;}
.main .question_list_part .current{left: 0; background: #FF4900; top: 0; padding-left: 6px; padding-right: 10px; transform: translateX(-36px)}
.main .question_list_part label{display: inline-block; width: calc(100% - 100px); position: relative; height: 18px}
.main .question_list_part .total{background: #FF4900; top: 0; padding-left: 6px; right: 0;}
.main .question_list_part .total em{background: #fff; color: #000;}
.main .selected_image{margin: 0 auto; text-align: center; height: 100%; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; justify-content: center; }
.main .selected_image img{width: 200px;}
.main:after{position: absolute; content: ''; left: 0; top: 0; width: 50%; height: 100%; background-image: url(../images/site/bg_Orange.png); background-size: 100% 100%; z-index: -1;}
.main.semi_lift:after{left: -20%;}
.main .footer_part{text-align: center; position: fixed; left: 0; right: 0; bottom: 0; background: #fff; padding-top: 38px; padding-bottom: 38px;}

.ans_part {margin-top: 51px; padding-left: 100px; transition: 0.7s ease all;}
.ans_part .img_section{width: 230px; height: 330px;}
.ans_part .img_section img{width: 100%;}
.ans_part .img_section{display: inline-block;vertical-align: top; position: relative; transform-origin: bottom center; cursor: pointer}
.ans_part .img_section:hover{z-index: 99 !important;}
.ans_part .img_section:first-child{z-index: 5; transform: rotate(-10deg)}
.ans_part .img_section + .img_section{margin-left: -40px;}
.ans_part .img_section:nth-child(2){z-index: 2; transform: rotate(-4deg); margin-top: -10px;margin-left: -60px;}
.ans_part .img_section:nth-child(3){z-index: 3; margin-top: -11px; margin-left: -60px;}
.ans_part .img_section:nth-child(4){z-index: 4; transform: rotate(7deg); margin-left: -60px;}
.ans_part .img_section img{box-shadow: 0px 3px 20px rgba(33, 37, 41, 0.6); border-radius: 5px;}
.ans_part .img_section.active {z-index: 9;}
.ans_part .img_section.active .flip-card .flip-card-inner {transform: rotateY(180deg);}

.ans_part .flip-card {background-color: transparent;perspective: 1000px;width: 100%;}
.ans_part .flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.6s;transform-style: preserve-3d;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
/*.ans_part .flip-card:hover .flip-card-inner {transform: rotateY(180deg);}*/
.ans_part .flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.flip-card-back p{position: absolute; left: 0; right: 0; text-align: center; padding-left: 15px; padding-right: 15px; top: 100px; color: #fff; font-size: 24px; font-weight: 600;}
.ans_part .flip-card-front {background-color: #bbb;color: black;}
.ans_part .flip-card-back {background-color: #2980b9;color: white;transform: rotateY(180deg);}

.bottom_button_part{padding-left: 400px; overflow: hidden}
.bottom_button_part .content{height: 133px; background-image: url(../images/site/line_bg.png); background-repeat: no-repeat; background-position: left center; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; padding-left: 40px; font-size: 20px;  transform: translateX(100%); transition: 0.5s ease all;}
.bottom_button_part.active_show .content{transform: translate(0)}
.bottom_button_part .content p{font-size: 20px; font-family: "FF Good Headline"; color: #fff; text-transform: uppercase}
.bottom_button_part .content .btn{display: inline-block; color: #fff; text-transform: uppercase; vertical-align: top; font-size: 20px; font-family: "FF Good Headline"; margin-left: 240px; position: relative; z-index: 9; letter-spacing: 0.1em; transition: 0.5s ease all; padding-left: 10px; padding-right: 10px; line-height: 50px; overflow: hidden; transition: 0.5s ease all;}
.bottom_button_part .content .btn .button_ripple{position: absolute; left: 0; right: 0; top: 0px; content: ''; width: 97%; height: 100%; z-index: -1; background-color: #ff4900; transform: skewX(-6deg); margin: 0 auto}
.bottom_button_part .content .btn .ripple {background: rgba(255, 73, 0, 0.4);}
/*.bottom_button_part .content .btn:hover {color: #ff4900;}
.bottom_button_part .content .btn:hover .button_ripple{background: #fff;}*/

.form_system{width: 350px; margin: 30px auto 0; background: #fff; padding: 25px; border-radius: 6px}
.form_system input:not([type="submit"]){width: 100%; background: none; height: 40px; font-size: 16px;padding:0 15px; margin-bottom: 20px; border: 1px solid #ff4900; border-radius: 2px; transition: 0.4s ease all;}
.form_system input:not([type="submit"]):focus{border-color: rgba(29, 36, 46, 01)}
.form_system.createDrag input:not([type="submit"]):focus{border-color:#ff4900;}
.form_system button{ height: 50px; margin: 0 auto; display: block; background: none; font-size: 16px; color: #fff; transition: 0.5s ease all; position: relative; z-index: 9; outline: none; min-width: 110px; overflow: hidden}
.form_system button:after{position: absolute; content: ''; width: 96%; height: 100%; background: #FF4900; left: 0; top: 0; z-index: -9; transform: skewX(-7deg); transition: 0.5s ease all; right: 0; margin: 0 auto; min-width: 100px; display: block;}
.form_system button:hover:after{background: #0E4749;}
.form_system p,.form_system h3{text-align: center;}
.form_system h3 span{color: #FF4900;}
.form_system p{margin-bottom: 20px;}

.form_system.createDrag{background-image: url(../images/site/createBanner.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 40px; padding-bottom: 40px;}
.form_system.createDrag .select_show{width: 100%; color: #fff; font-size: 16px;border: 1px solid #fff;border-radius: 2px;margin-bottom: 15px; height: 40px; line-height: 40px; background-image: url(../images/site/aroow.png); background-position: right -2px center; background-repeat: no-repeat; background-size: auto 100%; position: relative;}
.form_system.createDrag .select_show span{display: block; padding-left: 15px;padding-right: 15px; cursor: pointer}
.form_system.createDrag .select_show ul{position: absolute; left: 0; right: 0; top: 100%; border: 1px solid #fff; background-image: url(../images/site/createBanner.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: calc(100% + 2px); margin-left: -1px; max-height: 126px; overflow: auto; opacity: 0; visibility: hidden;}
.form_system.createDrag .select_show ul.active{opacity: 1; visibility: visible;}
.form_system.createDrag .select_show ul li{line-height: 40px; color: #fff; font-size: 16px; padding-left: 15px;padding-right: 15px; border-bottom: 1px solid #fff; list-style: none; cursor: pointer}

.form_system.createDrag .select_show ul li.active,.form_system.createDrag .select_show ul li:hover{background: #fff; color: #FF4900;}
.form_system.createDrag input{border-color: #fff;}
.form_system.createDrag input::-webkit-input-placeholder{ color: #fff;}
.form_system.createDrag input:-moz-placeholder{ color: #fff;}
.form_system.createDrag input::-moz-placeholder{ color: #fff;}
.form_system.createDrag input:-ms-input-placeholder{ color: #fff;}
.form_system.createDrag input::-ms-input-placeholder{ color: #fff;}
.form_system.createDrag input:placeholder-shown{ color: #fff;}
.form_system.createDrag input:not([type="submit"]){color: #fff;}
.form_system.createDrag h3{color: #fff;}
.form_system.createDrag label{color: #fff; text-align: center; font-size: 16px; display: block; margin-bottom: 15px;}
.form_system select{width: 100%; height: 40px; background: none; border-radius: 0; color: #fff; font-size: 16px; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance:none;-moz-appearance:none;appearance:none; padding-left: 15px; padding-right: 15px; border: 1px solid #fff; border-radius: 2px; margin-bottom: 15px; background-image: url(../images/site/aroow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; outline: none}
.form_system.createDrag label span{display: block; font-size: 12px;}

.grid_system {background: #fff; border: 1px solid #ccc;}
.grid_system .df{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.grid_system .df{align-items: center}
.grid_system .df>div{width: 14.28%; font-size: 13px; border-right: 1px solid #ccc; padding:12px 9px;}
.grid_system .header{border-bottom: 1px solid #ccc; }
.grid_system .header>div{font-size: 14px; color: #000;}
.grid_system .header>div img{width: 6px; vertical-align: middle; margin-left: 5px; margin-top: -2px;}
.grid_system .header>div:first-child{width: 40px;}
.grid_system .header>div:nth-child(3){width: 23%;}
.grid_system .header>div:nth-child(4){width: 30%;}
.grid_system .header>div:last-child{border-right: 0;}
.grid_system .body_section {max-height: 400px; overflow: auto}
.grid_system .body_section .list{ align-items: stretch; }
.grid_system .body_section .list:nth-child(2n+1){background: #f3f3f3;}
.grid_system .body_section .list>div{border-right: 1px solid #ccc; padding: 9px; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; color: #797979;}
.grid_system .body_section .list>div:first-child{width: 40px;}
.grid_system .body_section .list>div:nth-child(3){width: 24%;}
.grid_system .body_section .list>div:nth-child(4){width: 30%;}
.grid_system .body_section .list>div:last-child{border-right: 0;}
.grid_system .body_section .list .btn{display: inline-block; width: 100px; height: 35px; font-size: 14px; background: #ff4900; color: #fff; text-align: center; line-height: 34px; overflow: hidden; position: relative;}
.filter_section{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between; margin-top: 10px; margin-bottom: 20px;}
.filter_section select{width: 100px; height: 30px; background: none; border-radius: 0; color: #fff; font-size: 16px; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance:none;-moz-appearance:none;appearance:none; padding-left: 15px; padding-right: 15px; border: 1px solid #fff; border-radius: 2px; margin-bottom: 15px; background-image: url(../images/site/aroow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; outline: none; margin-right: 10px;}
.filter_section label{color: #fff;}
.filter_section label:last-child{color: #000;}
.filter_section label input{margin-left: 10px; width: 180px; height: 30px; font-size: 12px;}

header .hemBtn{float: right; width: 50px; height: 50px; position: relative; overflow: hidden; border-radius: 50%;}
header .hemBtn span{position: absolute; width: 30px; height: 2px; background: #fff; right: 0; top: 48%; margin-top: -1px; left: 0; margin: 0 auto; transition: 0.5s ease all;}
header .hemBtn.active {opacity: 0; visibility: hidden;}
header .hemBtn.active span{background-color: transparent;}
header .hemBtn span:after{position: absolute; content: ''; width: 100%; left: 0; top: -10px; background: #fff; height: 2px; transition: 0.5s ease all;}
header .hemBtn span:before{position: absolute; content: ''; width: 100%; left: 0; top: 10px; background: #fff; height: 2px; transition: 0.5s ease all;}
header .hemBtn.active span:after{transform: rotate(45deg); top: 0;}
header .hemBtn.active span:before{transform: rotate(-45deg); top: 0;}

.ripple {width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.4);transform: scale(0);position: absolute;opacity: 1;}
.rippleEffect {animation: rippleEff 300ms linear;}
@keyframes rippleEff {100% {transform: scale(2);opacity: 0;}}

.language_select ul li{list-style: none; background: #F6F4EE; padding-top: 7px; padding-bottom: 7px; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; padding-left: 21px; padding-right: 13px; justify-content: space-between; align-items: center; font-size: 20px; color: #1D242E; text-transform: uppercase; font-family: ff-good-headline-condensed-p; font-weight: 700; border: 2px solid #1D242E1A; margin-bottom: 20px; overflow: hidden; position: relative;}
.language_select ul li .ripple{background: rgb(255, 73, 0,0.4);}
.language_select ul li.active{border-color: #FF4900;}
.language_select ul li img{width: 48px; display: block; float: right;}
.language_select .btn{width: 110px; line-height: 50px; display: block; margin: 0 auto; text-align: center; position: relative; z-index: 9; color: #fff; overflow: hidden;font-weight: 600;}
.language_select .btn:before{position: absolute; content: ''; width: 97%; height: 100%; left: 0; top: 0; background: #FF4900; transform: skewX(-6deg); z-index: -1; right: 0; margin: 0 auto}

.successfully{padding-top: 50px; text-align: center; padding-bottom: 50px; background-image: url(../images/site/createBanner.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 40px; padding-bottom: 40px; max-width: 400px; margin: 0 auto; border-radius: 5px; box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.5); margin-top: 20px;}
.successfully h3{font-size: 80px; font-family: "FF Good Headline"; color: #fff;}
.successfully h3 span{display: block; font-size: 20px; color: #FF4900;}
.successfully p {font-size: 18px; color: #fff; margin-bottom: 28px; margin-top: 28px; font-weight: 400;}
.successfully p img{vertical-align: middle; margin-left: 10px; margin-top: -2px;}
.mobile_part{display: none;}

/*.cam_part {max-width: 630px; margin: 0 auto; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; padding-top: 150px; align-items: center}*/
.cam_part .image_section{background-repeat: no-repeat; background-position: top center; background-size: cover; position: relative; z-index: 9; height: calc(100vh - 80px); overflow: hidden; }
.cam_part .image_section img{width: 100%; margin: 0 auto; display: block;}
.cam_part .image_section .camera_btn{width: 70px; height: 70px; border-radius: 50%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 10px; opacity: 0; visibility: hidden; z-index: 99999;}
.cam_part .image_section .camera_btn.show_share{display: none;}
.cam_part .image_section .camera_btn.share_btn{display: none;}
.cam_part .image_section .camera_btn.share_btn.show_share{display: block;}
.cam_part .bottom_part{background-image: url(../images/site/fill_bg.png); /*background-repeat: no-repeat;*/ background-position: center; padding-bottom: 0px; height: 290px; margin-top: -20px; padding-top: 30px; overflow: hidden; transition: 0.5s ease all; padding-left: 10px; padding-right: 10px; width: 100%; clip-path: polygon(0 11%, 100% 0, 100% 89.8%, 0% 100%); position: relative; z-index: 9;}
.cam_part .image_section{background: #f6f6f5;}
.cam_part .image_section>img{width: auto; margin: 0 auto; display: block; height: 100%;}

.cam_part .bottom_part h4{color: #70C8D5; font-size: 20px; text-align: center; font-family: "FF Good Headline"; margin-bottom: 0px;}

.cam_part .bottom_part h3{color: #F7F5EE; font-size: 50px; letter-spacing: 0.01em; font-family: ff-good-headline-condensed-p; text-align: center; margin-bottom: 10px;}
.cam_part .bottom_part > *{transition: 0.5s ease all}
.cam_part .bottom_part .hide_part{opacity: 0; visibility: hidden;}
.cam_part .bottom_part h3 span{text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color: #154a4d; letter-spacing: 2px;}
.cam_part .bottom_part .btn{width: 180px; height: 40px; background: #fff; line-height: 40px; color: #FF4900; font-family: ff-good-headline-condensed-p; font-size: 16px; display: block; text-align: center; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative; transition: 0.5s ease all;}
.cam_part .bottom_part .btn:hover{color: #fff; background: #FF4900;}
.cam_part .bottom_part .btn .ripple{background-color: rgba(255,255,255,0.4) !important}
.cam_part .bottom_part .btn.button_ripple .ripple{ background: rgb(255, 73, 0,0.4);}
.cam_part .bottom_part h5{color: #70C8D5; font-size: 20px; text-align: center; font-family: "FF Good Headline"; margin-bottom: 15px; display: none; transition: none}
.cam_part .bottom_part.active{height: 180px;}
.cam_part .bottom_part.active h5 {display: block;}

header a.close{width: 40px;height: 40px; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; opacity: 0; visibility: hidden; transition: 0.5s ease all;}
header a.close img{width: 22px; }
header a.close.show{opacity: 1; visibility: visible;}

.cam_dragon{padding-top: 40px; text-align: center; text-transform: uppercase;}
.cam_dragon h3 span{color: #FF4900;}
.cam_dragon p{color: #1D242E; font-size: 18px; text-transform: none; margin-top: 16px; font-size: 18px; margin-bottom: 30px;}
.cam_dragon .question_part {position: relative;}
.cam_dragon .question_part h4{font-size: 0; height: 250px; background-image: url(../images/site/question.png); background-repeat: no-repeat; background-position: center; background-size: auto 90%}
.cam_dragon .question_part h5{font-size: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-family: ff-good-headline-condensed-p; width: 100%;}
.cam_dragon .btn{width: 110px; line-height: 50px; display: block; margin: 0 auto; text-align: center; position: relative; z-index: 9; color: #fff; overflow: hidden}
.cam_dragon .btn:before{position: absolute; content: ''; width: 96%; height: 100%; left: 0; top: 0; background: #FF4900; transform: skewX(-6deg); z-index: -1; right: 0; margin: 0 auto; transition: 0.5s ease all;}
.cam_dragon .btn:hover:before{background: #0e4749}
.filter_section .btn{width: 110px; line-height: 50px; display: block; margin: 0 auto; text-align: center; position: relative; z-index: 9; color: #FF4900; overflow: hidden}
.filter_section .btn:before{position: absolute; content: ''; width: 96%; height: 100%; left: 0; top: 0; background: #fff; transform: skewX(-6deg); z-index: -1; right: 0; margin: 0 auto}
.filter_section .btn .ripple{background: rgba(255, 73, 0, 0.31);}



div.business-card {height: 427px;width: 320px;margin-left: -160px;margin-top: -213.5px;position: absolute;top: 50%;left: 50%;-webkit-perspective: 1000;perspective: 1000;}
div.business-card:hover .flipper, div.business-card.hover .flipper {-webkit-transform: rotateY(180deg) rotateZ(90deg);transform: rotateY(180deg) rotateZ(90deg);}
div.flipper {-webkit-transition: 0.6s;transition: 0.6s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;position: relative;-webkit-transform-origin: center 160px;transform-origin: center 160px;}
div.front{display: flex; justify-content: center; align-items: center;}
div.front, div.back {-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;height: 427px;width: 320px;}
div.front {z-index: 0;}
div.front div.name span.title {font-size: 20px;line-height: 20px;}
div.back {display: flex; justify-content: center; align-items: center;width: 427px;height: 320px;box-sizing: border-box;-webkit-transform: rotateY(180deg) rotateZ(90deg);transform: rotateY(180deg) rotateZ(90deg);}
.selected_image .img_1_mob{display: none;}

.dragon_img_part{width: 400px; height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/site/dragon_imge.png'); margin: 20px auto 0; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2)}

.overlay_white{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.6); z-index: 999; transition: 0.5s ease all; opacity: 0; visibility: hidden;}
.overlay_white.active{opacity: 1; visibility: visible;}
.overlay_white .close{position: absolute; right: 40px; top: 40px;}
.video_section{background: none; width: 970px; overflow: hidden; margin: 10px auto 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9999; transition: 0.5s ease all; opacity: 0; visibility: hidden;}
.video_section.active{opacity: 1; visibility: visible;}
.video_section video{width: 100%; height: 100%;}
.main.video_bg:after{width: 51%; opacity: 0.8}

.hide_for_video{opacity: 0; visibility: hidden; transition: 0.4s ease 0.3s}
#full_wrapper:after{position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: #ff4900; content: ''; z-index: 9999; transition: 0.5s ease all; background-image: url(../images/site/logo.png); background-repeat: no-repeat; background-position: center;}
#full_wrapper.active:after{background-image: none;}
#full_wrapper:before{position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: #0e4749; content: ''; z-index: 9999; transition: 0.5s ease all 0.4s;}
#full_wrapper.active:after{width: 0;}
#full_wrapper.active:before{width: 0;}

.mob_slider{display: none; overflow: hidden}

.video_section_animation{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; opacity: 0; visibility: hidden; transition: 0.4s ease all;}
.video_section_animation.show{opacity: 1; visibility: visible;}
.video_section_animation video{position: absolute; min-width: 100%; min-height: 100%; left: 0; top: 0;}

.ans_part.desktop{position: relative; z-index: 99;}
.ans_part.desktop .img_section{position: relative;}
.ans_part.desktop:not(.active_abs) .img_section{left: auto !important}
.ans_part.active_abs .img_section{position: absolute;}
.ans_part.set_deck .img_section{position: absolute; left: 60% !important; transition: 0.5s ease all; transform: rotate(0); margin-top: -10px; margin-left: 0; transform: translateX(-50%)}
.main:after{transition: 0.5s ease all;}
.main.video_anim:after{z-index: 91; width: 35%;}
.camera_btn.desktop{width: 70px;height: 70px;border-radius: 50%;position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 273px; z-index: 99;}
.camera_btn.desktop img{width: 100%;margin: 0 auto;display: block;}

header .inner_wrapper a{position: relative;top: -12px;}
.main .question_list_part{margin-top: 20px;}

.main .footer_part{z-index: 9;}
.main .title_part{font-family: ff-good-headline-condensed-p, sans-serif;font-weight: 600;padding-top: 130px;}
.main .title_part span {color: #ff4900;text-shadow: -1.5px -1.5px 0 #fff, 1.5px -1.5px 0 #fff, -1.5px 1.5px 0 #fff, 1.5px 1.5px 0 #fff;letter-spacing: 3.5px;}
.main:after{width: 57%;}
.ans_part .img_section img{width: auto;max-width: 100%;}
.ans_part .img_section {width: 270px;height: 390px;}
.ans_part{margin-top: 110px;}
.main .question_list_part{font-family: ff-good-headline-condensed-p, sans-serif;font-weight: 400;letter-spacing: 3px;width: 400px;}
.main .question_list_part:after{top: 0;bottom: 0;margin: auto;width: 280px;}
.main .question_list_part .total,.main .question_list_part .current{top: -3px;}
.main .question_list_part .total em{letter-spacing: 0px;font-weight: 600;}
.ans_part .img_section:first-child{z-index: 1;}
.main:after{height: calc(100vh + 112px);z-index: 9;}

.main .footer_part{position: absolute;bottom: -28px;padding-top: 30px;padding-bottom: 30px;}
.ans_part {margin-top: 132px;}
.main{padding-bottom: 25px;z-index: 99;}
.ans_part .img_section:nth-child(2){margin-top: -20px;margin-left: -70px;}
.ans_part .img_section:nth-child(3) {margin-top: -21px;margin-left: -60px;}
.ans_part .img_section:nth-child(4){margin-left: -70px;}
.ans_part .img_section.active {z-index: 9 !important; width: 300px;height: 440px;margin-top: -30px;}
.bottom_button_part .content p{font-family: ff-good-headline-condensed-p, sans-serif;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;}
.bottom_button_part .content{padding-left: 80px;}

.bottom_button_part .content .btn{margin-left: 210px;font-family: ff-good-headline-condensed-p, sans-serif;font-weight: 400; padding-left: 30px;padding-right: 30px;}
.bottom_button_part .content .btn .button_ripple{transform: skewX(-10deg);-webkit-transform: skewX(-10deg);-o-transform: skewX(-10deg);-moz-transform: skewX(-10deg);width: 94%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.bottom_button_part .content .btn:hover .button_ripple{background-color: #d4470e;}
.main .footer_part p{color: #000000;}

.form_system,.bottom_button_part,.main .question_list_part,.main .title_part{position: relative;z-index: 99;}
.dragon_img_part,.successfully,.filter_section,.grid_system{position: relative;z-index: 99;}
.ans_part.desktop{z-index: 999;}

.cam_dragon{position: relative;z-index: 99;}


body .ans_part.desktop.set_deck .img_section{margin-top: 0;margin-left: 0;}
.wrapper_animate{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.video_anim .wrapper_animate{padding-left: 70px;}
.cam_dragon{padding-top: 100px;}
.cam_dragon .btn{font-weight: 600;}

.main.no_bg_section:after{display: none;}
.cam_part .bottom_part{padding-top: 50px;height: 290px;}
.language_select .btn:before,.form_system button:after{width: 90%;}
.form_system button{padding: 0px 30px;}


/*.cursor{display: block;position: fixed;top: 0;left: 0;width: var(--width);height: var(--height);-webkit-transform: translate(calc(var(--x) - var(--width) / 2), calc(var(--y) - var(--height) / 2));transform: translate(calc(var(--x) - var(--width) / 2), calc(var(--y) - var(--height) / 2));-webkit-transition: 150ms width cubic-bezier(0.39, 0.575, 0.565, 1), 150ms height cubic-bezier(0.39, 0.575, 0.565, 1), 150ms -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);transition: 150ms width cubic-bezier(0.39, 0.575, 0.565, 1), 150ms height cubic-bezier(0.39, 0.575, 0.565, 1), 150ms -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);transition: 150ms width cubic-bezier(0.39, 0.575, 0.565, 1), 150ms height cubic-bezier(0.39, 0.575, 0.565, 1), 150ms transform cubic-bezier(0.39, 0.575, 0.565, 1);transition: 150ms width cubic-bezier(0.39, 0.575, 0.565, 1), 150ms height cubic-bezier(0.39, 0.575, 0.565, 1), 150ms transform cubic-bezier(0.39, 0.575, 0.565, 1), 150ms -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);z-index: 999;pointer-events: none;will-change: transform;}

.cursor::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: var(--radius);border: 2px solid #ffffff;background-color:#f6f3ed;opacity: 1;-webkit-transform: scale(var(--scale));transform: scale(var(--scale));-webkit-transition: 300ms opacity cubic-bezier(0.39, 0.575, 0.565, 1), 150ms border-radius cubic-bezier(0.39, 0.575, 0.565, 1), 300ms -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);transition: 300ms opacity cubic-bezier(0.39, 0.575, 0.565, 1), 150ms border-radius cubic-bezier(0.39, 0.575, 0.565, 1), 300ms -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);transition: 300ms opacity cubic-bezier(0.39, 0.575, 0.565, 1), 300ms transform cubic-bezier(0.39, 0.575, 0.565, 1), 150ms border-radius cubic-bezier(0.39, 0.575, 0.565, 1);transition: 300ms opacity cubic-bezier(0.39, 0.575, 0.565, 1), 300ms transform cubic-bezier(0.39, 0.575, 0.565, 1), 150ms border-radius cubic-bezier(0.39, 0.575, 0.565, 1), 300ms -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);}
html{cursor: url(../images/site/cursor.svg) 14 14, auto;}
html:not(html:hover) .cursor::after {background-color: transparent;}*/

/*html{cursor: none;}
body{cursor: none;}*/

/*.cursor-dot,.cursor-dot-outline {pointer-events: none;position: absolute;top: 50%;left: 50%;border-radius: 50%;opacity: 0;transform: translate(-50%, -50%);transition: opacity 0.3s ease-in-out,transform 0.3s ease-in-out;z-index: 999999;}
.cursor-dot{width: 14px;height: 14px;background-color: rgba(255,73,0,.8);}
.cursor-dot-outline {width: 40px;height: 40px;background-color: hsla(45,31%,95%,.9);border: 1px solid #fff;}
.mob_title{display: none;}
.main.cam_main:after{width: 46%;}
.cam_dragon{padding-left: 140px;}*/


#un_ie{display: none;}




/*popup css*/
#full_wrapper{z-index: 999999;}
.popup_wrap{position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;z-index: 9999;opacity: 0;visibility: hidden;}
.popup_wrap.active{opacity: 1;visibility: visible;}

.popup_wrap .popup_overlay{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: -1;}
.popup_wrap .popup_outer .popup_inner{background-color: #ffffff; width: 100%;max-width: 580px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.popup_wrap .popup_outer .popup_inner .header_title{background-color: #f5f5f5;padding: 10px 20px;position: relative;border-bottom: #ededed 1px solid;}
.popup_wrap .popup_outer .popup_inner .header_title h2{font-weight: 500;color: #666666;}
.popup_wrap .popup_outer .popup_inner .close{position: absolute;top: 12px;right: 15px;color: #c3c3c3;width: 20px;height: 20px;}
.popup_wrap .popup_outer .popup_inner .close:before{position: absolute;content: '';width: 100%;height: 2px;transform-origin: top center;right: -1px;background-color: #c3c3c3;transform: rotate(45deg);top: 10px;}
.popup_wrap .popup_outer .popup_inner .close:after{position: absolute;content: '';width: 100%;height: 2px;transform-origin: top center;right: 0;background-color: #c3c3c3;transform: rotate(-45deg);top: 10px;}

.popup_wrap .popup_outer .popup_inner .body_text{padding: 15px;}
.table_data{}
.table_data .table_row{display: flex;border: #dddddd 1px solid;align-items: stretch;}
.table_data .table_row .heading_title{width: 30%;padding: 10px 15px;}
.table_data .table_row .heading_title h3{font-weight: bold;}
.table_data .table_row .data_text{width: 70%;border-left: #dddddd 1px solid;padding: 10px 15px;}
.table_data .table_row .data_text h5{font-weight: 400;word-break: break-all;}
.list .popup_data{display: none !important;}

.pagination{padding: 10px;text-align: right;border: 1px solid #ccc;}
.pagination li{display: inline-block;vertical-align: middle;list-style: none;border: 1px solid #aaa;border-right: none;}
.pagination li:last-child{border-right: 1px solid #aaa;}
.pagination li a{min-width: 30px;height: 30px;line-height: 30px;font-size: 14px;display: inline-block;vertical-align: middle;text-align: center;}
.pagination li a.current{background: #aaa;color: #fff;}
.pagination li:first-child{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination li:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}

.bottom-arrow {position: fixed;right: 40px;bottom: 30px;z-index: 99;width: 40px;height: 40px;background: #FF4900;padding: 10px; animation: bounce 2s infinite; border-radius: 50%; z-index: 9999;}
.bottom-arrow img{max-width: 100%}
.main.no_bg_section.no-height{height: auto;}
.skip_cam_button{color: #ffffff; text-decoration: underline; font-weight: normal; text-shadow: 0 0px 10px #000;}
div.a2a_full_footer {display: none;}
.mobile-show{display: none;}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-7px);
    }
}

.datatable_blog{  background-color: #fff;position: relative;z-index: 91;width: 100%;}
.datatable_blog th a img{width: 6px;}

.datatable_blog  {border: 1px solid #ccc;}
.datatable_blog th,.datatable_blog td{font-size: 14px;color: #000;padding: 12px 9px;    text-align: left;font-weight: 400;border: 1px solid #ccc;}
.datatable_blog th:first-child {width: 40px;}
.datatable_blog td{font-size: 13px;padding: 10px 9px;}
.datatable_blog .body_section tr{background-color: #f3f3f3;}
.datatable_blog .body_section tr:nth-child(2n){background-color: #fff;}
.datatable_blog .body_section .button_ripple{ display: inline-block;width: 100px;height: 35px;font-size: 14px;background: #ff4900;color: #fff;text-align: center;line-height: 34px;overflow: hidden;position: relative;}


.dataTables_info{display: none;}
/*.dataTables_paginate{display: none;}*/
.dataTables_paginate{text-align: right;margin-top: 12px;}
.dataTables_paginate a {min-width: 30px;height: 30px;line-height: 30px;font-size: 14px;display: inline-block;vertical-align: middle;text-align: center;    border: 1px solid #aaa;    color: #000000; border-radius: 3px;padding: 0px 5px;}
.dataTables_paginate>span{margin: 0px 5px;}

.dataTables_filter{height: 50px;text-align: right;}
.dataTables_filter label {    color: #000;}
.dataTables_filter label input {margin-left: 10px;width: 180px;height: 30px;font-size: 12px; padding: 5px;border: 1px solid #cbcbcb;box-sizing: border-box;}







@media only screen and (min-width: 1280px){
    .main.no_bg_section.no-height .footer_part{bottom: -17px;}
}
@media only screen and (max-width: 1360px){
    .popup_wrap .popup_outer .popup_inner{margin: 40px 0px;}
    .popup_wrap{overflow: scroll;}
}
@media only screen and (max-width: 767px){
    .popup_wrap .popup_outer .popup_inner .header_title h2{font-size: 20px;}
    .table_data .table_row .heading_title h3{font-size: 12px;}
    .table_data .table_row .data_text,.table_data .table_row .heading_title{padding: 8px 10px;}
    .popup_wrap .popup_outer .popup_inner{max-width: 90%;}
    .pagination{width: 1024px;text-align: center;}

    .bottom-arrow { right: 8px; bottom: 50px; }
    .mobile-show{display: block;}
    .main .question_list_part .total, .main .question_list_part .current{top: 1px;}
    .main .question_list_part .current{transform: translateX(-1px);}
}